perf: 角色栏文字颜色更改

CHANGELOG.md

@@ -40,6 +40,7 @@
 ### 🚀 性能优化
 范围|描述|commitId
 --|--|--
+ - | 角色栏文字颜色修改 | [215c6b3](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/215c6b3)
  - | 组件文件夹新建 | [22bfe7b](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/22bfe7b)
  - | 组件文件夹新建 | [17bb8c9](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/17bb8c9)
  - | 组件文件夹新建 | [1421504](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/1421504)

src/components/Project/components/TimeBar.vue

@@ -12,7 +12,7 @@
 export default {
   name: 'TimeBar',
   data() {
-    return { status: 0 };
+    return {};
   },
 };
 </script>

src/components/Roles/Roles.vue

@@ -18,10 +18,11 @@
             class="u-skeleton-rect"
             name="value"
             ref="tabs"
-          ></u-tabs> -->
+          ></u-tabs>-->
 
           <u-tabs
             :bar-width="barWidth"
+            :class="'isMine' ? '#f00' : ''"
             :current="currentRoleIndex"
             :list="roles"
             @change="handleClickRole"

src/components/TimeLine/components/Barrier.vue

@@ -6,8 +6,12 @@
  * @LastEditTime: 2021-07-19 17:01:58
 -->
 <template>
-  <view>
-    <view class="bg-blue-400 h-8 pl-7 text-white" style="line-height: 2rem">辅助时间隔栏 </view>
+  <view class>
+    <!-- :class="{ active: cycleTasks.time.start === filter.startTime }" -->
+    <view class="cycle-time active">
+      <!-- {{ $util.formatStartTimeToCycleTime(filter.time, cycleTasks.time.start) }} -->
+      2021年30周
+    </view>
   </view>
 </template>
 <script>
@@ -19,8 +23,20 @@ export default {
 };
 </script>
 <style scoped lang="scss">
-.container {
-  height: 200vh;
-  margin-top: 150rpx;
+.cycle-time {
+  padding: 8rpx 16rpx;
+  margin-bottom: 16rpx;
+  background: #fafafc;
+  color: $uni-text-color;
+  font-size: 14px;
+  position: sticky;
+  top: -1px;
+  left: 0;
+  z-index: 99;
+
+  &.active {
+    background: $uni-color-primary;
+    color: $uni-text-color-inverse;
+  }
 }
 </style>

src/components/TimeLine/components/TimeStatus.vue

@@ -7,42 +7,40 @@
 -->
 <template>
   <view>
-    <view v-if="status === 0" class="rounded-full h-7 w-7 flex items-center justify-center text-blue-400">
-      <u-circle-progress width="66" borderWidth="4" active-color="#2979ff" :percent="100" bgColor="rgba(255,255,255,0)">
-        <view class="u-progress-content" @tap="changeStatus(0)">
+    <view class="rounded-full h-7 w-7 flex items-center justify-center text-blue-400" v-if="status === 0">
+      <u-circle-progress :percent="100" active-color="#2979ff" bgcolor="rgba(255,255,255,0)" borderWidth="4" width="66">
+        <view @tap="changeStatus(0)" class="u-progress-content">
           <view class="u-progress-dot"></view>
           <text class="u-progress-info">
-            <u-icon size="30" name="checkmark"></u-icon>
+            <u-icon name="checkmark" size="30"></u-icon>
           </text>
         </view>
       </u-circle-progress>
     </view>
-    <view v-if="status === 1" class="rounded-full h-7 w-7 flex items-center justify-center text-black">
-      <u-circle-progress width="66" borderWidth="6" active-color="#2979ff" :percent="80" bgColor="rgba(255,255,255,0)">
-        <view class="u-progress-content" @tap="changeStatus(1)">
+    <view class="rounded-full h-7 w-7 flex items-center justify-center text-black" v-if="status === 1">
+      <u-circle-progress :percent="80" active-color="#2979ff" bgcolor="rgba(255,255,255,0)" borderWidth="6" width="66">
+        <view @tap="changeStatus(1)" class="u-progress-content">
           <view class="u-progress-dot"></view>
-          <view class="u-progress-info">
-            {{ time }}
-          </view>
+          <view class="u-progress-info">{{ time }}</view>
         </view>
       </u-circle-progress>
     </view>
-    <view v-if="status === 2" class="rounded-full h-7 w-7 flex items-center justify-center text-gray-400">
-      <u-circle-progress width="66" borderWidth="6" active-color="#2979ff" :percent="40" bgColor="rgba(255,255,255,0)">
-        <view class="u-progress-content" @tap="changeStatus(2)">
+    <view class="rounded-full h-7 w-7 flex items-center justify-center text-gray-400" v-if="status === 2">
+      <u-circle-progress :percent="40" active-color="#2979ff" bgcolor="rgba(255,255,255,0)" borderWidth="6" width="66">
+        <view @tap="changeStatus(2)" class="u-progress-content">
           <view class="u-progress-dot"></view>
           <text class="u-progress-info">
-            <u-icon size="30" name="play-right-fill"></u-icon>
+            <u-icon name="play-right-fill" size="30"></u-icon>
           </text>
         </view>
       </u-circle-progress>
     </view>
-    <view v-if="status === 3" class="rounded-full h-7 w-7 flex items-center justify-center text-red-800 font-black">
-      <u-circle-progress width="66" borderWidth="6" active-color="#2979ff" :percent="80" bgColor="rgba(255,255,255,0)">
-        <view class="u-progress-content" @tap="changeStatus(3)">
+    <view class="rounded-full h-7 w-7 flex items-center justify-center text-red-800 font-black" v-if="status === 3">
+      <u-circle-progress :percent="80" active-color="#2979ff" bgcolor="rgba(255,255,255,0)" borderWidth="6" width="66">
+        <view @tap="changeStatus(3)" class="u-progress-content">
           <view class="u-progress-dot"></view>
           <text class="u-progress-info">
-            <u-icon size="30" name="pause"></u-icon>
+            <u-icon name="pause" size="30"></u-icon>
           </text>
         </view>
       </u-circle-progress>