啥也不说了,大家还是直接看代码吧~
import meadiaurl from '../../api/mediaurl'
export default {
name: "logo"
#logo{
background: url("../../assets/images/Login.png");
background-size: 100% 100%;
height: 100%;
}
如果像以上代码写,高度为100%时,会发现背景图片只是内容撑起来的,却不能使整个屏幕铺满背景图;
解决方案:
我们要让#logo脱离文档流,为他添加个fixed属性
#logo{
background: url("../../assets/images/Login.png");
background-size: 100% 100%;
height: 100%;
position: fixed;
width: 100%
}
补充知识:vue 实现全屏显示和全屏按钮svg图
1,第一步安装screenfull
npm install --save screenfull
2, 新版建screenfull.vue组件,
t="1508738709248"
class="screenfull-svg"
viewBox="0