文章案例.................

home.wxml

<!-- pages/home/home.wxml
<text>pages/home/home.wxml</text> -->
<view class="ban">
    <view class="c1" wx:for="{{list}}" wx:key="index"  bindtap="dj" data-id="{{item.id}}">
        <image class="tp"   src="{{item.pic}}"></image>
        <view class="zt">{{item.title}}</view>
        <button catchtap="del"  data-index="{{index}}" class="btn"  style="background-color: red; color: #fff;  width: 300rpx;"  >删除</button>
    </view>
    
</view>

 home.wxss

/* pages/home/home.wxss */
.ban{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
     
}
.c1{
    width: 50%;
    height: 500rpx;
    text-align: center;
}
.zt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.tp{
    width: 300rpx;
    height: 300rpx;
    
}

home.js

// pages/home/home.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        list:[],
        id:[]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    getList(){
        wx.request({
          url: 'https://api.it120.cc/small4/cms/news/list',
          success:res=>{
              console.log(res);
            this.setData({
                list:res.data.data
            })
          }
        })
    },


    del(e){
        console.log(e);
        let i=e.currentTarget.dataset.index
        let arr=this.data.list
        arr.splice(i,1)   
        this.setData({
            list:arr
        })
    },

    dj(e){
        console.log(e);
        wx.navigateTo({
          url: '../xqy/xqy?id='+e.currentTarget.dataset.id,
         
        })
    },


    onLoad(options) {
        this.getList()

        
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {
        this.getList()
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})

index  logs my没写

wb

wb.wxml

<!--pages/xqy/xqy.wxml-->
<!-- <text>pages/xqy/xqy.wxml</text> -->
<view bindtap="fh">返回</view>
<view>
    <rich-text nodes="{{xq.content}}"></rich-text>
</view>

wb.wxss.js

// pages/xqy/xqy.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        xq:[],
        id:[]
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        
        this.setData({
            id:options.id
        })
        this.getxq()
    },
    getxq(){
        wx.request({
          url: 'https://api.it120.cc/small4/cms/news/detail?id='+this.data.id,
          success:res=>{
              console.log(res);
              this.setData({
                xq:res.data.data
              })
          }
        })
    },



    fh(){
        wx.navigateBack()
    },

   

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})