• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序 --- 图片自适应、本地图片的使用

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

1、关于图片自适应

image标签中添加mode属性:

默认值:scaleToFill  ----  不保持纵横比例缩放图片,使图片的宽高完全拉伸至填满image标签

aspectFit  ----  保持纵横比例缩放图片,使图片的长边能够完全显示出来,也就说图片可以完整的显示出来

aspectFill  ----- 保持纵横比例缩放图片,只保证图片的短边能够完全显示出来,也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取

top  ----  不缩放图片,只显示图片的顶部区域

bottom  ----  不缩放图片,只显示图片的底部区域

center  ----  不缩放图片,只显示图片的中间区域

left  ----  不缩放图片,只显示图片的左边区域

right  -----   不缩放图片,只显示图片的右边区域

top left   ----  不缩放图片,只显示图片的左上边区域

top right  ----  不缩放图片,只显示图片的右上边区域

bottom left   ----  不缩放图片,只显示图片的左下边区域

bottom right  ----  不缩放图片,只显示图片的右下边区域

 

2、关于图片引用

在wxss页面中不能引用本地的图片

解决方案:

1、要是希望在wxss文件中使用背景图,我们可以使用网络图片,或者base64位的图片

2、通常情况下在CSS文件中我们是没有办法拿到后台返回的域名,然后我们又希望可以使用一些本地的小图标之类的,我们可以在wxml中使用背景图,直接在view的style中写样式

  例如:

3、在页面中直接使用image标签,然后使用绝对定位


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap