页面修改

App.vue

@@ -146,4 +146,18 @@ export default {
 	checkbox.round .wx-checkbox-input {
 		border-radius: 50% !important;
 	}
+	// swiper轮播图
+	.indicator-num {
+		padding: 2px 0;
+		background-color: rgba(0, 0, 0, 0.35);
+		border-radius: 100px;
+		width: 35px;
+		@include flex;
+		justify-content: center;
+	
+		&__text {
+				 color: #FFFFFF;
+				 font-size: 12px;
+		 }
+	}
 </style>

main.js

@@ -10,6 +10,7 @@ Vue.prototype.$commonjs = commonjs
 Vue.prototype.$request = request
 Vue.prototype.imageError ='@/static/img/common/pangdingLogo.png'
 Vue.use(uView)
+uni.$u.config.unit = 'rpx'
 
 Vue.config.productionTip = false
 App.mpType = 'app'

pages/indexs/index/index.vue

@@ -20,8 +20,11 @@
 			</view>
 			
 			<view class="banner">
-				<!-- <u-swiper :list="list" mode="number" height="300" indicator-pos="bottomRight" @click="swiperClick">			
-				</u-swiper> -->
+				<u-swiper :list="list" @change="e => currentNum = e.current" indicatorStyle="right: 20px" height="300">
+						<view slot="indicator" class="indicator-num">
+								<text class="indicator-num__text">{{ currentNum + 1 }}/{{ list.length }}</text>
+						</view>
+				</u-swiper>
 			</view>
 		</view>
 		
@@ -170,15 +173,16 @@
 export default {
   data() {
     return {
-      list: [
+      currentNum:0,//轮播图下标
+      list: [//轮播图图片
 			  {
-			    image: 'http://wx.pangdly.com/static/img/home1.69efcf8.jpg'
+			    url: 'http://wx.pangdly.com/static/img/home1.69efcf8.jpg'
 			  },
 			  {
-			    image: 'http://wx.pangdly.com/static/img/home2.2ec1a04.jpg'
+			    url: 'http://wx.pangdly.com/static/img/home2.2ec1a04.jpg'
 			  },
 			  {
-			    image: 'http://wx.pangdly.com/static/img/home3.df60ec3.jpg'
+			    url: 'http://wx.pangdly.com/static/img/home3.df60ec3.jpg'
 			  }
       ],
       iconList:[//图标列表

pages/indexs/merchantListIndex/merchantListIndex.vue

@@ -2,7 +2,11 @@
 	<!-- 商户列表首页 -->
 	<view class="wrap">
 		<view class="banner">
-			<!-- <u-swiper :list="list" mode="number" height="350" indicator-pos="topRight"></u-swiper> -->
+			<u-swiper :list="list" @change="e => currentNum = e.current" indicatorStyle="right: 20px;bottom:25px" height="350">
+					<view slot="indicator" class="indicator-num">
+							<text class="indicator-num__text">{{ currentNum + 1 }}/{{ list.length }}</text>
+					</view>
+			</u-swiper>
 		</view>
 
 		<view class="search">
@@ -142,15 +146,16 @@ export default {
       showCoupon2:false,//是否显示券2
       detailData:'',//详情数据
       scenicList:[],//景区数据
-      list: [
+      currentNum:0,//轮播图下标
+      list: [//轮播图图片
         {
-          image: 'http://wx.pangdly.com/static/img/home1.69efcf8.jpg'
+          url: 'http://wx.pangdly.com/static/img/home1.69efcf8.jpg'
         },
         {
-          image: 'http://wx.pangdly.com/static/img/home2.2ec1a04.jpg'
+          url: 'http://wx.pangdly.com/static/img/home2.2ec1a04.jpg'
         },
         {
-          image: 'http://wx.pangdly.com/static/img/home3.df60ec3.jpg'
+          url: 'http://wx.pangdly.com/static/img/home3.df60ec3.jpg'
         }
       ],
       tabList: [{
@@ -397,6 +402,7 @@ export default {
 }
 .right3{
 	margin-top: 16rpx;
+	display: flex;
 }
 .right3-text::after{
 	display: inline-block;

pages/scenic/combinationProduct/combinationProduct.vue

@@ -2,7 +2,12 @@
 	<view class="wrap">
 		<scroll-view @scroll="scroll" style="height: 100%;" scroll-y>
 			<view class="banner">
-				<u-swiper :list="imgList" name="url" mode="number" height="400" indicator-pos="topRight"></u-swiper>
+				<u-swiper :list="imgList" @change="e => currentNum = e.current" indicatorStyle="right: 20px;bottom:25px" height="400">
+						<view slot="indicator" class="indicator-num">
+								<text class="indicator-num__text">{{ currentNum + 1 }}/{{ imgList.length }}</text>
+						</view>
+				</u-swiper>
+				<!-- <u-swiper :list="imgList" name="url" mode="number" height="200" indicator-pos="topRight"></u-swiper> -->
 			</view>
 			<view class="middle">
 				<view class="tabbar" :style="tabbarObj">
@@ -195,6 +200,7 @@ export default {
       // tabbar:['热门景点','一日游','摄影/旅拍','文创DIY'],//tabbar标题列表
       tabbar: ['热门景点', '摄影/旅拍', '一日游'], //tabbar标题列表
       active: 0, //导航栏下标
+      currentNum:0,//轮播图下标
       imgList: [], //图片列表
       scenicList: [], //景区数据
       showDistance: false, //定位成功显示距离