1

src/components/index/Search.vue

@@ -2,16 +2,26 @@
   <view class="search">
     <wd-icon name="thin-arrow-left" class="icon"></wd-icon>
     <slot></slot>
-    <view class="searchBox">11</view>
+    <view class="searchBox"><input type="text" :value="test" /></view>
   </view>
 </template>
 
 <script setup>
 import { useCountStore } from '@/store';
+import { onMounted } from 'vue';
 
 const title = ref('小程序平台');
 const { countInfo, addCount } = useCountStore();
-
+const test = ref('');
+onMounted(() => {
+  xma.xh.getUserProfile({
+    range: ['ACCOUNT', 'MOBILE', 'CITIZEN'],
+    async success(info) {
+      const info2 = JSON.stringify(info);
+      test.value = info2;
+    },
+  });
+});
 function toUIComponentsDoc() {
   window.open('https://wot-design-uni.netlify.app/component/button.html');
 }

src/pages/index/index.vue

@@ -16,25 +16,7 @@ import Search from '../../components/index/Search.vue';
 const title = ref('小程序平台');
 const { countInfo, addCount } = useCountStore();
 
-onMounted(() => {
-  xma.xh.getUserProfile({
-    range: ['ACCOUNT', 'MOBILE', 'CITIZEN'],
-    async success(info) {
-      const info2 = JSON.stringify(info);
-      xma.showModal({
-        title: '提示',
-        content: info2,
-        success: function (res) {
-          if (res.confirm) {
-            console.log('用户点击确定');
-          } else if (res.cancel) {
-            console.log('用户点击取消');
-          }
-        },
-      });
-    },
-  });
-});
+onMounted(() => {});
 function toUIComponentsDoc() {
   window.open('https://wot-design-uni.netlify.app/component/button.html');
 }