feat(pages):update mine center

Author: singcl

src/components/XmWallet/src/Numberical/numberical.vue

@@ -1,7 +1,11 @@
 <template>
   <view :class="styles['wrapper']">
-    <text>{{ number ?? 0 }}</text>
-    <text>{{ unit ?? '-' }}</text>
+    <nut-badge value="101">
+      <view>
+        <text>{{ number ?? 0 }}</text>
+        <text>{{ unit ?? '-' }}</text>
+      </view>
+    </nut-badge>
   </view>
 </template>
 

src/components/XmWallet/src/index.vue

@@ -1,8 +1,10 @@
 <template>
   <view :class="styles['wrapper']">
     <numberical number="12.3" unit="元" />
-    <text>{{ title ?? '-' }}</text>
-    <text>{{ desc ?? '-' }}</text>
+    <view :class="styles['descriptions']">
+      <text>{{ title ?? '-' }}</text>
+      <text>{{ desc ?? '-' }}</text>
+    </view>
   </view>
 </template>
 

src/components/XmWallet/src/xmWallet.module.styl

@@ -2,7 +2,8 @@
 
 .wrapper
   position relative
-  display block
-  background-color #fff
-  padding 32px 20px 28px
-  border-radius $xm-card-br-sm
+
+.descriptions
+  display flex
+  align-items center
+  flex-direction column

src/components/nutui/index.ts

@@ -1,9 +1,9 @@
 import type { App } from 'vue';
 // 定制化主题必须使用 scss
 import '@nutui/nutui-taro/dist/styles/themes/default.scss';
-import { Button, Cell, Icon, Form, FormItem, CellGroup, TextArea, Avatar } from '@nutui/nutui-taro';
+import { Button, Cell, Icon, Form, FormItem, CellGroup, TextArea, Avatar, Badge } from '@nutui/nutui-taro';
 
-const components = [Button, Cell, Icon, Form, FormItem, CellGroup, TextArea, Avatar];
+const components = [Button, Cell, Icon, Form, FormItem, CellGroup, TextArea, Avatar, Badge];
 
 export default class NutUI {
   static install(Vue: App<Element> /* options */) {