no message

src/pages/detailsVisa.vue

@@ -37,11 +37,21 @@
           <div class="text-grey-6 f12">Product No. # {{ dataList.Id }}</div>
         </div>
         <div class="row">
-          <div class="col-6" style="">
-            <div style="" class="q-pr-lg overflow-hidden">
-              <q-img class="rounded-borders" :src="dataList.CoverImageList[0].Url" spinner-color="grey" spinner-size="20px" />
-            </div>
+          <div class="col-6 q-mr-lg" style="padding-bottom: calc((100% - 0px) / 4); position: relative">
+          <div
+            style="position: absolute; left: 0; top: 0; right: 0; bottom: 0"
+            class="overflow-hidden rounded-borders"
+          >
+          <template v-for="(item, index) in dataList.CoverImageList">
+            <q-img v-if="item.Url"
+                  :src="item.Url"
+                  spinner-color="grey"
+                  spinner-size="20px"
+                  style="height: 100%;width: 100%;"
+                />
+          </template>
           </div>
+        </div>
           <div class="col">
             <div class="row">
               <div class="text-weight-bold text-h6 ellipsis-2-lines">{{ dataList.Name }}</div>
@@ -85,14 +95,14 @@
                   {{ dataList.VisaValidity }}
                 </span>
               </div>
-              <div class="row q-pt-lg" v-if="dataList.VisaProductInfo&&dataList.VisaProductInfo.AcceptRange">
+              <!-- <div class="row q-pt-lg" v-if="dataList.VisaProductInfo&&dataList.VisaProductInfo.AcceptRange">
                 <span class="col-2 text-dark">受理范围</span>
                 <div class="col text-grey-7">
                   <span class="col">
                     {{ dataList.VisaProductInfo.AcceptRange }}
                   </span>
                 </div>
-              </div>
+              </div> -->
             </div>
           </div>
         </div>