1,本页
<view>{{value}}</view>
<view>----------------------------</view>
<button type="primary" bindtap="goNextPageClick">点击</button>
Page({
data: {
value:''
},
goNextPageClick(){
wx.navigateTo({
url: '/pages/else/flex-more/flex-more',
})
},
btnClick(){
console.log('调用方法')
}
})
2,下一页
<view class="out-box">
<view wx:for="{{list}}" wx:key="index" class="item-view" data-index='{{index}}' catchtap="goBack">{{item.name}}</view>
<!-- 一行三个占位符 -->
<view class="place-holder"></view>
<view class="place-holder"></view>
<view class="place-holder"></view>
</view>
Page({
data: {
list:[
{name:'北京'},
{name:'上海'},
{name:'新疆维吾尔族自治区'},
{name:'论坛讨论'},
{name:'开发者社区'},
{name:'北京'},
{name:'上海'},
{name:'新疆维吾尔族自治区'},
{name:'开发者社区'},
{name:'广东广州'},
]
},
goBack(e){
let index = e.currentTarget.dataset.index;
let value = this.data.list[index].name;
let pages = getCurrentPages();
let prevPage = pages[ pages.length - 2 ];
prevPage.setData({
value:value
})
prevPage.btnClick();
wx.navigateBack();
},
})
.out-box{
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
margin: 20rpx;
background-color: #fff;
padding:10rpx 20rpx 30rpx;
border: 1rpx solid #eee;
justify-content: space-around;
}
.item-view{
background-color: #eee;
width: 196rpx;
height: 60rpx;
line-height: 60rpx;
text-align: center;
margin-top: 20rpx;
border-radius: 10rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.place-holder{
width: 196rpx;
height: 0;
visibility: hidden;
}