Merge branch 'framework' of https://gitee.com/ccnetcore/Yi into framework
This commit is contained in:
BIN
Yi.BBS.Vue3/public/loginBg.mp4
Normal file
BIN
Yi.BBS.Vue3/public/loginBg.mp4
Normal file
Binary file not shown.
BIN
Yi.BBS.Vue3/public/loginBg.png
Normal file
BIN
Yi.BBS.Vue3/public/loginBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 616 KiB |
@@ -1,5 +1,82 @@
|
||||
<template>
|
||||
登录共同页面
|
||||
<RouterView />
|
||||
</template>
|
||||
<div class="body-div">
|
||||
<div class="left">
|
||||
<video width="320" height="240" controls autoplay playsinline loop disablepictureinpicture poster="/loginBg.png">
|
||||
<source src="/loginBg.mp4" type="video/mp4">
|
||||
您的浏览器不支持 video 标签。
|
||||
</video>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="right">
|
||||
|
||||
<RouterView />
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</template>
|
||||
<style scoped>
|
||||
.left
|
||||
{
|
||||
width: 100%;
|
||||
background-color:bisque
|
||||
}
|
||||
.right
|
||||
{
|
||||
max-width: 520px;
|
||||
width:40% ;
|
||||
background-color: blue;
|
||||
}
|
||||
.body-div
|
||||
{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
height:100%
|
||||
}
|
||||
.videoBG
|
||||
{
|
||||
height: 200px;
|
||||
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-fullscreen-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-play-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-timeline {
|
||||
display: none;
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-current-time-display{
|
||||
display: none;
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-time-remaining-display {
|
||||
display: none;
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-mute-button {
|
||||
display: none;
|
||||
}
|
||||
video::-webkit-media-controls-toggle-closed-captions-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-volume-slider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-enclosure{
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user