Преглед на файлове

style(ui): 更新控件激活状态的样式

统一两个组件中激活状态的样式,使用绿色主题和自定义字体
allen преди 1 седмица
родител
ревизия
73f00507f0
променени са 2 файла, в които са добавени 8 реда и са изтрити 30 реда
  1. 3 1
      pages/cb/shuifeizsFirst/autoSetting.vue
  2. 5 29
      pages/cb/shuifeizsFirst/control.vue

+ 3 - 1
pages/cb/shuifeizsFirst/autoSetting.vue

@@ -578,9 +578,11 @@ export default {
         border-left-bottom-radius: 16rpx;
 
         &.active {
-          background: #F5F6FA;
+          background: #0bbc581a;
           color:#0BBC58;
           font-weight: 700;
+          color: #0bbc58;
+          font-family: "Source Han Sans CN VF";
         }
 
         &:last-child {

+ 5 - 29
pages/cb/shuifeizsFirst/control.vue

@@ -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 {