小程序列表跳到内容页

列表页、

<view class="weui-panel">
  <view class="weui-panel__bd">
    <block wx:for="{{newlist}}" wx:key="index">
    <view class="weui-media-box weui-media-box_text" data-id="{{item.id}}"  bindtap="jump"> 
      <view >
        <image  src="{{item.image}}" style="width: 100%; height: 200px;"></image>
      </view>
      <view style="margin-top:5px">{{item.title}}</view>
      <view class="weui-media-box__info" style="margin-top:8px">
        <view class="weui-media-box__info__meta">日期:{{item.date}}</view>
        <view class="weui-media-box__info__meta">来源:{{item.channel.name}}</view>        
        <view class="weui-media-box__info__meta weui-media-box__info__meta_extra">阅读:</view>
      </view>
    </view>
    </block>
  </view>
</view>
wx.request({
      url: "https://www.cloud-cube.com/cmsapi/arclist?apikey=123&model=1&channel=35",
      data:{
      },
      success:res=>{
        console.log(res.data.data);
        // ok返回的是一个数组  2个方法 一个是长度-1  一个是直接0
        var arr =res.data.data
        for(var i in arr){
         let t=new Date(arr[i].updatetime*1000);
         let dateStr =t.getFullYear() + "年" + (t.getMonth()+1) + "月" + t.getDate() + "日"; 
         arr[i].date=dateStr
        }
        // var date = new Date(res.data.data[0].channel.updatetime*1000);
        // console.log(arr[0].date);
        // var ids=res.data.data[0].id
        this.setData({
          newlist:arr,
          // myid:ids
      })
      // console.log(this.data.myid);
      }
    })
  },
  jump(e){
    console.log(e);
    wx.navigateTo({
      url: "../newsContent/newsContent?id="+e.currentTarget.dataset.id+"",
    })
  },

在这里插入图片描述
在这里插入图片描述

内容页

<view class="weui-panel">
  <view class="weui-panel__bd">

    <view class="weui-media-box weui-media-box_text">
      <text class="vetcore-title" >{{myres.title}}</text>
    </view>
    <view class="weui-media-box weui-media-box_text">
   <rich-text  nodes="{{myres.content}}" ></rich-text>
    </view>
    <button type="success" bindtap="myreturn" style="margin-bottom:100rpx">返回</button>
  </view>
</view>


  onLoad: function (e) {
   console.log(e.id);
   
          wx.request({
            url: `https://www.cloud-cube.com/cmsapi/archives?apikey=123&id=`+e.id,
            success:res=>{
              console.log(res.data.data);
              this.setData({
                myres:res.data.data
              })
             
            }
          })
        },
  

在这里插入图片描述
点击一个列表,就会把这个列表id传给bindtap里面函数的url里面,然后就会跳转到这个页面里,跳转之后就会生成对应参数的页面,这些参数就会保存到e中

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

万事胜意sy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值