实习记录（H5页面）微信扫描二维码登陆注册，随后跳转浏览器。实现

最新推荐文章于 2023-05-19 16:03:20 发布

无名呆瓜

最新推荐文章于 2023-05-19 16:03:20 发布

阅读量1.5k

点赞数

文章标签：微信 html5

本文链接：https://blog.csdn.net/weixin_46000753/article/details/128075196

版权

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

总结

实习记录，碰到的自己没有解决的问题，问了人才知道怎么实现的功能

在这里插入图片描述

1.微信跳转至浏览器，按钮样式与触发弹窗改变？

代码如下（示例）：
在浏览器打开的页面部分显示：

    <div
      v-if="!wei"
      class="noweixin"
    >
      <van-button
        type="promary"
        class="btn"
        @click="judge('open')"
      >
        立即打开
      </van-button>
      <van-overlay
        :show="show"
        @click="show = false"
      >
        <div
          class="big_pop"
          @click.stop
        >
          <span class="text_6">无法打开</span>
          <span class="text_7">可能您尚未安装***App,点击立即下载试试吧~</span>
          <button
            class="left_pop"
            @click="show = false"
          >取消</button>
          <button
            class="right_pop"
            @click=" down "
          >下载</button>
        </div>
      </van-overlay>
    </div>

在微信内置浏览器打开的部分：

    <div
      v-if="wei"
      class="inweixin"
    >
      <van-button
        type="primary"
        class="btn"
        @click="judge('weixin')"
      >
        登录成功，立即打开
      </van-button>
      <van-overlay
        :show="isweixin"
        @click="isweixin = false"
      >
        <div
          class="wrapper"
          @click.stop
        >
          <img
            src="~@/assets/images/lead.png"
            alt=""
          >
        </div>
      </van-overlay>
    </div>