uni-app——uniapp背景图自适应铺满

最新推荐文章于 2024-09-07 10:05:14 发布

dbt@L

最新推荐文章于 2024-09-07 10:05:14 发布

阅读量1.5k

点赞数 2

分类专栏： uni-app 文章标签： uni-app

本文链接：https://blog.csdn.net/qq_43201350/article/details/135878000

版权

uni-app 专栏收录该内容

95 篇文章 5 订阅

订阅专栏

<template>
  <view class="bg" :style="{ height: maxHeight }"> </view>
</template>

<script>
export default {
  onLoad() {
    let systemInfo = uni.getSystemInfoSync();
    this.maxHeight = systemInfo.windowHeight + "px";
  },
};
</script>

.bg {
  position: relative;
  background-image: url("https://file.demo.com/demo.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100vw;
}