update

components/common/layout/desComp/gangweiList.vue

@@ -6,14 +6,14 @@
     <div class="gangwei-row mta-hidden-xs" v-for="(rowList,index) in myListPc" :key="`pc-${index}`">
       <template v-for="(des,ind) in rowList">
         <!--    站位div    -->
-        <div v-if="des.empty"></div>
+        <div v-if="des.type === 'empty'"></div>
         <iconGangwei class="my-icon"  :key="ind" :des="des" :style="iconStylePc"></iconGangwei>
       </template>
     </div>
     <div class="gangwei-row mta-hidden-sm cur-h5" v-for="(rowList,index) in myListH5" :key="`h5${index}`">
       <template  v-for="(des,ind) in rowList">
         <!--    站位div    -->
-        <div v-if="des.empty"></div>
+        <div v-if="des.type === 'empty'"></div>
         <iconGangwei v-else class="my-icon" :key="ind" :des="des" :style="iconStyleH5"></iconGangwei>
       </template>
     </div>

components/common/layout/imgDes/imgCardLv1.vue

@@ -1,8 +1,18 @@
 <template>
   <div class="mta-card-lv1">
     <div class="mta-card-content-pc mta-hidden-xs">
-      <img src="#">
-      <div class="card-info"></div>
+      <img :src="img">
+      <div class="card-info">
+        <h5>{{title}}</h5>
+        <p>{{description}}</p>
+        <div class="mta-card-row" v-for="(rowList,index) in tages" :key="`pc-${index}`">
+          <template v-for="(des,ind) in rowList">
+            <!--    站位div    -->
+            <span v-if="des.empty" :key="ind"></span>
+            <span :key="ind"><i></i><span>{{des.value}}</span></span>
+          </template>
+        </div>
+      </div>
     </div>
     <div class="mta-card-content-h5 mta-hidden-sm">
       <img src="#">
@@ -32,7 +42,7 @@ export default {
     title() {
       return this.option.title;
     },
-    des() {
+    description() {
       return this.option.des;
     },
     tages() {
@@ -43,7 +53,7 @@ export default {
       for (let i = 1; i <= row; i++) {
         const start = (i - 1) * count;
         const end = (i * count)
-        const curList = this.list.slice(start, end);
+        const curList = list.slice(start, end);
         if (curList.length < count) {
           curList.push({type: 'empty'});
         }

pages/testPage.vue

@@ -1,5 +1,5 @@
 <template>
-<!--  <imgCardLv1 ></imgCardLv1>-->
+  <imgCardLv1 :img="img" :option="option"></imgCardLv1>
 </template>
 
 <script>
@@ -12,7 +12,37 @@ export default {
   },
   data() {
     return {
-
+      img: require('~/static/codeImage/code_jingli.png'),
+      option: {
+        title: '在线考试系统一建立无纸化考试通道',
+        des: '深谙在线考试系统搭建精髓，全场景模拟考试环境，企业微信/钉钉等平台同步开发搭建，实现移动端，PC端同步考试，APP/小程序/云平台独立开发。',
+        list: [
+          {
+            value: '试题批量导入',
+          },
+          {
+            value: '多种题型支持',
+          },
+          {
+            value: '随机组卷抽题',
+          },
+          {
+            value: '考试时间设定',
+          },
+          {
+            value: '360°防作弊监考',
+          },
+          {
+            value: '自动阅卷判卷',
+          },
+          {
+            value: '成绩统计查询',
+          },
+          {
+            value: '证书颁发打印',
+          },
+        ]
+      }
     }
   }
 }