xiuli.gao
/
h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
							<!DOCTYPE html>
<html lang="zh" style="font-size: 365.867px;">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="IE=8">
  <meta http-equiv="Expires" content="0">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-control" content="no-cache">
  <meta http-equiv="Cache" content="no-cache">
  <link rel="stylesheet" type="text/css" href="./static/public_css.css">
  <script type="text/javascript" src="./static/public.js"></script>
  <script type="text/javascript" src="./static/jquery-2.1.0.js"></script>
  <script type="text/javascript" src="./static/vue.js"></script>
  <title>三九胃泰派出185暖胃蓝团</title>
  <style>
    .container {
      background-color: #e4f3fe;
      min-height: 100vh;
      box-sizing: border-box;
      position: relative;
      width: 100vw;
      overflow: hidden;
    }

    .bgImg {
      height: 2.4rem;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
    }
    .btm_block{
      width: 60vw;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0.4rem;
      margin: auto;
    }
    .btn {
      width: 60vw;
      height: 0.5rem;
      border: 1px solid #5f9bca;
      font-size: 0.18rem;
      background-color: #e4f3fe;
      border-radius: 0.5rem;
      color: #0f3959;
      font-weight: bold;
      box-shadow: 0px 3px 9px 0px #94caf5;
    }
    .activityRules{
      padding: 0.3rem;
      font-size: 0.14rem;
      line-height: 0.2rem;
      color: #0c2b44;
      padding-top: 0;
      padding-bottom: 1.2rem;
      /* height: calc(100vh - 2rem); */
      /* overflow-y: auto; */
    }
    .mani_title{
      font-size: 0.16rem;
      margin-bottom: 0.2rem;
      margin-top: 0.3rem;
      text-align: center;
      font-weight: bold;
    }
    .small_title{
      margin-top: 0.1rem;
      font-weight: bold;
    }
    .activityRules .p{
      margin-top: 0.04rem;
      color: #0c2b44;
    }
    .activityRules .hint{
      font-size: 0.12rem;
      color: #a8b3bb;
      margin-top: 0.2rem;
    }
    .mask{
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.4);
    }
    .mask_container{
      width: 70vw;
      height: 3.2rem;
      background-color: #ffffff;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      border-radius: 0.1rem;
      padding: 0.1rem 0.2rem;
    }
    .mask_title{
      font-size: 0.16rem;
      color: #444;
      font-weight: bold;
      text-align: center;
      line-height: 0.3rem;
      padding: 0.1rem 0;
    }
    .mask_con{
      font-size: 0.14rem;
      color: #555;
      line-height: 0.24rem;
    }
    .mask_btn{
      font-size: 0.14rem;
      background-color: #3173FF;
      color: #ffffff;
      width: 1rem;
      text-align: center;
      line-height: 0.36rem;
      border-radius: 0.36rem;
      margin: auto;
      margin-top: 0.2rem;
    }
  </style>
  <script type="text/javascript">
    var url_params = getQueryUrl();
    // 获取地址栏信息
    function getQueryUrl () {
      let url = window.location.href;
      let result = {};
      if (url.indexOf('?') > -1) {
        let str = url.split('?')[1];
        let temp = str.split('&');
        for (let i = 0; i < temp.length; i++) {
          let temp2 = temp[i].split('=');
          result[temp2[0]] = temp2[1]
        }
      }
      return result
    }
  </script>
  <script>
    (function(a, e, f, g, b, c, d) {
     a.ClickiTrackerName = b;
     a[b] = a[b] || function() {(a[b].queue = a[b].queue || []).push(arguments)};
     a[b].start = +new Date; c = e.createElement(f); d = e.getElementsByTagName(f)[0];
     c.async = 1; c.src = g; d.parentNode.insertBefore(c, d)
    })(window, document, 'script', '//stm-cdn.cn.miaozhen.com/clicki.min.js?v='+Math.round(new Date().getTime()/1000/300), 'stm_clicki');
    stm_clicki('create', 'dc-2000620', 'auto');
    stm_clicki('send', 'pageview');
    </script>
</head>

<body>
  <div id="app" class="container">
    <img src="./sjwt_img/bgImg.jpg?v=1" class="bgImg" alt="">
    <div class="btm_block">
      <button class="btn" @click="goActivity">去参加活动</button>
    </div>
    
    <!-- S 活动规则 -->
    <div class="activityRules">
      <div class="mani_title" style="margin-top: 0;">三九胃泰哈尔滨冰雕抽奖&打卡活动来袭！</div>
      <div class="small_title">活动时间：</div>
      <div class="p">2024年2月2日—2月4日</div>
      <div class="small_title">活动地址：</div>
      <div class="p">a、哈尔滨冰雪嘉年华三九胃泰冰雕现场</div>
      <div class="p">b、中央大街两家人民同泰药店</div>
      <div class="small_title">活动方式：</div>
      <div class="p">（1）现场无门槛参与抽奖1次</div>
      <div class="p">（2）参与以下活动可再次叠加抽奖1次：</div>
      <div class="p">a、活动期间于活动药店购买三九胃泰牌养胃舒</div>
      <div class="p">b、与三九胃泰冰雕合照（视频）并带话题发布快手或小红书</div>
      <div class="p">c、与暖胃蓝团合照（视频）并带话题发布快手或小红书</div>
      <div class="p">(话题：#三九胃泰派出185暖胃蓝团#）</div>
      <div class="p hint" style="margin-top: 0;">(总抽奖次数累计不超过3次)</div>
      <div class="small_title">活动奖品：</div>
      <div class="p">旅游基金3000元、用餐代金券500元、暖宝宝、999口罩等等，更多奖品可到现场围观</div>
      <div class="p hint">（活动最终解释权归深圳华润三九医药贸易有限公司所有）</div>
      <div style="color:#3173FF;font-size: 0.14rem;margin-top: 0.1rem;" @click="showPrivacy = true">《隐私政策》</div>
    </div>
    <!-- E 活动规则 -->

    <!-- S 秒针隐私政策 -->
    <div class="mask" v-show="showPrivacy">
      <div class="mask_container">
        <div class="mask_title">隐私保护指引概要</div>
        <div class="mask_con">
          为了数据统计和分析的目的，我们的平台集成合作方秒针的 SDK，将收集您的如下信息，收集信息的目的、方式和范围具体见下表所示。 若您想进一步了解秒针的个人信息保护政策，您可以前往 <a href="https://miaozhen.com/cn/privacy" style="color:#3173FF;">https://miaozhen.com/cn/privacy</a> 进行查看。
        </div>
        <div class="mask_btn" @click="showPrivacy = false">我知道了</div>
      </div>
    </div>
    <!-- E 秒针隐私政策 -->
  </div>

  <script>
    var app = new Vue({
      el: '#app',
      data () {
        return {
          showPrivacy: false

        }
      },
      mounted () {
      },
      methods: {
        goActivity: () => {
          stm_clicki('send', 'event', '按钮', '点击', '参加活动按钮');

          let url = 'https://item.yiyaojd.com/3538540.html'
          let a = document.createElement('a')
          a.setAttribute('href', url)
          document.body.appendChild(a)
          a.click()
        }
      },
    })
  </script>

</body>

</html>