feat: ✨ 整合 wot-design-uni 框架

src/pages.json

@@ -1,4 +1,11 @@
 {
+  "easycom": {
+    "autoscan": true,
+    "custom": {
+      "^wd-(.*)": "wot-design-uni/components/wd-$1/wd-$1.vue"
+    }
+  },
+
   "pages": [
     {
       "path": "pages/index/index",

src/pages/index/index.vue

@@ -2,7 +2,19 @@
   <view class="flex-center flex-col">
     <image class="logo" src="/static/logo.png" />
     <view>
-      <text class="text-red font-bold text-lg">{{ title }}</text>
+      <text class="text-blue font-bold text-lg">{{ title }}</text>
+    </view>
+
+    <view class="mt-5 flex-center">
+      <text class="text-green font-bold text-lg">测试 UnoCSS</text>
+    </view>
+
+    <view class="mt-5 flex-center">
+      <wd-button size="small">主要按钮</wd-button>
+      <wd-button type="success" size="small">成功按钮</wd-button>
+      <wd-button type="info" size="small">信息按钮</wd-button>
+      <wd-button type="warning" size="small">警告按钮</wd-button>
+      <wd-button type="error" size="small">危险按钮</wd-button>
     </view>
   </view>
 </template>