lishan

src/views/two-code.vue

@@ -26,26 +26,18 @@
         <span class="block text-center text-gray-400 pb-8 pt-2">{{msg3}}</span>
       </div>
       <div class="flex flex-row justify-around pt-8">
-        <div ><van-image
-          width="35pt"
-          height="35pt"
-          :src="require('@/assets/icons/y-chat33.png')"
-        /></div>
-        <div class="flex-initial"><van-image
-          width="35pt"
-          height="35pt"
-          :src="require('@/assets/icons/y-pengyouquan.png')"
-        /></div>
-        <div class="flex-initial"><van-image
-          width="35pt"
-          height="35pt"
-          :src="require('@/assets/icons/y-weixin.png')"
-        /></div>
-        <div class="flex-initial"><van-image
-          width="35pt"
-          height="35pt"
-          :src="require('@/assets/icons/y-downlode.png')"
-        /></div>
+        <div >
+          <code-icon type="png" :path="require('@/assets/icons/y-chat33.png')" class-name="h-11 w-11" />         
+        </div>
+        <div class="flex-initial">
+          <code-icon type="png" :path="require('@/assets/icons/y-pengyouquan.png')" class-name="h-11 w-11" />
+        </div>
+        <div class="flex-initial">
+          <code-icon type="png" :path="require('@/assets/icons/y-weixin.png')" class-name="h-11 w-11" />
+        </div>
+        <div class="flex-initial">
+          <code-icon type="png" :path="require('@/assets/icons/y-downlode.png')" class-name="h-11 w-11" />
+        </div>
         <!--<div class="flex-initial"><van-icon :name="require('@/assets/icons/y-downlode.png')"/></div>-->       
       </div>
     </div>  
@@ -70,7 +62,7 @@ export default Vue.extend({
   name: 'Two-code',
   components: {
     'main-page': () => import('@/layout/main-page.vue'),
-   
+    'code-icon':()=>import('@/components/common/Icon.vue'),
   },
   created() {
     // console.log(Mock, 'mock')