修改

pages/share/buyVip/index.vue

@@ -6,16 +6,14 @@
 					<view class="vipIcon"><img :src="dataList.fxGradeCustom.VipICO" alt="" /></view>
 					<view>
 						<view class="vip_Month">
-							{{month}}个月
-							<text class="vip_yellow">{{dataList.fxGrade[0].BuyMoney}}</text>
+							{{ month }}个月
+							<text class="vip_yellow">{{ dataList.fxGrade[0].BuyMoney }}</text>
 							元
 						</view>
 					</view>
 				</view>
 				<button class="my_VipBtn" @click="openImediate">立即开通</button>
-				<view class="my_buyRecord">
-					<text @click="goUrl('/pages/share/buyRecord/index')">购买记录</text>
-				</view>
+				<view class="my_buyRecord"><text @click="goUrl('/pages/share/buyRecord/index')">购买记录</text></view>
 			</view>
 			<view class="vip_activeRule" @click="showDialog = true">活动规则>></view>
 		</view>
@@ -23,12 +21,10 @@
 			<view class="agreement_b">
 				<view style="height: 40px;line-height: 40px;width:100%;text-align: center;position: relative;">
 					活动规则
-					<view class="buyVipClose" @click="showDialog=false">×</view>
+					<view class="buyVipClose" @click="showDialog = false">×</view>
 				</view>
 				<view style="width: 100%;height: 660rpx;padding: 20rpx;overflow:scroll;line-height:25px;">
-					<Text>
-						{{dataList.fxGradeCustom.BottomRule}}	
-					</Text>
+					<Text class="vip_buyRule">{{ dataList.fxGradeCustom.BottomRule }}</Text>
 				</view>
 			</view>
 		</view>
@@ -45,8 +41,8 @@ export default {
 			secondary: '',
 			dataList: {},
 			showDialog: false,
-			month:0,
-			isShow:false
+			month: 0,
+			isShow: false
 		};
 	},
 	onLoad(option) {},
@@ -79,12 +75,12 @@ export default {
 					data: {}
 				},
 				res => {
-					this.isShow=true;
+					this.isShow = true;
 					uni.hideNavigationBarLoading();
 					if (res.resultCode == 1) {
 						this.dataList = res.data;
-						if(this.dataList.fxGrade.length>0){
-							this.month=this.dataList.fxGrade[0].Year*12;
+						if (this.dataList.fxGrade.length > 0) {
+							this.month = this.dataList.fxGrade[0].Year * 12;
 						}
 					}
 				}
@@ -92,17 +88,17 @@ export default {
 		},
 		//点击立即开通
 		openImediate() {
-			var Myobj=this.dataList.fxGrade[0]
+			var Myobj = this.dataList.fxGrade[0];
 			uni.navigateTo({
-			  url: '/pages/share/buyInterest/index'+'?GradeId='+ Myobj.Id+'&Money='+Myobj.BuyMoney
+				url: '/pages/share/buyInterest/index' + '?GradeId=' + Myobj.Id + '&Money=' + Myobj.BuyMoney
 			});
 		},
 		//跳转
-		goUrl(url){
-		  console.log(url)
-		  uni.navigateTo({
-			url: url
-		  });
+		goUrl(url) {
+			console.log(url);
+			uni.navigateTo({
+				url: url
+			});
 		}
 	}
 };
@@ -112,6 +108,10 @@ export default {
 .vipMain {
 	background: #f3f4f6;
 }
+.vip_buyRule {
+	word-break: break-all;
+	white-space: normal;
+}
 .vipContent {
 	width: 100%;
 	height: 100%;
@@ -151,7 +151,7 @@ export default {
 .vipMain .vip_yellow {
 	color: #fff100;
 	font-size: 36px;
-	margin:0 5px;
+	margin: 0 5px;
 }
 .vipMain .vip_lastDiv {
 	font-size: 12px;
@@ -185,7 +185,7 @@ export default {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	background:rgba(0,0,0,0.6);
+	background: rgba(0, 0, 0, 0.6);
 }
 .vipMain .agreementbox_t .agreement_b {
 	width: 80%;
@@ -203,19 +203,19 @@ export default {
 	align-items: center;
 	justify-content: center;
 }
-.vipMain .buyVipClose{
-	width:40px;
-	height:40px;
+.vipMain .buyVipClose {
+	width: 40px;
+	height: 40px;
 	position: absolute;
-	right:7px;
-	top:0;
-	font-size:25px;
+	right: 7px;
+	top: 0;
+	font-size: 25px;
 }
-.vipMain .my_buyRecord{
-	width:100%;
+.vipMain .my_buyRecord {
+	width: 100%;
 	text-align: right;
-	padding-right:30px;
-	margin-top:15px;
-	color:#fff100;
+	padding-right: 30px;
+	margin-top: 15px;
+	color: #fff100;
 }
 </style>