小程序

H5拉起小程序

<html lang="en"><head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <title>打开小程序</title>
  <script type="text/javascript" src="./jquery.min.js"></script>
</head>
<body style="">
  <div class="allPage" id="allPage">
    <div class="bg" id="bg"></div>
    <img id="imgs" class="imgs" src="https://s2.pailifan.com/test/ceb8ada922f39a0d2130c7fe41b06af3.png">
    <p class="txt" id="txt">正在前往小程序...</p>
  </div>

<script type="text/javascript">
  var params =  GetRequest()
  window.onload = function(){
    getT()
  } 
  function GetRequest() {
   const url = location.search; //获取url中"?"符后的字串
   let theRequest = new Object();
   if (url.indexOf("?") != -1) {
      let str = url.substr(1);
      strs = str.split("&");
      for(let i = 0; i < strs.length; i ++) {
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
      }
   }
   return theRequest;
  }
  console.log(params.log_id,'params');
  function getT(){
    const appid = 'appid'
    const path = '小程序地址'
    const queryValue = "activity_id=" + params.log_id//参数
    const env_version = 'release'
    location.href = 'weixin://dl/business/?appid=' + appid + '&path=' + path + '&query=' + queryValue + '&env_version=' + env_version
  }
</script>
<style>
  *{
    margin: 0px;
    padding: 0px;
  }
  .allPage{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .bg{
    width: 100%;
    height: 240px;
    background-image: url('https://s2.pailifan.com/test/f1eb4189e579995cb47fb727dce58822.png');
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 100% 240px;
  }
  .imgs{
    width: 139px;
    height: 38px;
  }
  .txt{
    margin-top: 62px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
  }
</style>


</body></html>
(0)
分享:

本文由:xiaoshu168 作者:xiaoshu发表,转载请注明来源!

标签:

相关阅读