发表于: 2017-04-05 20:22:08

3 1282


今天完成的事:

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">&#x33;</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?


返回列表 返回列表
评论

    分享到