联系官方销售客服

1835022288

028-61286886

POSCMS 版主:POSCMS负责人
小程序里,如何根据文章列表,跳转到文章内容页?
类型:POSCMS 更新时间:2017-08-24 13:23:44 文章列表 小程序

小程序里,如何根据文章列表,跳转到文章内容页?

回帖
  • 一折CMS代理
    #1楼    一折CMS代理
    2017-08-23 09:21:25
    0
    做一个子页面,当做内容页,从列表切换进去传递一个id号,进入子页面后通过id号向服务器请求内容数据并显示
  • xiaohai83
    #2楼    xiaohai83
    2017-08-23 17:44:19
    0
    【接单二开】1楼 来一个简单的传参例子可以吗?
  • 苏先生
    #3楼    苏先生
    2017-08-24 13:23:44
    0
    首先 在列表页面 循环出内容的地址 也就是上面说的 传个id进去 具体看下面图片

    blob.png
      <view class="infoRow marginB20" wx:for="{{newList}}" wx:key="key" wx:for-index="idx" wx:for-item="vo">
        <view class="infoRowAuto">
          <view class="n-list">
            <navigator url="../new_content/new_content?id={{vo.id}}">
              <text class="n-t1">{{vo.title}}</text>
              <text class="n-cont">{{vo.description}}</text>
              <text class="n-t2">{{vo.inputtime2}}</text>
            </navigator>
          </view>
        </view>
      </view>
      这里传的{{vo.id}} 应该不需要多解释 就是文章的id
    然后下面就是详情页的制作了 具体看下图

    blob.png
    具体位置给你画出来了
      /**
       * 生命周期函数--监听页面加载
       */ 这里是获得渲染过来的id 也就是 ?id={{vo.id}
      onLoad: function (options) {
        let that = this;
        let newid = options.id;
        that.setData({
          newid: newid 
        })
    
        var url = app.api.getContent + "&p1=news" + "&p2=" + newid;
        wx.request({
          url: url,
          data: {},
          method:'get',
          success: function (res) {
            var obj = res.data.result[0];
            console.log(obj)
            var content = obj.content;
            if (content) {
              WxParse.wxParse('content', 'html', content, that, 0);
            }
    
            that.setData({
              viewDetail: obj
            })
          }
        })
    app.api.getContent + "&p1=news" + "&p2=" + newid;  这个url自己返回 你有自己的接口  直接把你获得的id拼接进去就好了
    接下来就是详情页的制作了 可以获得数据了 那么直接在详情输出即可。
    blob.png
    友情提示,我小程序用了一些插件处理数据。所以和你的 js 代码有点不一样 体会到核心东西即可。