zoukankan      html  css  js  c++  java
  • 微信小程序 返回上一页并传参

    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,
        })
    },
    
    
    })
  • 相关阅读:
    复旦大学2016--2017学年第二学期(16级)高等代数II期末考试第八大题解答
    复旦大学2016--2017学年第二学期高等代数II期末考试情况分析
    16 级高代 II 思考题十的多种证明
    16 级高代 II 思考题九的七种解法
    Jordan 块的几何
    实对称阵可对角化的几种证明及其推广
    复旦大学高等代数在线课程2017--2018学年记录
    复旦高等代数II(16级)每周一题
    复旦大学2016--2017学年第一学期(16级)高等代数I期末考试第六大题解答
    复旦大学2016--2017学年第一学期(16级)高等代数I期末考试第七大题解答
  • 原文地址:https://www.cnblogs.com/liweitao/p/12923590.html
Copyright © 2011-2022 走看看