图片

src/main/h5/src/plugins/http.js

@@ -5,6 +5,7 @@ let baseUrl = "http://localhost:8080";
 switch (process.env.NODE_ENV) {
   case "development":
     baseUrl = "http://yskj.njlyw.cn:8081";
+    // baseUrl = "http://wljtest.izouma.com";
     // baseUrl = 'http://localhost:8080';
     break;
   case "test":

src/main/h5/src/views/Home.vue

@@ -20,10 +20,15 @@
       <video-upload v-model="info2" class="width"></video-upload>
     </div>
     <div style="margin-top:20px" v-else-if="info.annex">
-      <img
-        style="width:100px;height:100px;margin-left:17px"
-        :src="info.annex"
-        alt=""
+      <van-image
+        fit="cover"
+        style="padding:0 16px"
+        v-for="(a, index) in list"
+        :key="index"
+        @click="preview(index, a)"
+        :src="a"
+        width="92%"
+        height="150px"
       />
     </div>
     <div class="base">
@@ -198,6 +203,7 @@
 
 <script>
 import { mapState } from "vuex";
+import { ImagePreview } from "vant";
 // import QrcodeVue from "qrcode.vue";
 export default {
   name: "home",
@@ -212,6 +218,7 @@ export default {
       info: {},
       info2: {},
       persons: [],
+      list: [],
       isAdmin: false,
       scores: [],
       score: "",
@@ -271,6 +278,9 @@ export default {
     // this.getInfo();
   },
   methods: {
+    preview(index = 0, list = []) {
+      ImagePreview([list]);
+    },
     next() {
       this.nowActive = this.nowActive + 1;
       this.persons = [];
@@ -302,6 +312,8 @@ export default {
         })
         .then(res => {
           this.info = res;
+          this.list = { src: res.annex };
+          // console.log(this.list);
           this.info2 = {
             src: this.info.video
           };