作者 朱兆平

update:

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