微信小程序 返回上一页并传参

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{width: 140rpx;height: 140rpx;margin-right: 24rpx;}
.list icon{margin-right: 8rpx;}
.list .page_tit{width: 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{width: 140rpx;height: 140rpx;margin-right: 24rpx;}
.list icon{margin-right: 8rpx;}
.list .page_tit{width: 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 {width: 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,
    })
},


})

 

posted @ 2020-05-20 14:51  小桥流水细长流  阅读(696)  评论(0编辑  收藏  举报