小程序高度问题&背景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;
}
相关推荐
金銀銅鐵29 分钟前
带您看懂字节码指令(一):一帧里有什么
java·后端·ai编程
nice_lcj5202 小时前
【从零理解 Spring AI · 14】RAG 的四个环节:加载、切分、向量化、检索
java·spring boot·embedding·向量数据库·rag·spring ai·ai应用开发
学长毕设4 小时前
基于springboot科创竞赛信息平台-附源码
java·spring boot·后端
聪明的笨猪猪5 小时前
Java 工程案例:AI 生成 @Async 异步线程池踩坑
java·经验分享·面试·ai编程
深蓝AI5 小时前
Meta 开源用了八年的设计系统 astryx:连坐两天 GitHub 总榜第一,组件库开始写给 agent 的说明书
前端·人工智能
学长毕设5 小时前
基于SpringBoot公务员考试交流平台-附源码
java·spring boot·后端
IT_陈寒5 小时前
Vue的watch把我坑惨了,原来要这样用才靠谱
前端·人工智能·后端
1-1=06 小时前
Vue 3 模板语
前端·javascript·vue.js
用户7610304473716 小时前
【转战智能眼镜开发】ROKID AIUI 小游戏 亚马逊标枪项目实战讲解
前端
风卿6 小时前
看着AI写代码太孤独了,来欣赏星云吧:一个DSH 装饰插件
前端·javascript