refine: demo 展示

Author: feige996

src/pages/demo/base/uni-ui.vue

@@ -9,6 +9,6 @@
   <uni-card>
     <text>这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。</text>
   </uni-card>
-  <view>微信里面下面的 uni-badge 显示不出来，BUG</view>
   <uni-badge text="99"></uni-badge>
+  <uni-rate :value="3" />
 </template>

src/pages/demo/base/unocss.vue

@@ -6,10 +6,10 @@
 </route>
 
 <template>
-  <view class="flex flex-col justify-center items-center text-5 h-8 leading-8 mt-20">
+  <view class="flex flex-col justify-center items-center text-5 h-12 leading-12 mt-20">
     <view class="text-green-500">文字颜色 text-light-50</view>
     <view class="text-red-500">文字颜色 text-red-500</view>
-    <view class="bg-green-500">背景色 bg-light-50</view>
-    <view class="bg-red-500">背景色 bg-red-500</view>
+    <view class="bg-green-500 mt-4">背景色 bg-light-50</view>
+    <view class="bg-red-500 mt-4">背景色 bg-red-500</view>
   </view>
 </template>