uniapp 设置页面背景图,背景色,两个的设置方法差不多
将相对应页面的类设置为page-edit就可以了,如果只加page后面跟样式的话就会应用于所有页面。.page-edit中的样式是写在APP.vue文件中的。
·
<style lang="scss">
/*每个页面公共css */
@import "@/uni_modules/uview-ui/index.scss";
@import "static/fonts/iconfont.css";
.page-edit {
width: 100%;
height: 100%;
background-image: url("/static/20240115153339.jpg");
background-size: cover; /* 背景图等比缩放充整个容器 */
background-position: center; /* 背景图居中对齐 */
}
</style>
.page-edit中的样式是写在APP.vue文件中的
<template>
<view class="page-edit">
<view class="home">
将相对应页面的类设置为page-edit就可以了,如果只加page后面跟样式的话就会应用于所有页面
更多推荐
已为社区贡献1条内容
所有评论(0)