一、今天完成的事情

1.完成成功案例，关于我们和联系我们。

二、明天计划的事情

完善首页、找精英页和关于我们页。

三、遇到的问题

1.关于我们和联系我们的切换页。

通过ng-click="vm.toggle=true"和ng-click="vm.toggle=false"切换。

2. 如何使用Iconfont-阿里巴巴矢量图标库。

css使用font-face声明字体

@font-face {
    font-family: 'iconfont';
    src: url('../lib/iconfont/iconfont.eot');/* IE9*/
    src: url('../lib/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
    url('../lib/iconfont/iconfont.woff') format('woff'),/* chrome、firefox */
    url('../lib/iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../lib/iconfont/iconfont.svg#uxiconfont') format('svg');/* iOS 4.1- */
}

css定义使用iconfont的样式

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

挑选相应图标并获取字体编码，应用于页面就可以显示图标

<i class="iconfont">&#xe640;</i>

注意：要先把要用的矢量图下下来，不然没法使用。在这卡了一会，囧！

四、收获

感觉代码写的少，还是得多敲。