代码如下:
<image src="/tu/拼合1.png" class=“nrbj”></image>
<navigator url="…/neirong" open-type=“redirect” hover-class=“other-navigator-hover”><image src="/tu/拼合2.png" class=“nrbj1”></image></navigator>
<image src="/tu/拼合3.png" class=“nrbj2”></image>
拼合1.png 192.3kb1250*765
拼合2.PNG 371.6KB 675*675
拼合3 PNG 21.3KB 576*675
三个图片组成一个分割的可点的桌面背景
拼合2 有连接
苹果机上显示正常 安卓机图片不显示显示空白 但可点进入其他页面
内容页面 图片不显示
<view class=“page__bd”>
<view class=“section section_gap” wx:for="{{array}}" wx:for-item=“item”>
<view class=“section__title”>{{item.text}}</view>
<view class=“section__ctn”>
<image style=“width: 1100px; height: 650px; background-color: #eeeeee;” mode="{{item.mode}}" src="{{src}}"></image>
</view>
</view>
</view>
Page({
data: {
array: [ {
mode: ‘aspectFit’,
text: ‘地址:新华路新华小区大门口北墙’
}],
src: ‘…/tu/新华小区信息栏.jpg’
},
imageError: function (e) {
console.log(‘image3发生error事件,携带值为’, e.detail.errMsg)
}
})
新华小区信息栏.jpg 427.5KB 3247*1874
小程序:巩义便民 你可以试一下 我该怎么修改