微信小程序> 微信小程序之background属性的使用

微信小程序之background属性的使用

浏览量:744 时间: 来源:Heavn

本文为原创作品,引用请注明出处,欢迎转载。

之前是搞安卓开发的,在写微信小程序时就发现了一个和安卓很不同的地方,那就是background属性。
下面就好好讲一讲这个background属性。
很容易理解,就是背景的意思。
在安卓中,background属性就只是一个简简单单的属性,先看安卓中的background属性的效果:

android:background="@drawable/end"

小程序
一眼就能看出来,非常蛮横地将图片直接拉伸到布满整个控件,一下子就变得不好看起来。
在安卓中如果想要改变这种情况,要么修改图片的大小,要么就对控件进行重写。
总之非常的麻烦,但是在微信小程序中就不一样了。

.details .background{  background-image: url('http://bmob-cdn-18655.b0.upaiyun.com/2018/05/20/0c576365406a8f4d8066aa2b1146199b.png');  background-repeat: no-repeat;  background-size: 350rpx;  background-position-y: center;  background-position-x: center;}

小程序
在微信小程序中是可以通过设置background的大小和位置来实现图中所示的效果,是不是比安卓中的好看很多。
除此之外background还有很多很实用的属性哦。
具体可以参考这位大大——鎏嫣宫守护的博客background属性,写得很详细了。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