diff --git a/pages/mine/details2.vue b/pages/mine/details2.vue index 1f82c8f..4db20a9 100644 --- a/pages/mine/details2.vue +++ b/pages/mine/details2.vue @@ -11,10 +11,15 @@ - - + --> + + + {{item.name}} + + 标记 @@ -99,7 +104,7 @@ - + 更多 @@ -107,12 +112,12 @@ 设备日志 接待信息 - + {{userlistobj.validInvalidName}} - + 接待信息 @@ -1090,7 +1095,8 @@ // 添加角色 addRole() { this.tablist.push({ - name: String.fromCharCode(this.tablist.length + 64) + name: String.fromCharCode(this.tablist.length + 64), + select: false }) }, @@ -1141,11 +1147,13 @@ }) }, //分角色 - tapspagek(index) { - this.roleindex = index; - this.newluyinList = []; - this.fenjiaoseunfo() - this.$forceUpdate() + tapspagek(item, index) { + console.log(item, index) + item.select = !item.select + // this.roleindex = index; + // this.newluyinList = []; + // this.fenjiaoseunfo() + // this.$forceUpdate() }, //------------------------------------分角色标记刷新 fenjiaoseunfo() { @@ -1183,11 +1191,13 @@ for (var i = 0; i <= data.data.data.speakerNum; i++) { if (i === 0) { this.tablist.push({ - name: '全部' + name: '全部', + select: true }) } else { this.tablist.push({ - name: String.fromCharCode(i + 64) + name: String.fromCharCode(i + 64), + select: false }) } } @@ -1759,11 +1769,13 @@ for (var i = 0; i <= data.data.data.speakerNum; i++) { if (i === 0) { this.tablist.push({ - name: '全部' + name: '全部', + select: true, }) } else { this.tablist.push({ - name: String.fromCharCode(i + 64) + name: String.fromCharCode(i + 64), + select: false, }) } } @@ -2082,6 +2094,33 @@ flex: 1; height: 88rpx; overflow: hidden; + display: flex; + align-items: center; + + .mytab { + margin-left: 20rpx; + flex-shrink: 0; + + .tab-item { + padding: 0 20rpx; + height: 52rpx; + line-height: 52rpx; + background: #FFFFFF; + border-radius: 8rpx; + border: 1rpx solid #E0E0E0; + font-size: 26rpx; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #999999; + + } + + .tabActive { + background: #2671E2; + color: #fff; + } + } + } .headpade {