发表于: 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,获取不了数据,这个还得跟后端协商。

收获:以上


返回列表 返回列表
评论

    分享到