微信小程序——image
image(图片)
- 默认宽高(320*240)px
- 由于微信小程序体积限制为<=2M ,因此当我们使用图片时可从外网上获取。
我们可以先将图片传到网上获取合适格式再实用。接下来推荐分享几个高速稳定的图床网站,拿去不谢!
1 阿里图床
图片不能大于10M(一般图床单张图片上限为5M、10M)文件命名里中英文(数字)同时存在的情况下,你会遇到上传失败,请将图片文件名重命名后再次尝试。
2 sm.ms
15 年成立的免费图片外链网站。上传下载速度快。
无需注册,无外链限制,默认原图上传,支持 https
3 聚合图床
支持大量免费图床,可以分批发送
4 牛图网
快捷好用
5万能图床
使用时通过src 属性即可
<!--index.wxml-->
<view class="container">
<image src="https://dss2.bdstatic.com/8_V1bjqh_Q23odCf/pacific/1989844088.jpg"></image>
</view>
查看图片大小
直接复制图片地址到网络地址栏中,将图片保存到桌面,再查看即可看到图片大小。
image常与swiper连用
wxml:
<swiper class="swiper" autoplay interval="2000">
<swiper-item wx:for="{
{bannerList}}" wx:key="goods_id">
<image src="{
{item.image_src}}"></image>
</swiper-item>
</swiper>
wxss:
/* 轮播图 */
.swiper {
display: flex;
width: 750rpx;
height: 340rpx;
}
.swiper image{
width: 100%;
}
图片描述会用到rich-text (点击rich-text跳转到微信开放文档,获取更多内容)