首页banner

src/main/comos/src/components/product/productSmall.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="product" @click="goNext(info)">
-        <van-image width="100%" height="170px" :radius="4" :src="getImg(info.pic)" fit="cover" />
+        <van-image width="100%" height="calc(48.6vw - 15.52px)" :radius="12" :src="getImg(info.pic)" fit="cover" />
 
         <!-- <div class="content">
             <div class="name van-ellipsis">
@@ -30,7 +30,7 @@ export default {
 
 <style lang="less" scoped>
 .product {
-    width: 350px;
+    // width: 350px;
     // margin: 8px;
     background-color: @bg2;
     display: inline-block;

src/main/comos/src/views/Home.vue

@@ -13,19 +13,13 @@
             ></van-image>
         </div> -->
 
-        <swiper
-            class="mySwiper"
-            :slidesPerView="'auto'"
-            :spaceBetween="6"
-            :autoplay="{ delay: 3500 }"
-            v-if="banners.length > 0"
-        >
+        <swiper class="mySwiper" :autoplay="{ delay: 3500 }" v-if="banners.length > 0">
             <swiper-slide v-for="item in banners" :key="item.id">
                 <product-small :info="item"></product-small>
             </swiper-slide>
         </swiper>
 
-        <page-title title="热门推荐" :isLink="false"></page-title>
+        <page-title title="热门推荐" v-if="products.length > 0" :isLink="false"></page-title>
         <div class="list">
             <product-large
                 v-for="(item, index) in products"
@@ -207,8 +201,7 @@ export default {
 
 ::v-deep(.mySwiper) {
     // height: 255px;
-    padding-top: 13px;
-    padding-left: 11px;
+    margin: 16px;
     box-sizing: border-box;
     // padding-bottom: 35px;