update

9b5caa9d · 张巧娟 · 12e1f456 · 12e1f456 · 9b5caa9d · 12e1f456
Commit 9b5caa9d authored Apr 27, 2021 by 张巧娟
32 changed files
--- a/page/img/1.png
+++ b/page/img/1.png
--- a/page/img/2-1.png
+++ b/page/img/2-1.png
--- a/page/img/2-2-1.png
+++ b/page/img/2-2-1.png
--- a/page/img/2-2-2.png
+++ b/page/img/2-2-2.png
--- a/page/img/2-2.png
+++ b/page/img/2-2.png
--- a/page/img/2-3.png
+++ b/page/img/2-3.png
--- a/page/img/2-4.png
+++ b/page/img/2-4.png
--- a/page/img/2-5.png
+++ b/page/img/2-5.png
--- a/page/img/2niu.png
+++ b/page/img/2niu.png
--- a/page/img/3-1.png
+++ b/page/img/3-1.png
--- a/page/img/3-2-1.jpg
+++ b/page/img/3-2-1.jpg
--- a/page/img/3-2.png
+++ b/page/img/3-2.png
--- a/page/img/3-3.png
+++ b/page/img/3-3.png
--- a/page/img/3-4.png
+++ b/page/img/3-4.png
--- a/page/img/3-5.png
+++ b/page/img/3-5.png
--- a/page/img/3-6.png
+++ b/page/img/3-6.png
--- a/page/img/bainiu.png
+++ b/page/img/bainiu.png
--- a/page/img/border-img-lang.png
+++ b/page/img/border-img-lang.png
--- a/page/img/border-img.png
+++ b/page/img/border-img.png
--- a/page/img/hdzs.png
+++ b/page/img/hdzs.png
--- a/page/img/hdzs@3x.png
+++ b/page/img/hdzs@3x.png
--- a/page/img/line.png
+++ b/page/img/line.png
--- a/page/img/text-bg.png
+++ b/page/img/text-bg.png
--- a/page/img/title-icon.png
+++ b/page/img/title-icon.png
--- a/page/img/video.png
+++ b/page/img/video.png
--- a/page/img/xc-bg.png
+++ b/page/img/xc-bg.png
--- a/page/img/xc-title.png
+++ b/page/img/xc-title.png
--- a/page/img/xc-title@2x.png
+++ b/page/img/xc-title@2x.png
--- a/page/img/xc-title@3x.png
+++ b/page/img/xc-title@3x.png
--- a/page/img/组 2.png
+++ b/page/img/组 2.png
--- a/page/index.css
+++ b/page/index.css
@@ -6,8 +6,8 @@ body {
  background-color: #F0F0F0;
 }
