优化模块 对接接口

src/views/optimize/index.vue

@@ -22,7 +22,7 @@
       </div>
       <ul>
         <li v-for="(item, index) in talkList" :key="index" @click="goTalk(item.id)">
-          <img src="@/assets/optimize/images/3_20.png" :alt="item.name" />
+          <img :src="item.image" :alt="item.name" />
           <p>{{item.name}}</p>
           <span>{{item.summary}}</span>
         </li>
@@ -44,7 +44,7 @@
                 <s>¥{{item.price}}</s>
               </div>
             </div>
-            <img src="@/assets/today/images/2_42.png" />
+            <img :src="item.cover" />
           </li>
         </ul>
       </div>

src/views/optimize/scss/index.scss

@@ -73,10 +73,15 @@
             display: flex;
             flex-wrap: wrap;
             align-items: center;
-            align-content: space-between;
-            justify-content: space-between;
+            justify-content: flex-start;
             li {
-                width: 30%;
+                width: 32%;
+                &:nth-of-type(n+4) {
+                    display: none;
+                }
+                & + li {
+                    margin-left: 2%;
+                }
                 img {
                     width: 100%;
                     height: 200px;
@@ -127,6 +132,7 @@
                             font-size: 38px;
                             color: #000;
                             font-weight: bold;
+                            min-height: 96px;
                         }
                         span {
                             display: block;

src/views/optimize/trainingcamp.vue

@@ -16,7 +16,7 @@
         <li :class="active == 'recommend' ? 'active' : ''" @click="switchNav('recommend')">推荐</li>
       </ul>
       <div class="brief-box" v-show="active == 'brief'">
-        <img src="@/assets/optimize/images/55_06.png" alt="" />
+        <img :src="info.introduce" alt="" />
       </div>
       <div class="content-box" v-show="active == 'content'">
         <ul>