微信生态-公众号h5跳转app及小程序组件封装

最新推荐文章于 2025-02-06 17:27:10 发布

原创

最新推荐文章于 2025-02-06 17:27:10 发布 · 413 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信 #小程序 #前端

跳转app组件：

<template>
	<view class="load-box">
        <wx-open-launch-app
            id="launch-btn"
            :appid="appID"
            :extinfo="extinfoStrTwo"
            @error="handleError"
            @launch="handleLaunch"
            @ready="handleReady"
            style="display: block; position: fixed; width: 100%;height: 100%; z-index: 1000;"
        >
            <script type="text/wxtag-template">
                <style>
                   .minibtn {
                       position: fixed;
                       width: 100%;
                       height: 100%;
                       /* color: #fff; */
                       background: rgba(0, 0, 0, 0);
                       outline: none;
                       appearance: none;
                       border:none;
                       display: block;
                       z-index: 1001;
                       /* border-radius: 50%; */
                   }
                   .minibtn::before {
                       display: none;
                   }
                   .minibtn::after {
                       display: none;
                   }
               </style>
                <button class="btn-open-app minibtn"></button>
            </script>
        </wx-open-launch-app>
	</view>
</template>

<script>
import wx from 'weixin-js-sdk';
import { getWxSign } from '@/api/publicAPi'
export default {
    name: 'to-bank-component', // 跳转手机银行组件
    props: {
      activeUrl: {
          type: String,
          default: ''
      }  
    },
	data() {
		return {
            appID: 'wx739eddd9abea7adc',
            extinfo: 'sccba866://start?appid=sccba&uri=MBOLD1R9000&param=&sharedparam={"expdParamCntnt":{"jumpTyp":"3"}}',
            extinfoStrTwo: '', //传给APP的参数，用来判断跳转指定页面，可传可不传
            iep_redirect: null
        };
	},
	mounted() {
        // let url = this.activeUrl
        // uri 如果有值，不用encodeURIComponent 866000000ACT20220402144447