-.video-box {
+.video-box video{
-  display: flex;
+  vertical-align: middle;
 }
 .video-style {
@@ -273,3 +273,6 @@ body {
  background: #C42C2D !important;
  border: 1px solid #D2D2D2 !important;
 }
+.vip-box p{
+  margin: 0;
+}
\ No newline at end of file
--- a/page/index.html
+++ b/page/index.html
@@ -6,9 +6,9 @@
  <!-- import CSS -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
-    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
+  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
-    <meta http-equiv="Pragma" content="no-cache"/>
+  <meta http-equiv="Pragma" content="no-cache" />
-    <meta http-equiv="Expires" content="0"/>
+  <meta http-equiv="Expires" content="0" />
  <title>南充市2021年嘉陵江放牛季启动仪式暨相如故城开城活动</title>
  <link rel="stylesheet" href="index.css?v=DHtM0X0Tzr6SroPwd4f">
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
@@ -20,7 +20,10 @@
 <body>
-<script>
+  <srcipt src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js">
+    </script>
+    <script>
+      /* ios自动播放 */
      function autoPlayVideo() {
        /* 自动播放视频效果，解决浏览器或者APP自动播放问题 */
        function videoInBrowserHandler() {
@@ -53,12 +56,12 @@
      }
      autoPlayVideo();
-</script>
+    </script>
-<div id="app">
+    <div id="app">
      <!-- 视频 -->
      <div class="video-box">
-        <video id="myVideo" width="100%" playsinline="true" controls muted autoplay poster="img/video.png">
+        <video id="myVideo" width="100%" playsinline="true" controls autoplay poster="img/video.png" webkit-playsinline="true" playsinline="true" x-webkit-airplay="allow" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint">
-            <source src="img/666.mp4" type="video/mp4">
+          <source src="img/666-1.mp4" type="video/mp4">
          <!-- <source src="movie.ogg" type="video/ogg"> -->
          您的浏览器不支持Video标签。
        </video>
@@ -68,9 +71,9 @@
        <img src="img/bainiu.png" alt="" srcset="" class="full-img">
        <img src="img/hdzs.png" alt="" srcset="" class="full-img">
      </div>
-<!--    <div class="xc-btn-box" id="xcBtn" v-on:click="seeXc">-->
+      <!--    <div class="xc-btn-box" id="xcBtn" v-on:click="seeXc">-->
-<!--        行程查询-->
+      <!--        行程查询-->
-<!--    </div>-->
+      <!--    </div>-->
      <!-- 卡片加文字 走马灯 -->
      <div>
        <el-carousel :interval="2000" type="card" height="5.3rem">
@@ -160,7 +163,7 @@
          <el-carousel-item>
            <div class="active-item">
              <div class="active-img-box banner-img-box">
-                        <img src="img/3-2.png" alt="" srcset="" class="active-img">
+                <img src="img/3-2-1.jpg" alt="" srcset="" class="active-img">
                <img src="img/border-img-lang.png" alt="" srcset="" class="border-img">
              </div>
              <div class="text-box">
@@ -227,11 +230,13 @@
        <div style="padding-top: 1rem;">
          <div class="xc-box xc-box-1-bg">
            <template v-if="vip.name">
-                <div style="font-size: 0.4rem;margin: 10px auto;">
+              <div style="font-size: 0.4rem;" class="vip-box">
                <p>
                  尊敬的<b style="color: #C42C2D">{{vip.name}}</b>巡视员:</p>
                <p>印象嘉陵 江，千年相如城。</p>
-                    <p>我们怀着激动的心情，终于迎来南充市2021年嘉陵江放牛季启动仪式暨相如故城开城活动启航。我们对您的到来表示最热烈的欢迎和最诚挚的感谢。您在蓬安期间的专属服务人员是：<b style="color: #C42C2D">{{vip.workername}}</b>，联系电话：<b style="color: #C42C2D">{{vip.workerphone}}</b>。如您有需要的地方，我们随时竭诚为您服务。</p>
+                <p>我们怀着激动的心情，终于迎来南充市2021年嘉陵江放牛季启动仪式暨相如故城开城活动启航。我们对您的到来表示最热烈的欢迎和最诚挚的感谢。您在蓬安期间的专属服务人员是：<b
+                    style="color: #C42C2D">{{vip.workername}}</b>，联系电话：<b
+                    style="color: #C42C2D">{{vip.workerphone}}</b>。如您有需要的地方，我们随时竭诚为您服务。</p>
                <p>
                  为了您能够在蓬安享受更加热情周到的服务，我们特地为您梳理具体行程如下：
                </p>
@@ -275,15 +280,16 @@
        </div>
        <div></div>
      </div>
-    <div style="font-size: 0.24rem;width: 100%;margin: 0 auto;text-align: center;color:#ffffff;background-color:#000000;">
+      <div
+        style="font-size: 0.24rem;width: 100%;margin: 0 auto;text-align: center;color:#ffffff;background-color:#000000;">
        技术支持：中国电信股份有限公司南充分公司
      </div>
-</div>
+    </div>
-<!-- import JavaScript -->
+    <!-- import JavaScript -->
-<script src="https://unpkg.com/element-ui/lib/index.js"></script>
+    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
-<script>
+    <script>
      // rem单位换算
      (function (doc, win) {
        console.log('doc.documentElement')
@@ -305,8 +311,8 @@
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
      })(document, window);
-</script>
+    </script>
-<script>
+    <script>
      // import img_url from 'img/2-1.png'
      new Vue({
        el: '#app',
@@ -384,7 +390,7 @@
        },
        mounted: function () {
          this.$nextTick(function () {
-                this.vip=vips[this.getQueryVariable("id")-1];
+            this.vip = vips[this.getQueryVariable("id") - 1];
          })
        },
        methods: {
@@ -423,6 +429,7 @@
          },
        },
      })
-</script>
+    </script>
 </body>
 </html>
\ No newline at end of file