隐私协议

media_land_page1.html

@@ -10,6 +10,7 @@
     <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">
+    <link rel="stylesheet" type="text/css" href="./static/common.css">
     <script type="text/javascript" src="./static/public.js"></script>
     <script type="text/javascript" src="./static/nanoid.js"></script>
     <script type="text/javascript" src="./static/jquery-2.1.0.js"></script>
@@ -192,15 +193,6 @@
         width: 0.25rem;
         height: 0.25rem;
       }
-      .mask {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background-color: rgba(0, 0, 0, 0.7);
-        z-index: 9;
-      }
     </style>
     <script type="text/javascript">
       var url_params = getQueryUrl();
@@ -257,6 +249,7 @@
           <img :src="item.img" />
         </div>
       </div>
+      <div class="yszc" @click="showPrivacy = true">《隐私政策》</div>
 
       <div v-if="isShowWinDialog" class="win-dialog">
         <div class="win-wrap">
@@ -280,6 +273,19 @@
           <img class="lose-bg" src="./static/lose-bg.png?v=1" />
         </div>
       </div>
+
+      <!-- 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>
@@ -318,6 +324,7 @@
             winPrizeNote: '',
             isShowWinDialog: false,
             isShowLoseDialog: false,
+            showPrivacy: false
           }
         },
         watch: {

media_land_page2.html

@@ -10,19 +10,20 @@
     <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">
+    <link rel="stylesheet" type="text/css" href="./static/common.css">
     <script type="text/javascript" src="./static/public.js"></script>
     <script type="text/javascript" src="./static/nanoid.js"></script>
     <script type="text/javascript" src="./static/jquery-2.1.0.js"></script>
     <script type="text/javascript" src="./static/vue.js"></script>
     
-<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2"></script> -->
     <title>999感冒灵-暖心补给大吉大灵</title>
     <style>
       .container {
-        background-color: #525E75;
+        background-color: #9ccb71;
         min-height: 100vh;
         box-sizing: border-box;
         position: relative;
+        padding-bottom: 10px;
       }
       .container .bg-img {
         width: 100%;
@@ -202,14 +203,12 @@
         width: 0.25rem;
         height: 0.25rem;
       }
-      .mask {
-        position: fixed;
-        top: 0;
+      .yszc{
+        bottom: 7px;
         left: 0;
         right: 0;
-        bottom: 0;
-        background-color: rgba(0, 0, 0, 0.7);
-        z-index: 9;
+        margin: auto;
+        text-align: center;
       }
     </style>
     <script type="text/javascript">
@@ -267,6 +266,7 @@
           <img :src="item.img" />
         </div>
       </div>
+      <div class="yszc" @click="showPrivacy = true">《隐私政策》</div>
 
       <div v-if="isShowWinDialog" class="win-dialog">
         <div class="win-wrap">
@@ -291,6 +291,19 @@
           <img class="lose-btn" src="./img2/lose_btn.png" @click="onClickClose" alt="">
         </div>
       </div>
+
+      <!-- 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>
@@ -330,6 +343,7 @@
             winPrizeNote: '',
             isShowWinDialog: false,
             isShowLoseDialog: false,
+            showPrivacy: false
           }
         },
         watch: {

media_land_page3.html

@@ -10,6 +10,7 @@
     <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">
+    <link rel="stylesheet" type="text/css" href="./static/common.css">
     <script type="text/javascript" src="./static/public.js"></script>
     <script type="text/javascript" src="./static/nanoid.js"></script>
     <script type="text/javascript" src="./static/vue.js"></script>
@@ -18,10 +19,11 @@
     <title>999感冒灵-暖心补给大吉大灵</title>
     <style>
       .container {
-        background-color: #525E75;
+        background-color: #9ccb71;
         min-height: 100vh;
         box-sizing: border-box;
         position: relative;
+        padding-bottom: 10px;
       }
       .container .bg-img {
         width: 100%;
@@ -210,6 +212,13 @@
         background-color: rgba(0, 0, 0, 0.7);
         z-index: 9;
       }
+      .yszc{
+        bottom: 7px;
+        left: 0;
+        right: 0;
+        margin: auto;
+        text-align: center;
+      }
     </style>
     <script type="text/javascript">
       var url_params = getQueryUrl();
@@ -267,6 +276,8 @@
         </div>
       </div>
 
+      <div class="yszc" @click="showPrivacy = true">《隐私政策》</div>
+
       <div v-if="isShowWinDialog" class="win-dialog">
         <div class="win-wrap">
           <img class="close-btn" src="./img2/close-btn.png" @click="onClickClose" />
@@ -290,6 +301,19 @@
           <img class="lose-btn" src="./img2/lose_btn.png" @click="onClickClose" alt="">
         </div>
       </div>
+
+      <!-- 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>
@@ -329,6 +353,7 @@
             winPrizeNote: '',
             isShowWinDialog: false,
             isShowLoseDialog: false,
+            showPrivacy: false,
           }
         },
         watch: {

static/common.css

@@ -0,0 +1,57 @@
+.yszc {
+  color: rgb(49, 115, 255);
+  font-size: 0.12rem;
+  position: absolute;
+  bottom: 0.1rem;
+  margin-left: 0.2rem;
+}
+.mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.7);
+  z-index: 9;
+}
+
+.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;
+}