ZhaoTongYao
5 years ago
10 changed files with 221 additions and 6 deletions
@ -0,0 +1,101 @@ |
|||
// subpages/heart/pages/noticeNewDetail/noticeNewDetail.js
|
|||
const api = require("../../../../utils/home") |
|||
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
noticeId: '', |
|||
noticeType: '', //0,2 顺道捎 1,3 拼团购
|
|||
details: {}, |
|||
content: '', //屏蔽原因
|
|||
time: '', //屏蔽时间
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.setData({ |
|||
noticeId: options.id, |
|||
noticeType: options.type, |
|||
content: options.content, |
|||
time: options.time |
|||
}) |
|||
this.getNoticeDetail() |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
// onShareAppMessage: function () {
|
|||
|
|||
// },
|
|||
|
|||
getNoticeDetail () { |
|||
wx.showLoading({ |
|||
title: '加载中...' |
|||
}) |
|||
if (this.data.noticeType == 'sds') { |
|||
api.getSdsDetail(this.data.noticeId).then(res => { |
|||
// console.log(res.data)
|
|||
wx.hideLoading() |
|||
this.setData({ |
|||
details: res.data |
|||
}) |
|||
}) |
|||
} else { |
|||
api.getGroupBuyDetail(this.data.noticeId).then(res => { |
|||
// console.log(res.data)
|
|||
wx.hideLoading() |
|||
this.setData({ |
|||
details: res.data |
|||
}) |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"navigationBarTitleText": "详情", |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,39 @@ |
|||
<!--subpages/heart/pages/noticeNewDetail/noticeNewDetail.wxml--> |
|||
<view class="notice-new"> |
|||
<view class="notice-detail" wx:if="{{noticeType == 'sds'}}"> |
|||
<view class="apply-item"> |
|||
<view class="item-title">标题</view> |
|||
<view class="item-content">{{details.departure}} 到 {{details.destination}}</view> |
|||
</view> |
|||
<view class="apply-item"> |
|||
<view class="item-title">内容</view> |
|||
<view class="item-content">{{details.carryContent}}</view> |
|||
</view> |
|||
<view class="apply-item"> |
|||
<view class="item-title">消息时间</view> |
|||
<view class="item-content">{{time}}</view> |
|||
</view> |
|||
<view class="apply-item"> |
|||
<view class="item-title">消息内容</view> |
|||
<view class="item-content">{{content}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="notice-detail" wx:else> |
|||
<view class="apply-item"> |
|||
<view class="item-title">标题</view> |
|||
<view class="item-content">{{details.groupBuyTitle}}</view> |
|||
</view> |
|||
<view class="apply-item"> |
|||
<view class="item-title">内容</view> |
|||
<view class="item-content">{{details.groupBuyContent}}</view> |
|||
</view> |
|||
<view class="apply-item"> |
|||
<view class="item-title">消息时间</view> |
|||
<view class="item-content">{{time}}</view> |
|||
</view> |
|||
<view class="apply-item"> |
|||
<view class="item-title">消息内容</view> |
|||
<view class="item-content">{{content}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,55 @@ |
|||
/* subpages/heart/pages/noticeNewDetail/noticeNewDetail.wxss */ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
.notice-detail { |
|||
margin-bottom: 60rpx; |
|||
} |
|||
.notice-detail .apply-item { |
|||
width: 100%; |
|||
background-color: white; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: flex-start; |
|||
justify-content: center; |
|||
padding: 40rpx 30rpx; |
|||
margin-top: 16rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
.notice-detail .apply-item .item-title { |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #333333; |
|||
} |
|||
.notice-detail .apply-item .item-content { |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #666666; |
|||
margin-top: 28rpx; |
|||
} |
|||
.notice-detail .apply-item .item-mobile { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.notice-detail .apply-item .item-mobile .call-img { |
|||
width: 176rpx; |
|||
height: 76rpx; |
|||
} |
|||
.notice-detail .apply-item .item-mobile .call-img image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.notice-detail .apply-item .line { |
|||
width: 100%; |
|||
height: 1px; |
|||
background: #F2F2F2; |
|||
border-radius: 1px; |
|||
margin: 28rpx 0rpx; |
|||
} |
|||
Loading…
Reference in new issue