引入Wot UI组件库

pages/tabs/me.vue

@@ -9,7 +9,7 @@
           <view class="info">
             <view class="nm">
               <text class="name">{{ me ? me.name : '' }}</text>
-              <text class="st">在职</text>
+              <wd-tag type="success" plain>在职</wd-tag>
             </view>
             <text class="dept">{{ me ? (me.department + ' · ' + me.title) : '' }}</text>
             <text class="ph">{{ phone }}{{ job }}</text>
@@ -32,23 +32,18 @@
       </view>
 
       <view class="card menu">
-        <view v-for="a in menus" :key="a.id" class="mi" @click="open(a)">
-          <text class="ii">{{ a.icon }}</text>
-          <text class="it">{{ a.title }}</text>
-          <text class="arr">›</text>
-        </view>
+        <wd-cell-group border>
+          <wd-cell v-for="a in menus" :key="a.id" :title="a.title" is-link @click="open(a)" />
+        </wd-cell-group>
       </view>
 
       <view class="card menu">
-        <view class="mi" @click="goPwd">
-          <text class="ii">🔑</text>
-          <text class="it">修改密码</text>
-          <text class="arr">›</text>
-        </view>
-        <view class="mi danger" @click="logout">
-          <text class="ii">⎋</text>
-          <text class="it">退出登录</text>
-        </view>
+        <wd-cell-group border>
+          <wd-cell title="修改密码" is-link @click="goPwd" />
+          <wd-cell is-link @click="logout">
+            <template #title><text class="danger">退出登录</text></template>
+          </wd-cell>
+        </wd-cell-group>
       </view>
     </view>
   </view>
@@ -131,5 +126,5 @@ export default {
 .ii { width: 48rpx; color: #1677FF; font-weight: 650; }
 .it { flex: 1; font-size: 28rpx; }
 .arr { color: #C4C9D4; font-size: 32rpx; }
-.danger .it { color: #DC2626; }
+.danger { color: #DC2626; }
 </style>