321

src/main.ts

@@ -8,6 +8,7 @@ import './style.less'
 import Util from './util'
 import service from './service'
 import { Plugin } from 'vue-fragment'
+import { Image as VanImage } from 'vant';
 
 import { Toast,Empty,Dialog } from 'vant'
 import VConsole from 'vconsole';
@@ -16,7 +17,7 @@ const vconsole = process.env.VUE_APP_ENV === 'TEST'?new VConsole():''
 
 // window.console.log(vconsole,'移动console');
 
-
+Vue.use(VanImage);
 Vue.use(Dialog);
 Vue.use(Empty)
 Vue.use(Toast)

src/view/Mine/index.vue

@@ -2,7 +2,14 @@
     <Layout-Main class='page-scroll'> 
         <div class='user-info w-11/12 mx-auto flex text-font-white  items-center py-8 overflow-y-scroll'>
             <div class='w-3/12 pr-5'>
-                <img :src='getUserInfo.avatar?getUserInfo.avatar:"/img/mokeImg/avatar.png"' class='rounded-full w-18 object-fill' >
+                <van-image
+                width="80"
+                height="80"
+             
+                round
+                fit="cover"
+                :src='getUserInfo.avatar?getUserInfo.avatar:"/img/mokeImg/avatar.png"'
+                />
             </div>
             <div class='w-9/12 info flex-grow'>
                 <div class='name-box flex justify-between'>