From ef37c59e055a990ce247b265b27d3fcef430a243 Mon Sep 17 00:00:00 2001 From: 杨磊 <505174330@qq.com> Date: 星期五, 15 八月 2025 10:19:18 +0800 Subject: [PATCH] first submit --- src/views/bindWeChat/index.vue | 65 ++++++++++++++++++++++++++++++++ 1 files changed, 65 insertions(+), 0 deletions(-) diff --git a/src/views/bindWeChat/index.vue b/src/views/bindWeChat/index.vue new file mode 100644 index 0000000..ef8a701 --- /dev/null +++ b/src/views/bindWeChat/index.vue @@ -0,0 +1,65 @@ +<template> + <div class="bingBox"> + <p class="title">寰俊缁戝畾</p> + <div class="qrcodeBox"> + <wxlogin + :redirect_uri="wxLogin.redirectURL" + style=" + width: 300px; + height: 340px; + margin: -40px auto 0; + overflow: hidden; + " + :appid="wxLogin.appid" + :scope="wxLogin.scope" + state="WeChatScanningCodeBind" + > + </wxlogin> + </div> + <p class="tips">浣跨敤寰俊鎵竴鎵壂鎻忎簩缁寸爜杩涜缁戝畾</p> + </div> +</template> +<script> +import wxlogin from "vue-wxlogin"; +export default { + components: { + wxlogin + }, + data() { + return { + wxLogin: { + appid: "wxad15251431e1f3fd", + scope: "snsapi_login", + redirectURL: encodeURIComponent( + "https://www.caupress.com.cn/website/#/bindWeChatBack" + ) + } + }; + }, + created() { + this.weChatBindFun(); + }, + methods: { + weChatBindFun() { + window.location.href = `https://open.weixin.qq.com/connect/qrconnect?appid=${this.wxLogin.appid}&scope=${this.wxLogin.scope}&redirect_uri=${this.wxLogin.redirectURL}&state=WeChatScanningCodeBind` + }, + } +}; +</script> +<style lang="less" scoped> +.title { + text-align: center; + font-size: 20px; + padding-top: 50px; + margin-bottom: 10px; +} +.qrcodeBox { + overflow: hidden; +} +.tips{ + text-align: center; + font-size: 14px; + color: #666; + margin-top: 10px; +} +</style> -- Gitblit v1.9.1