细节

pages/gamll/index.vue

@@ -2,7 +2,8 @@
 	<view class="park">
 		<view class="park-top">
 			<view class="park-navbar">
-				<u-navbar :is-fixed='false' title="开通商城" :border-bottom="false" :background="backgroundNone"></u-navbar>
+				<u-navbar :is-fixed='false' title="开通商城" :border-bottom="false" :background="backgroundNone">
+				</u-navbar>
 				<view class="box_1">
 					<image :src="$picUrl+'/static/default-logo.png'" class="image_2"
 						@click="goJump('/pages/news1/setting')"></image>
@@ -18,8 +19,7 @@
 				</view>
 			</view>
 		</view>
-		<view class="tab_fix" :style="{ 'border-radius': radius}">
-			<!-- <view class="tab_posxi" v-if="isAtTop"></view> -->
+		<view class="tab_fix" :style="{ 'border-radius': radius,'padding-top':paddingTo}">
 			<view class="tab_pos">
 				<view class="tab_bg">
 					<view :class="[tabIndex==index ? 'tab_active' : 'tab_a']" v-for="(item,index) in tabbar"
@@ -93,14 +93,14 @@
 			<view class="equity" style="margin-top: 8px;">
 				<view class="table_box">
 					<u-table>
-						<u-tr v-for="(a,ind) in equityList">
+						<u-tr v-for="(a,ind) in equityList" :key="ind">
 							<u-td class="box_name">{{a.name}}</u-td>
 							<u-td class='box_content'>
-								<u-tr v-for="(item,index) in a.list">
+								<u-tr v-for="(item,index) in a.list" :key="index">
 									<u-td class="box_cus flex-1">
 										<view class="box_tips" :style="{ color: index==0?'#333':'#594b40' }">
 											{{item.feature}}
-											<u-icon custom-style='margin-left:10rpx' v-if="index>2"
+											<u-icon v-if="index>2"
 												@click="openPopup(item.function_description,item.feature)"
 												name="question-circle-fill" color="#999" size="30"></u-icon>
 										</view>
@@ -150,7 +150,7 @@
 			</view>
 			<view class="payment-method">
 				<view class="title">选择支付方式</view>
-				<view v-for="(a,index) in paymentMethods" @click="tabItem1(index)"
+				<view v-for="(a,index) in paymentMethods" :key="index" @click="tabItem1(index)"
 					class="pay-item dis-flex flex-x-between">
 					<view class="item-left dis-flex flex-y-center">
 						<view v-if="a.method!=='huifu'" class="item-left_icon" :class="[a.method]">
@@ -176,7 +176,12 @@
 			<button class="submitBtn" formType="submit" @click="submitPay">立即支付 ¥<text
 					style="font-size: 48rpx;">{{tabFavour[priceIndex].price}}</text>（开通您的{{tabbar[tabIndex]}}）</button>
 			<view class="paytext" @click="goRules">
-				本产品为软件服务产品，购买后不支持退款开通即表示接受<text style="color: #999;">《软件付费服务协议》</text>
+				<view class="">
+					本产品为软件服务产品，购买后不支持退款
+				</view>
+				<view class="">
+					开通即表示接受<text style="color: #999;">《软件付费服务协议》</text>
+				</view>
 			</view>
 		</view>
 		<u-popup v-model="show" length="60%" mode='center' :mask='true' :closeable='true'>
@@ -218,8 +223,9 @@
 			let img = 'https://www.royaum.com.cn/static/user/gmallBg.png'
 			return {
 				background: {
-					background: 'url(' + img + ') center top no-repeat',
-					backgroundSize: '100%',
+					// background: 'url(' + img + ') center top no-repeat',
+					// backgroundSize: '100%',
+					background: '#fdcac5',
 				},
 				backgroundNone: {
 					background: 'none'
@@ -231,6 +237,7 @@
 				paymentMethods: [],
 				isClick: true,
 				radius: '28rpx 0 0 0',
+				paddingTo: '0rpx',
 				leftNum: 33.33333,
 				tabbar: ['零售商城', '批发商城'],
 				tabIndex: 0,
@@ -284,6 +291,13 @@
 					if (data) {
 						// 元素的top值如果是0，说明它到达了顶部
 						this.isAtTop = data.top === 0;
+						if (this.isAtTop) {
+							this.radius = '28rpx 0 0 0';
+							this.paddingTo = '120rpx';
+						} else {
+							this.radiu = '0';
+							this.paddingTo = '0rpx';
+						}
 					}
 				}).exec();
 			},
@@ -706,12 +720,9 @@
 		.tab_fix {
 			overflow: hidden;
 			position: -webkit-sticky;
-			/* 针对Safari浏览器的兼容性 */
 			position: sticky;
 			top: 0;
-			/* 设置吸顶的位置 */
 			z-index: 99999;
-			/* 确保sticky元素在其他内容之上 */
 			background: linear-gradient(180deg, rgba(253, 202, 197, 1) 0.42%, rgba(254, 231, 229, 1) 32.99%, rgba(255, 255, 255, 1) 100%);
 		}
 
@@ -863,9 +874,6 @@
 		.tab-box {
 			margin: 10rpx 30rpx 24rpx 30rpx;
 			overflow: hidden;
-
-
-
 			.tabFavour {
 				display: flex;
 				justify-content: space-between;
@@ -974,8 +982,6 @@
 			.equity {
 				margin-bottom: 60rpx;
 				position: relative;
-				max-height: 1800rpx;
-				overflow: auto;
 
 				.table_box {
 					overflow: hidden;
@@ -1141,13 +1147,13 @@
 		position: fixed;
 		bottom: 0;
 		left: 0;
-		height: 200upx;
+		height: 180upx;
 		z-index: 88;
 		background: #fff;
 
 		.paytext {
-			line-height: 27rpx;
-			font-size: 22rpx;
+			line-height: 24rpx;
+			font-size: 20rpx;
 			color: #333;
 			margin: 0 160rpx;
 			text-align: center;
@@ -1156,8 +1162,8 @@
 	}
 
 	.submitBtn {
-		height: 90rpx;
-		line-height: 88upx;
+		height: 85rpx;
+		line-height: 85upx;
 		background: #FFAAA4;
 		background: #FE483B;
 		border-radius: 36px;