发表于： 2017-05-23 23:42:39
1 1044
今天完成的事情：写关于我们和联系我们的切换
明天计划的事情：请假一天，后天写完关于我们
遇到的问题：
一、样式好难写啊：
1.这个联系我们和关于我们样式看起来好简单，但是写出来却花了3个多小时。
首先是响应式，psd的宽度是1200px,根本没考虑container的左右15px.左边的选项卡宽度是270px,不是1200的1/4。这里还是用来栅格，与psd图有出入。
2.选项卡的两个小图，用的是阿里的iconfont。虽然很早就了解了，但却一直没用。不过不过用起来也不是很复杂。阿里的教程写的很清楚。
二、选项卡的切换： 用的是bootstrap的插件，但遇到了一点问题。
进入关于我们/联系我们，有两个进入途径：顶部导航栏的'关于我们选项'和底部的
从顶部导航栏或则底部'关于我们'进入关于我们页面就会显示关于我们的内容，而底部点击'联系我们'进入关于我们页，则会默认显示‘联系我们’。
切换选卡的时候也遇到了前面a标签href里面 #锚点的问题，改成 . 并不能生效，把a标签换成其他标签就好了。
获取ui-sref传入的参数，判断是不是false。不是false则显示关于我们。
vm.toggle = $state.params.status !== 'false';
同时根据这个标准位来作为ng-class的条件，改变样式
收获：人要有梦想
返回列表
评论