Просмотр исходного кода

用户协议隐私政策改版

tanxue 1 месяц назад
Родитель
Сommit
7bad4a23e0
2 измененных файлов с 13 добавлено и 17 удалено
  1. 7 13
      common/styles/global/pages.scss
  2. 6 4
      pages/login/agreeContentDialog.vue

+ 7 - 13
common/styles/global/pages.scss

@@ -63,7 +63,7 @@
 		.btn-box{
 			display: flex;
 			.wx-btn,.yk-btn,.apple-btn{
-				width: 150rpx;display: flex;align-items: center;flex-direction: column;
+				width: 170rpx;display: flex;align-items: center;flex-direction: column;
 				color: #666;font-size: 26rpx;
 				icon{width: 50rpx;height: 42rpx;@include ezy-no-repeat-cover;margin-bottom: 12rpx;}
 			}
@@ -140,25 +140,19 @@
 }
 // 用户协议详情弹窗
 .agree-content-dialog{
-	width: 100%;height: 100vh;overflow: auto;
+	width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column;
 	.agree-content-box{
-		width: 684rpx;height: 1308rpx;@include ezy-no-repeat-cover;
-		background-image: url("@/static/images/login/agree-content-bj.png");
-		padding: 120rpx 0 64rpx;box-sizing: border-box;margin-top: 36%;
-		position: relative;text-align: justify;
-		display: flex;flex-direction: column;
+		width: 95%;display: flex;flex-direction: column;flex: 1;overflow-y: auto;
+		padding: 36rpx 0;box-sizing: border-box;margin: 20rpx auto 0;
+		position: relative;text-align: justify;border-radius: 16rpx 16rpx 0 0;
+		background-color: #fff;box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
+		
 	}
 	.agree-title{font-size: 42rpx;text-align: center;margin-bottom: 42rpx;flex-shrink: 0;}
 	.agree-close-btn{width: 62rpx;height: 62rpx;@include ezy-no-repeat-cover;
 	position: absolute;top: 64rpx;right: 44rpx;
 	background-image: url("@/static/images/common/close-icon.png");}
 	.agree-section-box{font-size: 30rpx;line-height: 1.8;overflow: auto;flex: 1;padding: 0 46rpx;word-break: break-all;}
-	@media (max-height: 800px) {
-		.agree-content-box{margin-top: 18%;}
-	}
-	@media (max-height: 700px) {
-		.agree-content-box{margin-top: var(--status-bar-height);}
-	}
 }
 
 // 滑块校验弹窗

+ 6 - 4
pages/login/agreeContentDialog.vue

@@ -1,10 +1,12 @@
 <template>
 	  <uni-popup ref="agreeContentPopup" :animation="false" :is-mask-click="false"
-	  mask-background-color="rgba(255, 255, 255, 0.6);">
-	  <view class="agree-content-dialog">
+	  mask-background-color="rgba(255, 255, 255, 0.6);" class="ezy-popup-width-all">
+	  <view class="agree-content-dialog">
+		<view class="icon-title-navBar-box">
+			<view @click="handleClose" class="nav-bar-icon"></view>
+			<text class="nav-bar-title">{{agreeTitle}}</text>
+		</view>
 		<view class="agree-content-box">
-			<view class="agree-title">{{agreeTitle}}</view>
-			<view class="agree-close-btn" @click="handleClose"></view>
 			<view class="agree-section-box" v-html="agreementSections"></view>
 		</view>
 	  </view>