首页样式调整

ant-design-vue-jeecg/src/views/shopping/components/Order/placeOrder.vue

@@ -1,11 +1,42 @@
 <template>
   <div class="placeOrder">
-    下单页面
+    <div class="jz d-flex">
+      <div class="leftDiv">
+        <div class="phoneDiv">
+          <p class="f_14">手机号码:</p>
+          <p class="f_14">我们将通过以下手机号码向您发送订单相关信息</p>
+          <p class="f_14 phone">17719145652</p>
+        </div>
+      </div>
+      <div class="rightDiv">1</div>
+    </div>
+
   </div>
 </template>
 <style lang="less" scoped>
   .placeOrder{
     padding-top: 54px;
     background-color: #F6F6F6;
+    & >.jz{
+      justify-content: space-around;
+      .leftDiv{
+         width: 820px;
+        .phoneDiv{
+          padding: 15px 25px;
+          background-color: #fff;
+          margin-bottom: 25px;
+          p{
+            margin-bottom: 11px;
+            font-weight: 600;
+          }
+          .phone{
+            color: #999;
+          }
+        }
+       }
+      .rightDiv{
+        width: 410px;
+      }
+    }
   }
 </style>

ant-design-vue-jeecg/src/views/shopping/pages/sirendingzhi.vue

@@ -152,16 +152,20 @@
       </div>
     </div>
     <div class="steps__wrapper" v-if="current == 1"></div>
+    <div v-if="current == 3">
+      <PlaceOrder></PlaceOrder>
+    </div>
   </div>
 </template>
 <script>
   import Header from "../components/Header/HeaderView";
+  import PlaceOrder from "../components/Order/placeOrder"
   export default {
     name: "sirendingzhi",
-    components: { Header },
+    components: { Header ,PlaceOrder},
     data() {
       return {
-        current: 0,
+        current: 3,
         dialogVisible: false,
         dialogModel: {
           imgUrl: "",

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

@@ -88,8 +88,8 @@
           </div>
           <div class="box" v-for="(item, index) in clothList2" :key="index">
             <img :src="item.imgUrl" alt="" />
-            <p class="box1">{{item.title}}</p>
-            <p class="box2">{{item.time}}</p>
+            <p class="box1">CLOTHING NAM</p>
+            <p class="box2">15分钟前定制</p>
           </div>
         </a-carousel>
         <div class="more d-flex" style="padding-top: 20px">
@@ -124,7 +124,7 @@
               >
                 <img :src="item.imgUrl" alt="" />
                 <p class="title_6">
-                  {{ item.title1 }}<span class="line">|</span>{{ item.title2 }}
+                  {{ item.title1 }}<span class="line">|</span>{{ item.title1 }}
                 </p>
                 <div>
                   <el-tag type="warning" size="small">{{ item.tag1 }}</el-tag
@@ -151,7 +151,7 @@
               >
                 <img :src="item.imgUrl" alt="" />
                 <p>
-                  {{ item.title1 }}<span class="line">|</span>{{ item.title2 }}
+                  {{ item.title1 }}<span class="line">|</span>{{ item.title1 }}
                 </p>
                 <div>
                   <el-tag type="warning" size="small">{{ item.tag1 }}</el-tag
@@ -178,7 +178,7 @@
               >
                 <img :src="item.imgUrl" alt="" />
                 <p>
-                  {{ item.title1 }}<span class="line">|</span>{{ item.title2 }}
+                  {{ item.title1 }}<span class="line">|</span>{{ item.title1 }}
                 </p>
                 <div>
                   <el-tag type="warning" size="small">{{ item.tag1 }}</el-tag
@@ -215,8 +215,6 @@
         activeName: "first",
         url: {
           zxdz: "/zygoods/zyGoods/zxdz",
-          tjsp: "/zygoods/zyGoods/tjsp",
-          fzlx: "/zygoods/zyGoods/fzlx",
         },
         // 轮播图数据
         imgList: [
@@ -632,27 +630,11 @@
       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);
         }
-      });
-      getAction(this.url.tjsp).then((res) => {
-        if (res.success) {
-          this.clothList2 = res.result;
-        }else{
-          this.$message.error(res.message);
-        }
-      });
-      getAction(this.url.fzlx).then((res) => {
-        if (res.success) {
-          console.log(res.result)
-          this.nanzhuang = res.result.nz;
-          this.nvzhuang = res.result.nvz;
-          this.tongzhuang = res.result.tz;
-        }else{
-          this.$message.error(res.message);
-        }
       })
     },
   }
@@ -881,16 +863,18 @@
     padding-bottom: 10px;
   }
   .section5 .tabs .jz {
-    justify-content: space-between;
+    justify-content: flex-start;
     flex-wrap: wrap;
   }
   .section5 .tabs .jz .item {
     background-color: #fff;
     width: 19%;
+    min-width: 270px;
     flex-direction: column;
     align-items: center;
     padding-bottom: 30px;
     margin-bottom: 30px;
+    margin-right: 11px;
   }
   .section5 .tabs .jz .item img {
     width: 80%;