iSharkFly-Docs/angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

code sample

Browse Source
This commit is contained in:
Alex Wolfe 2015-03-05 07:21:58 -08:00
parent 132f6e36a3
commit e1bc1a8b51
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/index.jade
View File

@ -7,12 +7,21 @@
.grid-fluid.l-space-bottom-8 .grid-fluid.l-space-bottom-8
.c7 .c6
h3.text-headline Start Quick, Build Fast h3.text-headline Start Quick, Build Fast
p.text-body Express your ideas with clean, understandable code. Angular is simple to build on, easy to change, and friendly to the way UX designers work. Create a UI that is beautiful by default, with material design and support for web components. Angular takes <a href="/docs/js/latest/quickstart.html">just minutes to learn</a>. p.text-body Express your ideas with clean, understandable code. Angular is simple to build on, easy to change, and friendly to the way UX designers work. Create a UI that is beautiful by default, with material design and support for web components. Angular takes <a href="/docs/js/latest/quickstart.html">just minutes to learn</a>.
.c5 .c6
p(data-height="224" data-theme-id="12714" data-slug-hash="pvKKQa" data-default-tab="html" data-user="alexwolfe" class='codepen') pre.prettyprint.linenums.is-showcase
script(async src="https://assets.codepen.io/assets/embed/ei.js") code.
@Component({selector: 'my-app'})
@Template({inline: '&lt;h1&gt;Hi {{ name }}&lt;/h1&gt;'})
// Component controller
class MyAppComponent {
constructor() {
this.name = 'Alice';
}
}
.grid-fluid.l-space-bottom-8 .grid-fluid.l-space-bottom-8
.c7 .c7

4
public/resources/css/module/_code.scss
View File

@ -41,6 +41,10 @@
padding: 0px; padding: 0px;
} }
&.is-showcase {
border: 4px solid $regal;
}
ol { ol {
background: $steel; background: $steel;
padding: ($unit * 2) ($unit * 4) ($unit * 2) ($unit * 7); padding: ($unit * 2) ($unit * 4) ($unit * 2) ($unit * 7);