小程序高亮显示

<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 () {

  }
})