第一步:将本地图片转化成网址。网上搜索即可,这类网站比较多,成功后获得网址,接下来开始更改图片的大小(上传一张本地图片后获得的网址如下:)
第二步:更改图片的大小。
wxml方面:
<view class="part1">
<image class="icon" src="{{icon2}}"></image>
</view>
wxss方面:
//设置view的大小
.part1{
height: 200rpx;
width: 100%;
}
//设置view中图片的大小,icon图片中的大小是相对view来说的,此处宽度占前面设置的view的70%,此处高度占前面设置的view的80%
.icon{
width: 70%;
height: 80%;
}
js方面:
Page({
data: {
icon2:'https://i.postimg.cc/B6GqpX7z/image.png',
},
效果图如下: