浏览代码

考试须知样式修改

tanxue 7 月之前
父节点
当前提交
ee4c8f4e9c
共有 2 个文件被更改,包括 30 次插入4 次删除
  1. 22 0
      common/styles/global/components.scss
  2. 8 4
      components/kaoshixuzhi/kaoshixuzhi.vue

+ 22 - 0
common/styles/global/components.scss

@@ -76,4 +76,26 @@ view{box-sizing: border-box;}
 		background-color: #3fd2a1;
 		border-radius: 40rpx;
 	}
+}
+
+/***** 考试须知  *****/
+.phone-ksxz-dialog{
+	.uni-dialog-title{
+		padding: 24rpx 0!important;font-size: 30rpx;border-bottom: 1px solid #f5f5f5;
+		.uni-popup__info{color: #333!important;}
+	}
+	.uni-dialog-content{
+		justify-content: flex-start!important;
+	}
+	
+	.uni-dialog-button-text{color: #999!important;}
+	.uni-dialog-button-text.uni-button-color{color: #3fd2a1!important;}
+	
+	.ksxz-content-box{
+		font-size: 28rpx;color: #333;
+		>view{margin-bottom: 20rpx;line-height: 1;}
+		.ksms-row{margin-bottom: 12rpx;}
+		.ksms-intro{color: #666;}
+	}
+	
 }

+ 8 - 4
components/kaoshixuzhi/kaoshixuzhi.vue

@@ -1,20 +1,24 @@
 <template>
 
-	<uni-popup ref="popupRef" type="dialog">
+	<uni-popup ref="popupRef" type="dialog" :animation="false" :is-mask-click="false"
+	mask-background-color="rgba(0, 0, 0, 0.4);">
 		<uni-popup-dialog mode="input"
+		class="phone-ksxz-dialog"
 			title="考试须知"
 			:duration="2000" 
 			:before-close="true"
 			@close="handleClose"
 			@confirm="handleConfirm">
-			<view>
+			<view class="ksxz-content-box">
 				<view v-if="data.ksName">考试名称:{{data.ksName}}</view>
 				<view v-if="data.zyName">职业:{{data.zyName}}</view>
 				<view v-if="data.zyLevelName">等级:{{data.zyLevelName}}</view>
 				<view v-if="data.ksScore">总分:{{data.ksScore}}</view>
 				<view v-if="data.okScore">及格分:{{data.okScore}}</view>
-				<view v-if="data.intro">考试描述:</view>
-				<rich-text v-if="data.intro" :nodes="data.intro"></rich-text>
+				<view>
+					<view v-if="data.intro" class="ksms-row">考试描述:</view>
+					<rich-text v-if="data.intro" :nodes="data.intro" class="ksms-intro"></rich-text>
+				</view>
 			</view>
 		</uni-popup-dialog>
 	</uni-popup>