发表于: 2017-04-05 20:22:08
3 1283
今天完成的事:
1.从jq之家扒了一个侧边栏。整理一下用于任务7的侧边。
然后把主页面给做了。
2.学习了阿里巴巴iconfont的unicode用法。
一次性找齐所有需要用的图标,添加到购物车。在购物车界面下载代码,得到一个压缩包。
解压后有一个demo_unicode.html文件,打开里面有Unicode图标代码,并且附有使用教程。
有两段代码
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
.iconfont{ font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
分别复制到当前的css文件,然后<i class="iconfont">3</i>
设置class,i标签内填入Unicode即可。
记得把第一段代码里涉及到的文件iconfont.eot iconfont.woff iconfont.ttf iconfont.svg iconfont.css复制到所在目录,或者改好url。
轻便简单。
明天要做的事:学习angular。写好静态表单页。写好路由。学习动态添加表单数据。
给登录页添加登录验证后跳转到后台页。
抽出一部分时间来写毕业设计。
遇到的问题:
1.侧边栏点击没有效果,是懒加载出现问题。
解决:师姐给指出把jq等通用的文件放在main文件中加载,个别写在内部的js不用单抽出来分离。更改后解决。
2.http://119.10.57.69:880/ptt247/JS/task05-10/main.html#!/asideBar
#后面为什么会出现一个!
收获:iconfont?
评论