我的远程实习笔记day14---二手校园市场项目（商品内容布局）

今天是在第二大学远程实习的第十四天，偷偷发个博客记录一下自己的成长哈哈（今天学习二手校园市场项目）
js：

/**

   * 生命周期函数--监听页面加载


   */


  onLoad: function (options) {       //展示页面时加载函数


    var id=options.id               //声明变量id并赋值


    wx.request({                    //向http服务器发起请求，请求数据id


      // url: 'http://lmy4.com/ecmsapi/index.php?mod=message&act=detail',


      url: 'https://xx.uom.cn/ecmsapi/index.php?mod=ershou&act=detail',


      data:{


        id


      },


      success:res=>{         //请求成功就执行以下回调操作


        console.log("wx.request成功，数据是",res.data)  //打印，结果在调试器中看


        //newdata是展开的数据，newdata.title是信息标题：书籍001


        var newdata=res.data.data                


        console.log("newdata数据是",newdata)  


        newdata.newstime=common.getMyData(newdata.newstime,"Y-m-d")


        console.log('时间为',newdata.newstime)


        // console.log("检测是否获取成功",newdata.titlepic) 

 

        newdata.Tu1="http://xx.uom.cn/new/img/ershou/"+newdata.Tu1


        newdata.Tu2="http://xx.uom.cn/new/img/ershou/"+newdata.Tu2


        newdata.Tu3="http://xx.uom.cn/new/img/ershou/"+newdata.Tu3


        this.setData({


          showdata:newdata        


        })


      },

 

      fail(res){           //请求失败就执行此函数


        console.log("request失败")


      }


    })

 

    


  },

wxml：

<view class="cont">


  <swiper style="height:500rpx" indicator-dots="true" autoplay="true" interval="5000" duration="1000">


    <swiper-item><image src="{{showdata.Tu1}}"/></swiper-item>


    <swiper-item><image src="{{showdata.Tu2}}"/></swiper-item>


    <swiper-item><image src="{{showdata.Tu3}}"/></swiper-item>


      <!-- <block wx:for="3" wx:key="index">


      <swiper-item>


        <image mode="weightFix" src="{{showdata.titlepic}}" class="slide-image" />


      </swiper-item>


    </block> -->


  </swiper>

 

  <view style="height:20rpx;background: #eee;width:100%;"></view>

 

  <view class="title">{{showdata.title}}</view>


  <view class="gmxx">


      <span class="jiage" style="color: #ff0000;">¥ {{showdata.price}} </span>


      <span class="yuanj" >¥ {{showdata.yuanj}} </span>


      <view style="height:20rpx;background: #FFFFFF;width:100%;"></view>

 

      <view>


        <text>{{showdata.xin}} </text>


      <text class="c6 fl_r font_14" style='color:#ccc; margin: 0 15rpx 0 15rpx;'> 发布时间： {{showdata.newstime}}  </text>


    </view>


  </view>

效果：

小结：
用户点击某商品时，将携带商品ID参数，使用此参数向detail接口获取商品详情数据