小程序高度问题&背景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;
}
相关推荐
十盒半价5 分钟前
TypeScript + React:大型项目开发的黄金搭档
前端·typescript·trae
雾林小妖7 分钟前
springboot集成deepseek
java·spring boot·后端
愿你天黑有灯下雨有伞1 小时前
枚举策略模式实战:优雅消除支付场景的if-else
java·开发语言·策略模式
楚轩努力变强1 小时前
前端工程化常见问题总结
开发语言·前端·javascript·vue.js·visual studio code
鱼樱前端1 小时前
rust基础二(闭包)
前端·rust
菜鸟学Python1 小时前
Python web框架王者 Django 5.0发布:20周年了!
前端·数据库·python·django·sqlite
Dcs1 小时前
gRPC性能陷阱:低延迟网络下的客户端瓶颈揭秘
java
前端开发爱好者1 小时前
只有 7 KB!前端圈疯传的 Vue3 转场动效神库!效果炸裂!
前端·javascript·vue.js
探索java1 小时前
深入解析 Spring 获取 XML 验证模式的过程
xml·java·spring
pe7er1 小时前
RESTful API 的规范性和接口安全性如何取舍
前端·后端