收藏
回答

关于页面背景图中的变量

问题模块 框架类型 问题类型 终端类型 操作系统 微信版本 基础库版本
框架 小程序 需求 客户端 6.6.6 2.0

page{

background: #4794FE url('http://www.some.com:8080/weixin/images/bg_rank.png') no-repeat fixed top;

background-size: 100%;

}

由于目前页面级的背景图不支持本地路径的图片,在采用网络图片时,本地开发的域名、端口通常跟正式服务器是不一样的,目前官方给出的解决方案有:

  1. 用base64

    多个页面使用同一背景图片,会使小程序很大

  2. 用image标签

    这个不适用于充满整个背景,且影响其它view的布局

  3. 用远程url

    上线前还得批量替换域名或端口,忘记就麻烦了


我试了用<page>标签setData的方式,貌似不支持,用<view>标签又不能实现背景图铺满整个page,还有什么比较科学的解决方案吗?

最后一次编辑于  2018-06-05  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • 刘弘愿
    刘弘愿
    2018-06-05

    我们已经用过的最科学的办法就是IMAGE fix定位,宽高100%,宽高铺满屏幕,定位脱离文档流,不影响其他view的布局。层级设置最低

    2018-06-05
    赞同
    回复