<view class="content">
<view class="test" wx:for="{{list}}" wx:key="index">
<image src="{{item.img}}"></image>
<text>{{item.title}}</text>
<text>{{item.content}}</text>
</view>
</view>
<view class="content">
<form bindsubmit="formSubmit">
<view class="search">
<input class="input" type="text" name="content" placeholder="帖子名称" form-type="submit"/>
<button class='find' form-type="submit" size="mini" bindtap="searchInput">搜索</button>
</view>
</form>
</view>
// pages/home/home.js
Page({
/**
* 页面的初始数据
*/
data: {
list:[],
store:''
},
// 搜索
formSubmit:function(e){
var that = this
console.log(e.detail.value.content)
wx.navigateTo({
url: '/pages/sou/sou?content='+e.detail.value.content
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.request({
url: 'http://pxb.com/joke/index', //仅为示例,并非真实的接口地址
header: {
'content-type': 'application/json' // 默认值
},
success: (res)=> {
console.log(res.data);
if(res.data.code==200){
this.setData({list:res.data.data})
}
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
.content{
width: 750rpx;
height: 750rpx;
background-color: rebeccapurple;
display: flex;
flex-direction: row;
}
.test{
width: 200rpx;
height: 300rpx;
margin-left: 40rpx;
}
image{
width: 100%;
height: 50%;
}
text{
display: block;
width: 200rpx;
}
.content{
padding-left: 4%;
padding-right: 4%;
background-color:rgb(0, 255, 200);
}
.input{
position:relative;
top:25rpx;
height:25px;
margin-right: 200rpx;
border:1px solid #130505;
}
.find{
margin: 10rpx 10rpx 10rpx 10rpx;
z-index: 2;
border:1px solid #130505;
position:relative;
left:500rpx;
bottom:60rpx
}
搜索
<view class="content">
<text>sdfkjsdkf</text>
<view class="test" wx:for="{{list}}"wx:key="index">
<rich-text nodes="{{list[index][0]}}"></rich-text>
<!-- <text>{{list[index].content}}</text> -->
<!-- <rich-text nodes="{{list[index].content}}"></rich-text> -->
</view>
</view>
// pages/sou/sou.js
Page({
/**
* 页面的初始数据
*/
data: {
list:[]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log(options.content)
wx.request({
url: 'http://pxb.com/joke/index?content='+ options.content, //仅为示例,并非真实的接口地址
header: {
'content-type': 'application/json' // 默认值
},
success: (res)=> {
var dictObject= res.data.data
console.log(dictObject)
var createArr = []
for (let i in dictObject) {
createArr.push(dictObject[i]['content']);
console.log(dictObject[i])
}
console.log(createArr);
if(res.data.code==200){
this.setData({list:createArr})
}
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})