‘通用图片处理’

components/no-list-components/index.vue

@@ -1,13 +1,14 @@
 <template>
   <view class="NOList">
     <view class="no-addr">
-      <image :src="`https://e-chain.cnskl.com/storage/imageresource/no-image/${name}.png`" mode="widthFix"></image>
+      <image :src="`${webUrl}/storage/imageresource/no-image/${name}.png`" mode="widthFix" />
       {{txt}}
     </view>
   </view>
 </template>
 
 <script>
+	import {config} from '@/apis/index.js'
   export default {
     name: "NOList",
     /**
@@ -36,21 +37,23 @@
      */
     props: {
       name: String,
-      txt: String,
-	  webUrl:'https://e-chain.cnskl.com/storage/imageresource/no-image'
+      txt: String
     },
     data() {
       return {
-
+		webUrl:''
       };
-    }
+    },
+	mounted() {
+		this.webUrl = config.apiUrls
+	}
   }
 </script>
 
 <style lang="scss" scoped>
   // 无地址
   .no-addr {
-    padding-top: $padding*6;
+    padding-top: $padding*4;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -60,8 +63,8 @@
     font-size: $title-size*0.9;
 
     image {
-      margin-bottom: $margin*4;
-      margin-top: $margin*2;
+      margin-bottom: $margin*2;
+      margin-top: $margin*1;
       width: 400rpx;
       opacity: .4;
     }