商城首页

ant-design-vue-jeecg/src/views/shopping/shopHome.vue

@@ -1,5 +1,5 @@
 <template>
-<!--  首页-->
+  <!--  首页-->
   <div>
     <Header/>
     <div class="lunbotu">
@@ -32,7 +32,7 @@
 
           >
             <router-link :to="item.url" class="d-flex">
-<!--              <img :src="item.imgUrl" alt="" />-->
+              <!--              <img :src="item.imgUrl" alt="" />-->
               <i :class="item.iconClass"></i>
               <span class="title_3">{{ item.title }}</span>
               <span class="title_4">{{ item.desc }}</span>
@@ -86,25 +86,25 @@
           <div slot="nextArrow" slot-scope="props" class="custom-slick-arrow" style="right: 10px">
             <a-icon type="right-circle" />
           </div>
-                      <div class="box" v-for="(item, index) in clothList2" :key="index">
-                        <img :src="item.imgUrl" alt="" />
-                        <p class="box1">CLOTHING NAM</p>
-                        <p class="box2">15分钟前定制</p>
-                      </div>
+          <div class="box" v-for="(item, index) in clothList2" :key="index">
+            <img :src="item.imgUrl" alt="" />
+            <p class="box1">CLOTHING NAM</p>
+            <p class="box2">15分钟前定制</p>
+          </div>
         </a-carousel>
         <div class="more d-flex" style="padding-top: 20px">
-          <a href="#">更多西装</a>
+          <a href="/#/shopping/chengyi">更多推荐</a>
           <img src="./assets/youjiantou.png" alt="" />
         </div>
-<!--        <el-carousel type="card" arrow="always">-->
-<!--          <el-carousel-item v-for="(item, index) in clothList2" :key="index">-->
-<!--            <div class="box">-->
-<!--              <img :src="item.imgUrl" alt="" />-->
-<!--              <p class="box1">CLOTHING NAM</p>-->
-<!--              <p class="box2">15分钟前定制</p>-->
-<!--            </div>-->
-<!--          </el-carousel-item>-->
-<!--        </el-carousel>-->
+        <!--        <el-carousel type="card" arrow="always">-->
+        <!--          <el-carousel-item v-for="(item, index) in clothList2" :key="index">-->
+        <!--            <div class="box">-->
+        <!--              <img :src="item.imgUrl" alt="" />-->
+        <!--              <p class="box1">CLOTHING NAM</p>-->
+        <!--              <p class="box2">15分钟前定制</p>-->
+        <!--            </div>-->
+        <!--          </el-carousel-item>-->
+        <!--        </el-carousel>-->
       </div>
     </div>
     <div class="section5">
@@ -138,7 +138,7 @@
               </div>
             </div>
             <div class="more d-flex">
-              <router-link to="/shopping/clothType">更多西装</router-link>
+              <router-link to="/shopping/clothType">更多男装</router-link>
               <img src="./assets/youjiantou.png" alt="" />
             </div>
           </el-tab-pane>
@@ -165,7 +165,7 @@
               </div>
             </div>
             <div class="more d-flex">
-              <router-link to="/shopping/clothType">更多西装</router-link>
+              <router-link to="/shopping/clothType">更多女装</router-link>
               <img src="./assets/youjiantou.png" alt="" />
             </div>
           </el-tab-pane>
@@ -192,7 +192,7 @@
               </div>
             </div>
             <div class="more d-flex">
-              <router-link to="/shopping/clothType">更多西装</router-link>
+              <router-link to="/shopping/clothType">更多童装</router-link>
               <img src="./assets/youjiantou.png" alt="" />
             </div>
           </el-tab-pane>
@@ -205,6 +205,7 @@
 <script>
   import Header from './components/Header/HeaderView'
   import Footer from './components/Footer/FooterView'
+  import { httpAction, getAction } from '@/api/manage'
   export default {
     name: "shopHome",
     components: { Header ,Footer},
@@ -212,6 +213,9 @@
       return {
         vh: 0,
         activeName: "first",
+        url: {
+          zxdz: "/zygoods/zyGoods/zxdz",
+        },
         // 轮播图数据
         imgList: [
           require("./assets/bg.png"),
@@ -624,6 +628,14 @@
     },
     mounted() {
       this.vh = window.screen.availHeight - 100;
+      getAction(this.url.zxdz).then((res) => {
+        if (res.success) {
+          console.log(res.result);
+          this.clothList = res.result;
+        }else{
+          this.$message.error(res.message);
+        }
+      })
     },
   }
 </script>
@@ -891,4 +903,4 @@
     color: rgba(116, 105, 87, 0.6);
   }
   /* -----------------------第五部分完成----------------------------------------------------------------------------------------- */
-</style>
+</style>