From 22f0e04d34f19aac857e25627343dff9a2542057 Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期二, 25 七月 2023 15:12:42 +0800 Subject: [PATCH] 新增页面 --- pages/tabBar/response/response.vue | 52 +++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 37 insertions(+), 15 deletions(-) diff --git a/pages/tabBar/response/response.vue b/pages/tabBar/response/response.vue index d7bc11e..8cd873c 100644 --- a/pages/tabBar/response/response.vue +++ b/pages/tabBar/response/response.vue @@ -6,7 +6,7 @@ <view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view> <!-- 真正的导航栏内容 --> <view class="navBar"> - <view class="barText"></view> + <view class="barText">叫应记录</view> </view> </view> <!-- 页面内容 --> @@ -81,6 +81,7 @@ toDetail(item) { console.log("de",item) getDetail({id: item.id}).then(res => { + console.log("response",res) if(res.code == 100) { uni.navigateTo({ url: `/pages/tabBar/notice/detail?data=` + encodeURIComponent(JSON.stringify(res.data)) @@ -102,12 +103,21 @@ <style> .navBarBox .navBar { - background-color:lightgrey; - height: 15px; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; + background-color:#fff; + height: 50px; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + box-shadow: 0 3px 12px rgba(0,0,0,0.05); +} +.barText{ + /* margin-left: 20px; */ + text-align: center; + width: 85%; + font-size: 16px; + /* text-align: center; */ + font-weight: 600; } .fix{ position: sticky; @@ -121,22 +131,34 @@ background-color:lightgrey; } .responseList{ - display: flex; - flex-direction: column; - padding: 20px 15px; + display: flex; + flex-direction: column; + margin: 0 12px; + background: #fff; + border-radius: 5px; + box-shadow: 0 3px 12px rgba(0,0,0,0.05); + margin-top: 12px; } .itemContent{ - display: flex; - border-bottom: 1px lightgrey solid; - margin-top: 15px; + display: flex; + align-items: center; + font-size: 16px; + color: #333; + margin-top: 15px; + padding: 0 12px; + border-bottom: 1px solid #ebebeb; + + &:last-of-type{ + border-bottom: none; + } } .timeLeft{ - border-radius: 13px; + border-radius: 5px; padding: 15px 15px; background-color: rgb(174, 228, 255) ; display: flex; flex-direction: column; - align-items: center; + align-items: flex-start; justify-content: center; margin-bottom: 15px; } -- Gitblit v1.9.2