小程序高度问题&背景scss

不同的机型,他的比例啥的都会不一样,同样的rpx也会有不同的效果。所以这里选择了取消高度。

javascript 复制代码
 <view class="box-border" :style="{
        'padding-top': `${navHeight}px`,
      }">
        <!-- 已登录 -->
        <view v-if="userStore.userInfo">
          <alreadyLoggedInPanel />
          <walletPanel />
        </view>
        <!-- 未登录 -->
        <view v-else>
          <notLogInPanel />
          <walletPanel />
        </view>
      </view>
    <view class="my-20rpx">
       <welfarePanel />
       <servicePanel />
    </view>

还有提供一种背景显示区域的css

css 复制代码
.background_img {
  /* background-image: url("https://test-1309061343.cos.ap-nanjing.myqcloud.com/temp/2025/01/06/ed2d3320c3e14f8abb061faaec5081ca.png") ;
  background-repeat:no-repeat;
  background-size: cover; */
  background: url('https://test-1309061343.cos.ap-nanjing.myqcloud.com/temp/2025/01/06/ed2d3320c3e14f8abb061faaec5081ca.png')
  no-repeat top center / 100% 534rpx,#F4F7FB;
}
相关推荐
翻滚吧键盘12 分钟前
{{ }}和v-on:click
前端·vue.js
碎叶城李白12 分钟前
若依学习笔记1-validated
java·笔记·学习·validated
上单带刀不带妹18 分钟前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
都叫我大帅哥39 分钟前
🌊 Redis Stream深度探险:从秒杀系统到面试通关
java·redis
杨进军39 分钟前
React 创建根节点 createRoot
前端·react.js·前端框架
都叫我大帅哥40 分钟前
Redis持久化全解析:从健忘症患者到记忆大师的逆袭
java·redis
ModyQyW1 小时前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
程序猿阿越1 小时前
Kafka源码(一)Controller选举与创建Topic
java·后端·源码
说码解字1 小时前
Kotlin lazy 委托的底层实现原理
前端