发表于: 2017-04-29 22:59:32
1 1006
今天完成的事:解决了昨天的那个问题,在做单个任务展示的技能树。
明天计划的事:写论文,看下接口。
困难:
1.昨天那个问题不知道是什么原因,最终只有opacity能实现,哪怕用原生控制display:none和block都不行,只要是在第二个被显示,就会被压缩。最后控制opacity来展示,在html里面用opacity会存在两个把空间撑很大,隐藏一个后会剩下很大空白,这个只能将两个元素都用绝对定位定在区域内,这样又会空间塌陷,就在html里面用一个div撑起他们需要的空间。
$scope.focusIndex = 0;
$scope.tabChange1 = function () {
$scope.focusIndex = 0;
$(".mySkillList-main-right-skill-tab1").css({"opacity":"1"});
$(".mySkillList-main-right-skill-tab2").css({"opacity":"0"});
};
$scope.tabChange2 = function () {
$scope.focusIndex = 1;
$(".mySkillList-main-right-skill-tab1").css({"opacity":"0"});
$(".mySkillList-main-right-skill-tab2").css({"opacity":"1"})
};
<div class="mySkillList-main-right-skill-tab-content"><div style="height: 900px"></div>
<div class="mySkillList-main-right-skill-tab1"....>
<div class="mySkillList-main-right-skill-tab2"....>
</div>
2.获取单个任务的技能树时,有个接口没有tid,获取不了数据,这个还得跟后端协商。
收获:以上
评论