|
|
@@ -212,12 +212,6 @@
|
|
|
.signup_title {
|
|
|
padding-top: 80px;
|
|
|
}
|
|
|
- .success_title {
|
|
|
- height: 100vh;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
.form_guide {
|
|
|
font-weight: bold;
|
|
|
font-size: 24px;
|
|
|
@@ -310,13 +304,30 @@
|
|
|
font-size: 14px;
|
|
|
color: #222222;
|
|
|
}
|
|
|
+ .qrcode_info2 {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+ padding: 20px 35px;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #222222;
|
|
|
+ }
|
|
|
.bm_qrcode {
|
|
|
width: 70px;
|
|
|
height: 70px;
|
|
|
margin-right: 25px;
|
|
|
}
|
|
|
+ .bm_qrcode2 {
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ margin-bottom: 25px;
|
|
|
+ }
|
|
|
.bm_title {
|
|
|
- padding-bottom: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ white-space: pre-line;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
.fail_box {
|
|
|
margin: 80px 20px 0;
|
|
|
@@ -352,35 +363,42 @@
|
|
|
<body>
|
|
|
<div id="box" class="box">
|
|
|
<div class="signup_page" v-if="step === 3">
|
|
|
- <div class="success_title">
|
|
|
+ <div class="signup_title">
|
|
|
<div class="form_guide">{{toshopData.formGuide1}}</div>
|
|
|
</div>
|
|
|
- <!-- <div class="signup_box">
|
|
|
+ <div class="signup_box" v-if="toshopData.formGuide2 || toshopData.verificationShowSwitch || toshopData.sucImgShowSwitch">
|
|
|
<div class="signup_tip">{{toshopData.formGuide2}}</div>
|
|
|
- <div class="store_msg">
|
|
|
- <img class="store_icon" src="./img/store.png" />
|
|
|
- <span>{{storeName}}</span>
|
|
|
- </div>
|
|
|
- <div class="signup_code_box">
|
|
|
- <div class="signup_code">{{verificationCode}}</div>
|
|
|
- </div>
|
|
|
- <div class="copy_text" @click="handleCopy(verificationCode)">
|
|
|
- <img class="copy_icon" src="./img/copy_icon.png" />
|
|
|
- <span>点击复制核销码</span>
|
|
|
- </div>
|
|
|
- <div class="attention">
|
|
|
- <div>注意：</div>
|
|
|
- <div>1.凭证码仅可核销一次，请注意保管</div>
|
|
|
- <div>2.不记名，不挂失</div>
|
|
|
+ <div v-if="toshopData.verificationShowSwitch">
|
|
|
+ <div class="store_msg">
|
|
|
+ <img class="store_icon" src="./img/store.png" />
|
|
|
+ <span>{{storeName}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="signup_code_box">
|
|
|
+ <div class="signup_code">{{verificationCode}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="copy_text" @click="handleCopy(verificationCode)">
|
|
|
+ <img class="copy_icon" src="./img/copy_icon.png" />
|
|
|
+ <span>点击复制核销码</span>
|
|
|
+ </div>
|
|
|
+ <div class="attention">
|
|
|
+ <div>注意：</div>
|
|
|
+ <div>1.凭证码仅可核销一次，请注意保管</div>
|
|
|
+ <div>2.不记名，不挂失</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="qrcode_info">
|
|
|
- <img class="bm_qrcode" src="./img/bm-qrcode.png" />
|
|
|
- <div>
|
|
|
- <div class="bm_title">还差最后一步！</div>
|
|
|
- <div class="bm_tip">扫码添加企微还有额外抽奖！</div>
|
|
|
+ <div v-if="toshopData.sucImgShowSwitch">
|
|
|
+ <div class="qrcode_info" v-if="toshopData.verificationShowSwitch">
|
|
|
+ <img class="bm_qrcode" :src="toshopData.sucImg" />
|
|
|
+ <div>
|
|
|
+ <div class="bm_title">{{toshopData.sucImgGuide}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="qrcode_info2" v-else>
|
|
|
+ <img class="bm_qrcode2" :src="toshopData.sucImg" />
|
|
|
+ <div class="bm_title">{{toshopData.sucImgGuide}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="signupSucc_page" v-else-if="step === 4">
|
|
|
<div class="succ_tip">
|
|
|
@@ -484,6 +502,10 @@
|
|
|
verificationFailGuide: '',
|
|
|
verificationFailGuide2: '',
|
|
|
browseId: null,
|
|
|
+ verificationShowSwitch: 0,
|
|
|
+ sucImgShowSwitch: 0,
|
|
|
+ sucImg: '',
|
|
|
+ sucImgGuide: '',
|
|
|
},
|
|
|
step: 2,
|
|
|
verificationCode: '',
|
