index.wxml
<block wx:if='{{shopinfo}}'>
<view class='list bg_fff'>
<!-- <block wx:for='{{shopList}}' wx:for-index='idx' wx:for-item='item' wx:key=''>
</block> -->
<view class='li flex_y flex' wx:key="*this" wx:for-index="index">
<icon class="iconfont icon-duihao2" style="color: #fd7929;font-size: 50rpx;margin-right: 30rpx;"></icon>
<!-- <view class='pic_warp'>
<image src='{{shopList[0].logo}}' class="sub" mode='aspectFill'></image>
</view> -->
<view class='li_con sub'>
<view class='f32 width flex-ai'>
<text class="page_tit lineText f46">{{shopinfo.name}}</text>
<icon class="iconfont icon-dianhua" style="font-size:46rpx;line-height: 1.1;"></icon>
</view>
<view class="page_fr flex-ai f28 c_gray">
距离:<text class="page_add ">{{shopinfo.distance}}km</text>
</view>
<view class='page_un f28 c_gray'>
<view class="page_fl flex sub">
<icon class="iconfont icon-dizhi" style="align-items: inherit;"></icon>
<text class="sub page_text">{{shopinfo.address}}</text>
</view>
</view>
</view>
</view>
</view>
index.wxss
.list{border-radius: 32rpx;} .list .li{padding: 30rpx;box-sizing: border-box;} .list .li::before{left: 30rpx;right: 30rpx;} .list .pic_warp{ 140rpx;height: 140rpx;margin-right: 24rpx;} .list icon{margin-right: 8rpx;} .list .page_tit{ 80%;margin-right: 30rpx;font-weight: bold;line-height: 1.1;} .list .page_fr{margin: 10rpx 0;} .list .page_fl{line-height: 1.1;} .address_text{overflow: hidden;text-overflow: ellipsis;word-break: break-all; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin-right: 24rpx;}
index.wxjs
const APP = getApp(); Page({ /** * 页面的初始数据 */ data: { shopinfo: null, }, })
pageNext.wxml
<view class='list'>
<block wx:for='{{shopList}}' wx:for-index='idx' wx:for-item='item' wx:key=''>
<view class='li flex_y flex gridXb'>
<checkbox catchtap="itemClick" checked="{{v.checked}}" data-index="{{idx}}" data-cindex="{{i}}"></checkbox>
<!-- <view class='pic_warp'>
<image src='{{item.logo}}' class="sub" mode='aspectFill'></image>
</view> -->
<view class='li_con sub'>
<view class='f32 width flex-ai'>
<text class="page_tit lineText f46">{{item.name}}</text>
<icon class="iconfont icon-dianhua" style="font-size:46rpx;line-height: 1.1;"></icon>
</view>
<view class="page_fr flex-ai f28 c_gray">
距离:<text class="page_add ">{{item.distance}}km</text>
</view>
<view class='page_un f28 c_gray'>
<view class="page_fl flex sub">
<icon class="iconfont icon-dizhi" style="align-items: inherit;"></icon>
<text class="sub page_text">{{item.address}}</text>
</view>
</view>
</view>
</view>
</block>
</view>
pageNext.wxss
.list{padding-bottom: 30rpx;box-sizing: border-box;} .list .li{padding: 30rpx;box-sizing: border-box;} .list .li::before{left: 30rpx;right: 30rpx;} .list .pic_warp{ 140rpx;height: 140rpx;margin-right: 24rpx;} .list icon{margin-right: 8rpx;} .list .page_tit{ 80%;margin-right: 30rpx;font-weight: bold;line-height: 1.1;} .list .page_fr{margin: 10rpx 0;} .list .page_fl{line-height: 1.1;} .address_text{overflow: hidden;text-overflow: ellipsis;word-break: break-all; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin-right: 24rpx;} checkbox .wx-checkbox-input { 40rpx;height: 40rpx;border-radius: 50%;} checkbox .wx-checkbox-input.wx-checkbox-input-checked {background: #FF463B;border-color: #FF463B;} checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{background: #FF463B;border:2rpx solid #FF463B;box-shadow:0px 2px 4px 0px rgba(255,129,129,0.5);border-radius: 50%;} checkbox{margin:50rpx 8rpx 0 0;} checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{color: #fff;}
pageNext.wxjs
const APP = getApp(); Page({ /** * 页面的初始数据 */ data: {
shopList: [],
},
itemClick: function(e) {
let dataid=e.currentTarget.dataset.index
let pages = getCurrentPages();
let prevPage = pages[pages.length - 2];
prevPage.setData({
//message: dataid,
shopinfo:this.data.shopList[dataid]
})
console.log(this.data.shopList[dataid])
wx.navigateBack({
delta: 1,
})
},
})