Commit c86b02a6 authored by verestrasz's avatar verestrasz

注册页修改

parent 1459cdb8
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="download-con"> <div class="download-con">
<div class="title"> <div class="title">
<div class="line" /> <div class="line" />
<span>一 • 幕 • 影 • 链 • 商 • 城</span> <span>一 • 幕 • 数 • 字 • 藏 • 品</span>
<div class="line" /> <div class="line" />
</div> </div>
<div class="fix-container"> <div class="fix-container">
...@@ -17,17 +17,19 @@ ...@@ -17,17 +17,19 @@
<button @click="goShowCaptcha">确定</button> <button @click="goShowCaptcha">确定</button>
</div> </div>
<p class="invite-code" v-if="inviteCode">推荐人邀请码:{{ inviteCode }}</p> <p class="invite-code" v-if="inviteCode">推荐人邀请码:{{ inviteCode }}</p>
<button class="plain-button" @click="goDownload">下载APP</button> <p class="append">微信扫码登陆,进行数字蔵品支付购买</p>
<button class="plain-button" @click="goOpen">打开APP</button> <!-- <button class="plain-button" @click="goDownload">首页</button>
<div class="qrcode"> <button class="plain-button" @click="goOpen">登录</button> -->
<div ref="qrcode" id="qrcode"></div> <div class="qrcode" >
<!-- <div ref="qrcode" id="qrcode" v-if="flag"></div> -->
<img src="@/assets/img/indexqrcode.png" alt="">
</div> </div>
<p class="invite-url" v-if="inviteCode"> <p class="invite-url">
<span>{{ inviteUrl }}</span> <!-- <span>{{ inviteUrl }}</span>
<i <i
class="copy" class="copy"
@click="handleCopy(inviteUrl)" @click="handleCopy(inviteUrl)"
></i> ></i> -->
</p> </p>
</section> </section>
</div> </div>
...@@ -55,16 +57,16 @@ ...@@ -55,16 +57,16 @@
<p class="d-p">该手机号已注册</p> <p class="d-p">该手机号已注册</p>
<!-- <p class="d-p">请直接下载APP进行登录</p> --> <!-- <p class="d-p">请直接下载APP进行登录</p> -->
</div> </div>
<div @click="closeModal" v-if="modalShow !== ''" class="mask"></div> <!-- <div @click="closeModal" v-if="modalShow !== ''" class="mask"></div>
<img class="tips-here" v-if="checkBrowser().weixin" src="https://slg-file.oss-cn-hangzhou.aliyuncs.com/manage/img/20211109/20211109102845741_708565.png" alt=""> <img class="tips-here" v-if="checkBrowser().weixin" src="https://slg-file.oss-cn-hangzhou.aliyuncs.com/manage/img/20211109/20211109102845741_708565.png" alt="">
<div class="mask" v-if="checkBrowser().weixin" style="z-index:100"> <div class="mask" v-if="checkBrowser().weixin" style="z-index:100">
</div> </div> -->
</div> </div>
</template> </template>
<script> <script>
import VerificationCode from "@/components/VerificationCode"; import VerificationCode from "@/components/VerificationCode";
import QRCode from "qrcodejs2"; // import QRCode from "qrcodejs2";
export default { export default {
components: { VerificationCode }, components: { VerificationCode },
data() { data() {
...@@ -86,7 +88,8 @@ export default { ...@@ -86,7 +88,8 @@ export default {
android: "", android: "",
}, },
// 1 注册 2 下载 // 1 注册 2 下载
step: 1 step: 1,
flag:false
}; };
}, },
computed: { computed: {
...@@ -110,19 +113,19 @@ export default { ...@@ -110,19 +113,19 @@ export default {
mounted() { mounted() {
this.longHeight = window.innerHeight > 800; this.longHeight = window.innerHeight > 800;
this.getDownloadUrl(); this.getDownloadUrl();
this.$nextTick(() => { // this.$nextTick(() => {
this.creatQrcode() // this.creatQrcode()
}) // })
}, },
methods: { methods: {
creatQrcode() { // creatQrcode() {
new QRCode(this.$refs.qrcode, { // new QRCode(this.$refs.qrcode, {
width: 168, // width: 168,
height: 168, // 高度 // height: 168, // 高度
text: this.inviteUrl, // text: this.inviteUrl,
correctLevel: QRCode.CorrectLevel.H, // correctLevel: QRCode.CorrectLevel.H,
}); // });
}, // },
getDownloadUrl() { getDownloadUrl() {
this.$api({ this.$api({
apiName: 'getSysVersion', apiName: 'getSysVersion',
...@@ -245,14 +248,14 @@ export default { ...@@ -245,14 +248,14 @@ export default {
verificationCode: code, verificationCode: code,
}, },
success: (res) => { success: (res) => {
console.log(res)
if (res) { if (res) {
this.modalShow = ""; this.modalShow = "";
this.$toast("注册成功"); this.$toast("注册成功");
this.step = 2; this.step = 2;
this.$nextTick(() => { // this.$nextTick(() => {
this.creatQrcode() // this.creatQrcode()
}) // })
this.$router.push({ name: 'home' })
} }
}, },
}); });
...@@ -384,6 +387,14 @@ export default { ...@@ -384,6 +387,14 @@ export default {
font-size: 14px; font-size: 14px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.append{
font-family: "PingFangSC-Regular,PingFang SC" !important;
// margin-left: 17px;
text-align: center;
color: #ea3037;
font-size: 14px;
// margin-bottom: 30px;
}
.plain-button { .plain-button {
border: none; border: none;
border-radius: 6px; border-radius: 6px;
...@@ -403,6 +414,10 @@ export default { ...@@ -403,6 +414,10 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
img{
width: 100%;
height: 100%;
}
} }
.invite-url { .invite-url {
font-family: "PingFangSC-Regular,PingFang SC" !important; font-family: "PingFangSC-Regular,PingFang SC" !important;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment