引入Wot UI组件库

pages/tabs/clock.vue

@@ -19,7 +19,7 @@
           <text class="tiny">{{ outRec ? (outRec.status || '正常') : '待打卡' }}</text>
         </view>
       </view>
-      <view class="btn-primary" @click="doPunch">{{ punching ? '定位中…' : (outRec ? '更新打卡' : '打卡') }}</view>
+      <wd-button type="primary" block size="large" :loading="punching" @click="doPunch">{{ outRec ? '更新打卡' : '打卡' }}</wd-button>
       <text class="geo">将使用手机定位校验打卡范围</text>
       <view class="quick">
         <text class="q" @click="goKind('card')">补卡</text>
@@ -112,6 +112,7 @@ export default {
 .val.ok { color: #16A34A; font-weight: 650; }
 .tiny { font-size: 20rpx; color: #6B7280; }
 .geo { display: block; text-align: center; font-size: 22rpx; color: #4B5563; margin: 16rpx 0 24rpx; }
+.body :deep(.wd-button) { margin-top: 8rpx; }
 .quick { display: flex; gap: 12rpx; }
 .q { flex: 1; height: 72rpx; background: #fff; border-radius: 12rpx; text-align: center; line-height: 72rpx; font-size: 24rpx; }
 .sec { margin: 32rpx 0 12rpx; font-size: 28rpx; font-weight: 600; }