列表页、
<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中