add logo image

page/index.css

 html {
   font-size: 100px;
 }
+
 body {
   margin: 0;
   background-color: #F0F0F0;
 }
 
-.video-box video{
+.logo {
+  width: 100%;
+}
+
+.logo img {
+  width: 100%;
+  display: block;
+}
+
+.video-box video {
   vertical-align: middle;
 }
 
@@ -118,14 +128,17 @@ body {
   padding-bottom: 0.2rem;
 
 }
+
 .banner-box {
   padding: 0 0.2rem;
 }
+
 .banner-img-box {
   width: 100%;
   height: 3.2rem;
   border-radius: 10px 10px 0px 0px;
 }
+
 .xc-box-1 {
   position: relative;
 
@@ -151,9 +164,8 @@ body {
   /* background: url('img/xc-box-bg.png') center no-repeat; */
   /* background-size: cover; */
 }
-.xc-box-1-bg {
 
-}
+.xc-box-1-bg {}
 
 .xc-tip {
   color: #C42C2D;
@@ -218,61 +230,77 @@ body {
   height: 0.32rem;
 
 }
+
 .bottom-bg-box {
   position: relative;
   height: 3.8rem;
 }
-.niu2-img{
+
+.niu2-img {
   width: 100%;
   /* height: 6.6rem; */
   position: absolute;
   top: -2.2rem;
 }
+
 .niu2-img img {
   width: 100%;
 }
+
 .el-message-box {
   width: 6rem !important;
   height: 4.6rem !important;
-    font-size: 0.32rem !important;
+  font-size: 0.32rem !important;
 }
+
 .el-message-box__header {
   padding: 0.6rem 0 0 !important;
 }
+
 .el-message-box__content {
   font-size: 32px !important;
-    padding: 0 0.6rem !important;
+  padding: 0 0.6rem !important;
 }
+
 .el-message-box__container {
   color: #313131 !important;
   font-weight: bold !important;
 }
+
 .el-message-box__input {
   padding-top: 0.24rem !important;
 }
-.el-input{
+
+.el-input {
   font-size: 0.32rem !important;
 }
+
 .el-input__inner {
   height: 0.8rem !important;
 }
+
 .el-message-box__errormsg {
   font-size: 0.28rem !important;
 }
+
 .el-message-box__btns {
   padding: 1rem 0.6rem 0 !important;
 }
+
 .el-button--small {
   padding: 0.26rem 0.5rem !important;
 }
+
 .el-button--small {
   font-size: 0.32rem !important;
   border-radius: 10px !important;
 }
+
 .el-button--primary {
   background: #C42C2D !important;
   border: 1px solid #D2D2D2 !important;
 }
-.vip-box p{
+
+.vip-box p {
   margin: 0;
 }
\ No newline at end of file

page/index.html

@@ -10,7 +10,7 @@
   <meta http-equiv="Pragma" content="no-cache" />
   <meta http-equiv="Expires" content="0" />
   <title>南充市2021年嘉陵江放牛季启动仪式暨相如故城开城活动</title>
-  <link rel="stylesheet" href="index.css?v=DHtM0X0Tzr6SroPwd4f">
+  <link rel="stylesheet" href="index.css?v=1">
   <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 
   <!-- import Vue before Element -->
@@ -58,6 +58,10 @@
       autoPlayVideo();
     </script>
     <div id="app">
+      <!-- logo -->
+      <div class="logo">
+        <img src="img/logo.jpg" alt="" srcset="">
+      </div>
       <!-- 视频 -->
       <div class="video-box">
         <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">
@@ -230,10 +234,10 @@
         <div style="padding-top: 1rem;">
           <div class="xc-box xc-box-1-bg">
             <template v-if="vip.name">
-              <div style="font-size: 0.4rem;" class="vip-box">
+              <div style="font-size: 0.34rem;line-height: 1.4em;" class="vip-box">
                 <p>
                   尊敬的<b style="color: #C42C2D">{{vip.name}}</b>巡视员:</p>
-                <p>印象嘉陵 江，千年相如城。</p>
+                <p>印象嘉陵江，千年相如城。</p>
                 <p>我们怀着激动的心情，终于迎来南充市2021年嘉陵江放牛季启动仪式暨相如故城开城活动启航。我们对您的到来表示最热烈的欢迎和最诚挚的感谢。您在蓬安期间的专属服务人员是：<b
                     style="color: #C42C2D">{{vip.workername}}</b>，联系电话：<b
                     style="color: #C42C2D">{{vip.workerphone}}</b>。如您有需要的地方，我们随时竭诚为您服务。</p>