style: 更新代码

CHANGELOG.md

@@ -15,6 +15,7 @@
 ### 🎨 代码样式
 范围|描述|commitId
 --|--|--
+ - | 更新代码 | [1f40a76](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/1f40a76)
  - | 组件新建 | [89c0035](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/89c0035)
 
 

src/components/Roles/Roles.vue

@@ -3,14 +3,14 @@
  * @email: binbin0314@126.com
  * @Date: 2021-07-19 10:52:05
  * @LastEditors: aBin
- * @LastEditTime: 2021-07-19 11:09:23
+ * @LastEditTime: 2021-07-19 18:02:10
 -->
 <template>
   <view class="wrap">
     <view class="rolebar">
       <view>
         <view class="container" v-if="roles || roles.length">
-          <u-tabs
+          <!-- <u-tabs
             :bar-width="barWidth"
             :current="currentRoleIndex"
             :list="roles"
@@ -18,18 +18,20 @@
             class="u-skeleton-rect"
             name="value"
             ref="tabs"
-          ></u-tabs>
+          ></u-tabs>-->
 
-          <!-- <u-tabs
+          <u-tabs
             :bar-width="barWidth"
+            :class="'isMine' ? '#f00' : ''"
             :current="currentRoleIndex"
             :list="roles"
             @change="handleClickRole"
             class="u-skeleton-rect"
+            name="value"
             ref="tabs"
           >
-            <template slot="name">++++</template>
-          </u-tabs>-->
+            <template slot="name">+++</template>
+          </u-tabs>
         </view>
         <u-skeleton :animation="true" :loading="loading" bgcolor="#fff" v-else></u-skeleton>
       </view>
@@ -55,7 +57,6 @@ export default {
       loading: false, // 是否显示骨架屏组件
     };
   },
-
   methods: {
     handleClickRole(index) {
       console.log('index: ', index);

src/components/TimeLine/components/TimeBox.vue

@@ -3,7 +3,7 @@
  * @email: binbin0314@126.com
  * @Date: 2021-07-19 15:36:28
  * @LastEditors: aBin
- * @LastEditTime: 2021-07-19 17:10:38
+ * @LastEditTime: 2021-07-19 17:44:18
 -->
 <template>
   <view class="px-4">
@@ -15,9 +15,9 @@
           <view>任务快捷方式</view>
         </view>
       </view>
-      <view class="border-l-2 border-gray-300 h-16 ml-3.5">
-        <view class="ml-4 h-16 shadow-lg">
-          <u-card margin="0" :show-head="false" :show-foot="false" border-radius="25">
+      <view class="border-l-2 border-gray-300 ml-3.5">
+        <view class="ml-4 shadow-lg">
+          <u-card margin="0" :show-head="false" :show-foot="false" border-radius="25" class="h-16">
             <view slot="body">
               <view class="u-col-between p-0 u-skeleton">
                 <view class="u-skeleton-rect"> 瓶身描绘的牡丹一如你初妆</view>

src/components/TimeLine/components/TimeStatus.vue

@@ -3,12 +3,12 @@
  * @email: binbin0314@126.com
  * @Date: 2021-07-19 15:47:38
  * @LastEditors: aBin
- * @LastEditTime: 2021-07-19 17:24:21
+ * @LastEditTime: 2021-07-19 18:01:59
 -->
 <template>
   <view>
     <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" borderWidth="4" width="66">
+      <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">
@@ -18,7 +18,7 @@
       </u-circle-progress>
     </view>
     <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" borderWidth="6" width="66">
+      <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>
@@ -26,7 +26,7 @@
       </u-circle-progress>
     </view>
     <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" borderWidth="6" width="66">
+      <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">
@@ -36,7 +36,7 @@
       </u-circle-progress>
     </view>
     <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" borderWidth="6" width="66">
+      <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">