发表于: 2017-04-19 23:49:07
1 1264
今天完成的事情:
1、完成【过往项目】前台页面底部界面轮播图;
2、完成【模式介绍】页面顶部banner及立即申请按钮;
3、听图图师兄讲了vue.js框架的使用;
明天计划的事情:
1、【过往项目】前台项目名称的轮播;
遇到的问题:
今天一直都是在研究【过往项目】前台页面底部界面轮播图的插件源码,看得头都大了,知道吃晚饭的时候灵光一闪,找到了修改轮播时候得产生的图片的绝对定位的位置设置,再把左右可点击和不可点击时候得按钮样式添加进源码,大功告成,哈哈:
左右样式按钮主要就是修改了这些源码:
var i = "background-image",a = "url('../../images/hatch/project/prev-01.png')",b = "url('../../images/hatch/project/prev-02.png')",c = "url('../../images/hatch/project/next-01.png')",d = "url('../../images/hatch/project/next-02.png')",e = "disabled",n = this._itemDoms.length;
0 === n ? ($('.sliderTV__prev').css(i, b).attr(e,e), $('.sliderTV__next').css(i, d).attr(e,e)) : 0 === this._focus ? ($('.sliderTV__prev').css(i, b), $('.sliderTV__next').css(i, c)) : this._focus === n - 1 ? ($('.sliderTV__prev').css(i, a), $('.sliderTV__next').css(i, d)) : ($('.sliderTV__prev').css(i, a), $('.sliderTV__next').css(i, c))
}
收获:
今天听图图师兄讲了vue.js的使用,与angular框架比较相似,vue里面的v-指令与angular的ng-指令功能也是基本相似的,还有可以使用v-html可以把带有html标签的字段过滤掉html标签(比如说富文本编辑器会有自带p标签啊),angular里面就需要使用$sce服务的tureAsHtml()方法过滤掉p标签。
评论