发表于: 2017-05-07 23:50:59
1 818
今天完成的事情:
1、在金超的帮助下解决了【过往项目】前台app轮播和web端轮播的问题;
2、调整【产品特色】组件、子组件上架验证文案;
明天计划的事情:
demo
遇到的问题:
之前因为【过往项目】的轮播图app端和web端的轮播图使用两套轮播图,因为同时使用ui-bootstrap的轮播组件,会起冲突,之后就在原来的appDuang轮播自定义指令里面添加判断,通过改变类选择器的样式来显示相应的轮播图:
首先在控制器里面相应的把轮播图分成一张图片或者三张图片一组的数组:
if(vm.projectDetil.category == 5){
// 项目为web项目时,每一张图片一个数组
vm.bol = false;
vm.imgs = [];
for(i=0;i<vm.banner.length;i=i+1){
var arr = [];
arr = vm.banner.slice(i,i+1);
vm.imgs.push(arr)
}
} else{
// 项目为app项目或者h5项目时,每三张图片一个数组
vm.imgs = [];
for(i=0;i<vm.banner.length;i=i+3){
var arr = [];
arr = vm.banner.slice(i,i+3);
vm.imgs.push(arr)
}
}
然后自定义指令html模板中加入ng-class判断项目类型选择相应的样式:
<ul class="row item active" ng-repeat="x in jqImg track by $index" style="height: 300px;">
<div ng-class="bol?'col-lg-4 col-md-6 col-xs-12 text-center clear-padding':'col-lg-12 col-md-12 col-xs-12 text-center clear-padding'" ng-repeat = 'img in x track by $index'>
<img ng-src="{{img}}" ng-class="bol?'one-img':'one-img-web'">
</div>
</ul>
收获:
以上
评论