作者 朱兆平

update:

1. 登录页面取消动态视频背景
@@ -13,7 +13,7 @@ @@ -13,7 +13,7 @@
13 </el-form-item> 13 </el-form-item>
14 <el-form-item> 14 <el-form-item>
15 <img 15 <img
16 - style="width: 125px; height: 60px" 16 + style="width: 98%; height: 60px"
17 :src="verifyImg" 17 :src="verifyImg"
18 @click="getVerifyCode" 18 @click="getVerifyCode"
19 > 19 >
@@ -27,15 +27,15 @@ @@ -27,15 +27,15 @@
27 <div class="homepage-hero-module"> 27 <div class="homepage-hero-module">
28 <div class="video-container"> 28 <div class="video-container">
29 <div :style="fixStyle" class="filter"></div> 29 <div :style="fixStyle" class="filter"></div>
30 - <video :style="fixStyle" autoplay loop class="fillWidth" v-on:canplay="canplay">  
31 - <source src="/static/login/New-jumbo.mp4" type="video/mp4"/>  
32 - 浏览器不支持 video 标签,建议升级浏览器。  
33 - <!--<source src="/static/login/New-jumbo.webm" type="video/webm"/>-->  
34 - <!--浏览器不支持 video 标签,建议升级浏览器。-->  
35 - </video>  
36 - <div class="poster hidden" v-if="!vedioCanPlay">  
37 - <img :style="fixStyle" src="https://s2.best-wallpaper.net/wallpaper/2560x1600/1511/Airplane-passenger-airliner-flight-sea-lights-airport-evening_2560x1600.jpg" alt="">  
38 - </div> 30 +<!-- <video :style="fixStyle" autoplay loop class="fillWidth" v-on:canplay="canplay">-->
  31 +<!-- <source src="/static/login/New-jumbo.mp4" type="video/mp4"/>-->
  32 +<!-- 浏览器不支持 video 标签,建议升级浏览器。-->
  33 +<!-- &lt;!&ndash;<source src="/static/login/New-jumbo.webm" type="video/webm"/>&ndash;&gt;-->
  34 +<!-- &lt;!&ndash;浏览器不支持 video 标签,建议升级浏览器。&ndash;&gt;-->
  35 +<!-- </video>-->
  36 +<!-- <div class="poster">-->
  37 +<!-- <img :style="fixStyle" src="https://s2.best-wallpaper.net/wallpaper/2560x1600/2009/Airplane-front-view-wings-road-blue-background_2560x1600.jpg" alt="">-->
  38 +<!-- </div>-->
39 </div> 39 </div>
40 </div> 40 </div>
41 </div> 41 </div>
@@ -51,7 +51,7 @@ @@ -51,7 +51,7 @@
51 data() { 51 data() {
52 return { 52 return {
53 verifyImg: "", 53 verifyImg: "",
54 - vedioCanPlay: true, 54 + vedioCanPlay: false,
55 fixStyle: '', 55 fixStyle: '',
56 logining: false, 56 logining: false,
57 ruleForm2: { 57 ruleForm2: {
@@ -264,7 +264,7 @@ @@ -264,7 +264,7 @@
264 .video-container .filter { 264 .video-container .filter {
265 z-index: 1; 265 z-index: 1;
266 position: absolute; 266 position: absolute;
267 - background: rgba(0, 0, 0, 0.4); 267 + background:url("/static/login/login_backgroud.jpg") rgba(0, 0, 0, 0.4);
268 } 268 }
269 .login-container { 269 .login-container {
270 /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);*/ 270 /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);*/