Browse Source

commit-m 首页优化

zhengjinyi 3 years ago
parent
commit
884d72bc65

+ 5 - 2
components/cm-module/pageTemplate/templateL.vue

@@ -5,7 +5,10 @@
 				@change="onChange"
 				:current="current"
 				:circular="true"
-				:swiperHeight="1100"
+				:swiperHeight="1120"
+				:indicatorDots="true"
+				:indicatorColor="'rgba(255, 255, 255, 0.39)'"
+				:indicator-active-color="'#FFFFFF'"
 				:data="productList"
 				:columns="2"
 				:rows="swiperRows"
@@ -45,7 +48,7 @@ export default {
 		return {
 			shopId: 0,
 			productList: [],
-			current: 100,
+			current: 0,
 			swiperCurrent: 0,
 			pageSize: 4,
 			productCount: 0

+ 6 - 3
components/cm-simple-swiper/cm-simple-swiper.vue

@@ -1,6 +1,6 @@
 <template>
     <view class="simple-swiper">
-        <uni-swiper-dot :info="mapList" :current="current" mode="dot" :dotsStyles="dotsStyles">
+        <uni-swiper-dot :info="mapList" :current="current" :mode="mode" :dotsStyles="dotsStyles">
             <swiper
                 class="swiper"
                 :style="{ height: swiperHeight + 'rpx' }"
@@ -89,10 +89,13 @@ export default {
         width() {
             return 100 / this.columns + '%'
         },
+		mode(){
+			return 'round'
+		},
         dotsStyles() {
             return {
-                width: 6,
-                bottom: 8,
+                width: 4,
+                bottom: 0,
                 color: 'background: rgba(255, 255, 255, 0.39)',
                 backgroundColor: 'background: rgba(255, 255, 255, 0.39)',
                 border: '0',