swiper text 居中

pages/component/swiper/swiper.uvue

@@ -4,13 +4,13 @@
 		<view class="uni-margin-wrap">
 			<swiper class="swiper" :vertical="verticalSelect" :indicator-dots="dotsSelect" :autoplay="autoplaySelect" :interval="intervalSelect"  :circular="circularSelect" :indicator-color="indicatorColor" :indicator-active-color="indicatorColorActive" :disable-touch="disableTouchSelect" :current="currentVal" :current-item-id="currentItemIdVal" @change="swiperChange" @transition="swiperTransition" @animationfinish="swiperAnimationfinish">
 				<swiper-item item-id="A">
-					<view class="swiper-item uni-bg-red">A</view>
+					<view class="swiper-item uni-bg-red"><text class="swiper-item-Text">A</text></view>
 				</swiper-item>
 				<swiper-item item-id="B">
-					<view class="swiper-item uni-bg-green">B</view>
+					<view class="swiper-item uni-bg-green"><text class="swiper-item-Text">B</text></view>
 				</swiper-item>
 				<swiper-item item-id="C">
-					<view class="swiper-item uni-bg-blue">C</view>
+					<view class="swiper-item uni-bg-blue"><text class="swiper-item-Text">C</text></view>
 				</swiper-item>
 			</swiper>
 		</view>
@@ -168,5 +168,13 @@
 		line-height: 300rpx;
 		text-align: center;
 	}
+	
+	.swiper-item-Text {
+		width: 100%;
+		text-align:center;
+		line-height: 300rpx;
+	}
+	
+	
 
 </style>