From a38f54f02b48cf8ef2c9ed6febed560b4f38d534 Mon Sep 17 00:00:00 2001 From: wjt <1797368093@qq.com> Date: 星期五, 21 六月 2024 15:26:42 +0800 Subject: [PATCH] Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx --- pages/message/details.vue | 142 ++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 139 insertions(+), 3 deletions(-) diff --git a/pages/message/details.vue b/pages/message/details.vue index 8183fd0..f76f854 100644 --- a/pages/message/details.vue +++ b/pages/message/details.vue @@ -1,6 +1,86 @@ <template> <view> - + <u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true"> + <template slot="center"> + <view style="color: white;">淇℃伅鍏ず璇︽儏</view> + </template> + </u-navbar> + <view class="donw-box"></view> + <view class="page-main"> + <view class="wbox"> + <view class="item"> + <view class="k"> + 鎵ф硶绫诲瀷 + </view> + <view class="v"> + 鍙告硶妫�鏌� + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶浜� + </view> + <view class="v"> + 鍒樻娆� + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶閮ㄩ棬 + </view> + <view class="v"> + 鍐滀笟灞� + </view> + </view> + <view class="item"> + <view class="k"> + 浼佷笟 + </view> + <view class="v"> + 姹夊涵閰掑簵 + </view> + </view> + </view> + <view style="height: 20rpx;"></view> + <view class="wbox"> + <view class="item"> + <view class="k"> + 鎵ф硶涓婚 + </view> + <view class="v"> + 姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠� + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶杩囩▼ + </view> + </view> + <view class="imgbox"> + <img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" /> + <img src="/static/i02.png" class="more" alt="" /> + <img src="/static/i03.png" class="more" alt="" /> + <img src="/static/i04.png" class="more" alt="" /> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶缁撴灉 + </view> + <view class="v" style="color: #EB4746;"> + 鍋滀笟鏁撮】 + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶鏃堕棿 + </view> + <view class="v"> + 2024-10-10 16:24 + </view> + </view> + </view> + </view> + </view> </template> @@ -12,11 +92,67 @@ } }, methods: { - + imgclick(url){ + uni.previewImage({ + urls: [url] + }) + } } } </script> <style> - + page{ + background: #F4F4F4; + } + </style> +<style lang="scss" scoped> + .page-main{ + position: relative; + top: -380rpx; + } + .donw-box{ + width: 100%; + height: 380rpx; + flex-shrink: 0; + background: linear-gradient(180deg, #1171E0 42.5%, #F4F4F4 100%); + } + .wbox{ + background: #fff; + border-radius: 5px; + padding: 24rpx; + box-sizing: border-box; + margin: 0 32rpx; + .item{ + display: flex; + margin-bottom: 20rpx; + font-size: 30rpx; + .k{ + color: #7E8596; + width: 30%; + + } + .v{ + color: #202D44; + width: 70%; + + } + } + .item:last-child{ + margin-bottom: 0; + } + .imgbox{ + display: flex; + flex-wrap: wrap; + justify-content: space-between; + border-radius: 10rpx; + img{ + width: 198rpx; + height: 198rpx; + margin-bottom: 20rpx; + + } + } + } +</style> \ No newline at end of file -- Gitblit v1.9.1