微信小程序启动页的实现
发表时间：2021-1-5
发布人：葵宇科技
浏览次数：30
将启动页路径放在pages数组的第一项，tabBar中list正常放置。
for ='{{testList}}' wx:for-item="item" wx:key="item">
<image src="{{item.fileID}}" bindload="autoImage" style="width:{{imgWidth}};height:{{ imgHeight }}" />view>
class ="userinfo">
<view class="userinfo-avatar">
<open-data type="userAvatarUrl">open-data>
view>
<view class="userinfo-name">
<text>{{msg}}text>
<open-data type="userNickName">
open-data>
view>
<button hover-class="btn_red" class="btn" bindtap="goToIndex">进入店铺button>view>
autoImage(e)
{
var that = this;
var originalWidth = e.detail.width;
var originalHeight = e.detail.height;
var imageWidth = 0;
var imageHeight = 0;
wx.getSystemInfo({complete: (res) =>
{
var winWidth = res.windowWidth;
if (originalWidth > winWidth)
{
var autoWidth = winWidth;
var autoHeight = (autoWidth * originalHeight) / originalWidth;
imageWidth = autoWidth + 'px';
imageHeight = autoHeight + 'px';
}
else {
imageWidth = originalWidth + 'px';
imageHeight = originalHeight + 'px';
}
that.setData({
imgWidth: imageWidth,
imgHeight: imageHeight
});
}
})},
goToIndex() {
wx.switchTab({
url: '/pages/index/index',
});},
