廣告
歡迎大家一起交流 QQ群 轉戰小程序 132762067 公眾號
我是jpg
-
view
屬性如下：
image.png
wxml
<view class="jx_card" id="tapTest">
</view>
wxss
.jx_card{
width: 100%;
height: 250rpx;
background-color:#f3f3f3;
position: relative
}
調試面板
image.png
- image
屬性：
image.png
image組件默認寬度300px、高度225px
mode 有效值：
mode 有 13 種模式，其中 4 種是縮放模式，9 種是裁剪模式。
image.png
image.png
具體樣式可查看 官方文檔
- 展示本地圖片（類似于
[UIImage imageNamed:icon_imageName]）
<image class="widget__arrow" src="/image/arrowright.png" mode="aspectFill">
</image>
- 展示網絡圖片
<image class="jxlogo" src="http://otoxzxreo.bkt.clouddn.com/icon_home_nearby.png"/>
</image>
還可以調用js中得url連接
<image class="image_frame" src="{{imageUrl}}" mode="aspectFill">
</image>
js中數據
data:{
imageUrl:"http://otoxzxreo.bkt.clouddn.com/icon_home_nearby.png""
},
調試面板
image.png
廣告
歡迎大家一起交流 QQ群 轉戰小程序 132762067 公眾號
我是jpg
