|
|
@@ -12,17 +12,7 @@
|
|
|
@click="controlClick(index)"
|
|
|
:class="{ 'control-list-left-item-active': index === activeIndex }"
|
|
|
>
|
|
|
- <image
|
|
|
- :src="borderRadius"
|
|
|
- class="borderTopRadius"
|
|
|
- v-if="index === activeIndex"
|
|
|
- />
|
|
|
{{ item.sfDisplayname }}
|
|
|
- <image
|
|
|
- :src="borderRadius"
|
|
|
- class="borderBottomRadius"
|
|
|
- v-if="index === activeIndex"
|
|
|
- />
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="control-list-right">
|
|
|
@@ -407,25 +397,11 @@ uni-page-body {
|
|
|
position: relative;
|
|
|
}
|
|
|
.control-list-left-item-active {
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 0 -16rpx -16rpx 0;
|
|
|
- }
|
|
|
- .borderTopRadius {
|
|
|
- position: absolute;
|
|
|
- width: 40rpx;
|
|
|
- height: 40rpx;
|
|
|
- right: 10rpx;
|
|
|
- top: -32rpx;
|
|
|
- transform: rotate(90deg);
|
|
|
- z-index: 100;
|
|
|
- }
|
|
|
- .borderBottomRadius {
|
|
|
- position: absolute;
|
|
|
- z-index: 100;
|
|
|
- width: 40rpx;
|
|
|
- height: 40rpx;
|
|
|
- bottom: -32rpx;
|
|
|
- right: 10rpx;
|
|
|
+ background: #0bbc581a;
|
|
|
+ color:#0BBC58;
|
|
|
+ font-family: "Source Han Sans CN VF";
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: 700;
|
|
|
}
|
|
|
}
|
|
|
.control-list-right {
|