修改背景图片根据用户设置来

dist/css/SignUp.45d0961a.css

@@ -1 +0,0 @@
-.SignUp[data-v-af5ef364]{max-width:700px;position:relative;overflow-y:auto;overflow-x:hidden;background-color:#fff;margin:0 auto}.container[data-v-af5ef364]{min-height:100vh;background:url(../img/signUpBg.8e6b6a64.png) no-repeat top #f3f4f8;background-size:contain;overflow:hidden}.container h2[data-v-af5ef364]{position:absolute;padding-top:.4rem;color:#fff;font-size:.26rem;font-weight:700;width:2.1rem;text-align:left;margin-left:.16rem}.container .section[data-v-af5ef364]{background:#fff;margin:1.87rem .16rem .15rem;border-radius:.1rem;padding:.22rem}.container .section .title[data-v-af5ef364]{margin-top:.28rem;font-size:.18rem;color:#1a1a1a;font-weight:500}.container .section .content[data-v-af5ef364]{padding-top:.05rem;color:grey;font-size:.16rem;word-break:break-all}.container .sectionStatus[data-v-af5ef364]{text-align:center;padding:1rem 0 .5rem}.container .sectionStatus img[data-v-af5ef364]{width:1.2rem}.container .sectionStatus h3[data-v-af5ef364]{padding-top:.3rem;font-size:.18rem;color:#1a1a1a}.container .sectionStatus p[data-v-af5ef364]{padding-top:.05rem;font-size:.14rem;color:#999}.container .protocol[data-v-af5ef364]{font-size:.14rem;margin-bottom:.3rem;text-align:center;display:block;color:#0091ff}.container .van-button--primary[data-v-af5ef364]{margin:.36rem 0 .18rem;background-color:#2dc7aa;border:1px solid #2dc7aa;color:#fff;font-size:.18rem;height:.5rem;line-height:.52rem;width:90%;margin-left:5%}

dist/css/SignUp.6ee54473.css

@@ -0,0 +1 @@
+.SignUp[data-v-3923a26d]{max-width:700px;position:relative;overflow-y:auto;overflow-x:hidden;background-color:#fff;margin:0 auto}.container[data-v-3923a26d]{min-height:100vh;overflow:hidden}.container.bg[data-v-3923a26d]{background:url(../img/signUpBg.8e6b6a64.png) no-repeat top #f3f4f8;background-size:contain}.container h2[data-v-3923a26d]{position:absolute;padding-top:.4rem;color:#fff;font-size:.26rem;font-weight:700;width:2.1rem;text-align:left;margin-left:.16rem}.container .section[data-v-3923a26d]{background:#fff;margin:1.87rem .16rem .15rem;border-radius:.1rem;padding:.22rem}.container .section .title[data-v-3923a26d]{margin-top:.28rem;font-size:.18rem;color:#1a1a1a;font-weight:500}.container .section .content[data-v-3923a26d]{padding-top:.05rem;color:grey;font-size:.16rem;word-break:break-all}.container .sectionStatus[data-v-3923a26d]{text-align:center;padding:1rem 0 .5rem}.container .sectionStatus img[data-v-3923a26d]{width:1.2rem}.container .sectionStatus h3[data-v-3923a26d]{padding-top:.3rem;font-size:.18rem;color:#1a1a1a}.container .sectionStatus p[data-v-3923a26d]{padding-top:.05rem;font-size:.14rem;color:#999}.container .protocol[data-v-3923a26d]{font-size:.14rem;margin-bottom:.3rem;text-align:center;display:block;color:#0091ff}.container .van-button--primary[data-v-3923a26d]{margin:.36rem 0 .18rem;background-color:#2dc7aa;border:1px solid #2dc7aa;color:#fff;font-size:.18rem;height:.5rem;line-height:.52rem;width:90%;margin-left:5%}

src/views/signup/SignUp.vue

@@ -1,45 +1,51 @@
 <template>
     <div class="SignUp">
         <!-- <m-header /> -->
-		<div v-show="show" class="container" :style="backgroundImg">
-			<h2>{{ baseInfo.posterTitle }}</h2>
-			<div class="section" v-if="baseInfo.transStatus === 'APPLIED' || baseInfo.transStatus === 'EXAM_ING' || baseInfo.transStatus === 'EXAM_END' || baseInfo.transStatus === 'RESULT_CONFIRM' || baseInfo.transStatus === 'CLOSE'" key="status">
-				<div class="sectionStatus">
-					<img src="../../assets/images/level/sign_over.png" alt="">
-					<h3>您来迟啦，报名已结束～</h3>
-				</div>
+		<div v-show="show" :class="[styles ? '' : 'bg', 'container']" :style="styles ? null : backgroundImg">
+			<h2 v-if="!styles">{{ baseInfo.posterTitle }}</h2>
+			<div v-if="styles">
+				<img :src="baseInfo.customPoster" alt="">
+				<van-button type="primary" v-if="baseInfo.status" @click="onSubmit" round block>我要报名</van-button>
 			</div>
-			<div class="section" v-else-if="baseInfo.transStatus === 'NOT_START'" key="status">
-				<div class="sectionStatus">
-					<img src="../../assets/images/level/sign_not_start.png" alt="">
-					<h3>您来早啦，报名还未开始～</h3>
-					<p>报名时间：{{ baseInfo.enrollTime2 }}</p>
+			<div v-else>
+				<div class="section" v-if="baseInfo.transStatus === 'APPLIED' || baseInfo.transStatus === 'EXAM_ING' || baseInfo.transStatus === 'EXAM_END' || baseInfo.transStatus === 'RESULT_CONFIRM' || baseInfo.transStatus === 'CLOSE'" key="status">
+					<div class="sectionStatus">
+						<img src="../../assets/images/level/sign_over.png" alt="">
+						<h3>您来迟啦，报名已结束～</h3>
+					</div>
 				</div>
-			</div>
-			<div class="section" v-else key="status">
-				<div class="title" style="margin-top: 0">考试类型</div>
-				<div class="content">{{ baseInfo.examMode === "OFFLINE" ? "线下" : "线上" }}</div>
-
-				<div class="title">考试地址</div>
-				<div class="content" v-if="baseInfo.examMode === 'OFFLINE'">
-					<template v-if="baseInfo.examLocations">
-						<p v-for="(item, index) in baseInfo.examLocations" :key="index">
-							{{ item.address }}
-						</p>
-					</template>
+				<div class="section" v-else-if="baseInfo.transStatus === 'NOT_START'" key="status">
+					<div class="sectionStatus">
+						<img src="../../assets/images/level/sign_not_start.png" alt="">
+						<h3>您来早啦，报名还未开始～</h3>
+						<p>报名时间：{{ baseInfo.enrollTime2 }}</p>
+					</div>
 				</div>
-				<div class="content" v-else>线上网络教室</div>
+				<div class="section" v-else key="status">
+					<div class="title" style="margin-top: 0">考试类型</div>
+					<div class="content">{{ baseInfo.examMode === "OFFLINE" ? "线下" : "线上" }}</div>
+
+					<div class="title">考试地址</div>
+					<div class="content" v-if="baseInfo.examMode === 'OFFLINE'">
+						<template v-if="baseInfo.examLocations">
+							<p v-for="(item, index) in baseInfo.examLocations" :key="index">
+								{{ item.address }}
+							</p>
+						</template>
+					</div>
+					<div class="content" v-else>线上网络教室</div>
 
-				<div class="title">考试简介</div>
-				<div class="content" v-html="baseInfo.posterProfile"></div>
+					<div class="title">考试简介</div>
+					<div class="content" v-html="baseInfo.posterProfile"></div>
 
-				<div class="title">报名时间</div>
-				<div class="content">{{ baseInfo.enrollTime }}</div>
+					<div class="title">报名时间</div>
+					<div class="content">{{ baseInfo.enrollTime }}</div>
 
-				<div class="title">预计考试日期</div>
-				<div class="content">{{ baseInfo.expectExamTime }}</div>
+					<div class="title">预计考试日期</div>
+					<div class="content">{{ baseInfo.expectExamTime }}</div>
+				</div>
+				<van-button type="primary" :color="buttonColor" v-if="baseInfo.status" @click="onSubmit" round block>我要报名</van-button>
 			</div>
-			<van-button type="primary" :color="buttonColor" v-if="baseInfo.status" @click="onSubmit" round block>我要报名</van-button>
 			<!-- <a class="protocol" @click="onProtocol" v-if="baseInfo.status">协议</a> -->
 		</div>
     </div>
@@ -72,6 +78,7 @@ export default {
 			baseInfo: {}, // 基本信息
 			backgroundImg: null,
 			buttonColor: null,
+			styles: false, // 显示哪种风格
         }
     },
     mounted() {
@@ -87,9 +94,14 @@ export default {
 				let res = await examinationBasicInfo({ examId: this.examId })
 				if(res.data.code == 200) {
 					let tempData = res.data.data
+					// tempData.status = "NOT_START"
+					// tempData.status = "CLOSE"
 					let tempStatus = false
 					if(tempData.status == "APPLYING") {
 						tempStatus = true
+						if(tempData.customPoster) { // 是否显示图片风格
+							this.styles = true
+						}
 					}
 					localStorage.setItem("examStartTime", dayjs(tempData.expectExamStartTime).format("YYYY-MM-DD"))
 					this.baseInfo = {
@@ -102,6 +114,7 @@ export default {
 						status: tempStatus,
 						examLocations: tempData.examLocations, // 地址
 						posterProfile: tempData.posterProfile ? tempData.posterProfile.replace(/\n/ig,'<br/>') : null,
+						customPoster: tempData.customPoster, // 自定义图片
 						transStatus: tempData.status
 					}
 					let poster = tempData.posterBackgroundImg ? JSON.parse(tempData.posterBackgroundImg) : ""
@@ -147,9 +160,11 @@ export default {
 }
 .container {
 	min-height: 100vh;
-	background: url('../../assets/images/level/signUpBg.png') no-repeat center top #F3F4F8;
-	background-size: contain;
 	overflow: hidden;
+	&.bg {
+		background: url('../../assets/images/level/signUpBg.png') no-repeat center top #F3F4F8;
+		background-size: contain;
+	}
 	h2 {
 		position: absolute;
 		padding-top: .4rem;

vue.config.js

@@ -1,6 +1,6 @@
 const path = require('path')
 
-let targetUrl = 'http://test.m.kj.colexiu.com'
+let targetUrl = 'https://test.m.kj.colexiu.com'
 // let targetUrl = 'http://192.168.3.28:8000/'
 // let targetUrl = 'http://192.168.3.139:8000' // 箭河
 // let targetUrl = 'http://192.168.3.48:8000'