微信小程序之页面样式以及背景图片显示问题

幼稚范er 阅读:42470 2018-02-07 17:57:27 评论:0
网赌被黑找D哥出黑【微信:gm4927 QQ:740093333】 网赌被黑不给出款挽回损失的方法,网赌被黑无法出款怎么办,网赌被黑了怎么办,网赌被黑无法取款怎么办,网赌被黑无法提款怎么办,网赌被黑无法提现怎么办,网赌被黑审核不通过怎么办,腾龙专业出黑团队不收前期费用,网上赌钱不给出款,网上网赌被黑该怎么办,网赌被黑前兆,关于网赌出黑的一些技巧分享!

##一、背景

下面这些都是在开发的过程中,记录下来的笔记。

##二、样式及背景图片显示问题

1、修改单个页面的背景色:
在页面的wxss里面加上这句代码:

page{
  background-color: lightcyan;
}

2、小程序中的颜色设置

//颜色不要加引号,也可以直接是英文
border-top:1rpx solid  #e5e5e5;

3、小程序中的rpx和px的区别

      rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0

4、关于背景图片

本地资源无法通过 WXSS 获取
background-image:可以使用网络图片,或者 base64,或者使用标签

但是可以在wxml中,通过style设置

<view class='bg' style="background-image: url('../../img/bg.png');">

也可以访问网络图片,比如把图片上传到阿里的OSS,直接使用阿里返回的路径也可以

5、关于小程序中的flex布局,可以参考阮一峰的文章:

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

6、关于本地背景图片在手机上无法显示的问题

      这个问题在网上百度了一下,大多数人都建议,不要用本地资源。最好是用网络资源,也就是把图片上传到OSS上,访问。

我这边是把图片上传到阿里云的OSS,返回图片的网络路径,直接使用即可。

  <view class='bg' style="background-image: url('http://pzsh.oss-cn-shanghai.aliyuncs.com/xxx/xx.png');background-size: cover">

这里的background-size: cover是为了让图片等比例缩放,铺满整个屏幕。

end

网赌被黑找D哥出黑QQ:740093333,专业出黑网赌追款团队帮您解决,多年经验为您提供优质方案

推荐阅读:

未命名

  • 可以去百度分享获取分享代码输入这里。
    声明

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    发表评论
    关注我们

    网赌出黑D哥公众号

    搜索
    排行榜