From f678b314121fe63ecdf78fe6f5b873b718a64222 Mon Sep 17 00:00:00 2001
From: 346149741 <346149741@qq.com>
Date: 星期五, 21 六月 2024 11:01:56 +0800
Subject: [PATCH] 信息公示页面
---
static/i07.jpg | 0
pages/message/details.vue | 142 ++++++++++++++++++++++++++++++++++
pages.json | 7 +
pages/message/list.vue | 80 +++++++++++++++++++
pages/index/index.vue | 2
5 files changed, 223 insertions(+), 8 deletions(-)
diff --git a/pages.json b/pages.json
index c3df2bb..15cbad7 100644
--- a/pages.json
+++ b/pages.json
@@ -7,7 +7,9 @@
"style": {
"enablePullDownRefresh": false,
"backgroundTextStyle": "dark",
- "navigationBarTitleText": "鎵爜鍏ヤ紒"
+ "navigationBarTitleText": "鎵爜鍏ヤ紒",
+ "navigationStyle": "custom"
+
}
},
{
@@ -62,7 +64,8 @@
"path" : "pages/message/details",
"style" :
{
- "navigationBarTitleText" : "淇℃伅鍏ず璇︽儏"
+ "navigationBarTitleText" : "淇℃伅鍏ず璇︽儏",
+ "navigationStyle": "custom"
}
}
],
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 431fa54..35a2c05 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -5,7 +5,7 @@
<img src="/static/hqzc.png" class="img" alt="" />
<view class="line"></view>
<view class="font">
- <p>娴峰叧鎬荤讲璐告槗鎸佺画鍙戝睍2024骞寸珛娉曞眬...</p>
+ <p>娴峰叧鎬荤讲璐告槗鎸佺画鍙戝睍2024骞寸珛娉�...</p>
<p>鍥藉鍖荤枟淇濋殰灞�鍔炲叕瀹ゅ叧浜庡彂甯冪鐞�... </p>
</view>
<img src="/static/i06.png" class="more" alt="" />
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
diff --git a/pages/message/list.vue b/pages/message/list.vue
index 8183fd0..52d7c89 100644
--- a/pages/message/list.vue
+++ b/pages/message/list.vue
@@ -1,6 +1,28 @@
<template>
<view>
-
+ <u-sticky bgColor="white">
+ <view class="set-search">
+ <u-search placeholder="璇疯緭鍏ヨ鏌ヨ鐨勪紒涓�" shape="square" :showAction="false"></u-search>
+ </view>
+ <view class="border"></view>
+ </u-sticky>
+ <view class="item">
+ <img src="/static/i05.png" class="img" alt="" />
+ <view class="right">
+ <view class="name">
+ 鍖椾含灏氱瓥浜掑姩绉戞妧鏈夐檺鍏徃
+ </view>
+ <view class="box">
+ <view class="l">
+ <p>鎵ф硶鍗曚綅锛氬啘涓氬啘鏉戝眬</p>
+ <p>鎵ф硶鏃堕棿锛�2024-06-03 12:30:67</p>
+ </view>
+ <view class="r">
+ 鍘绘煡鐪�
+ </view>
+ </view>
+ </view>
+ </view>
</view>
</template>
@@ -18,5 +40,59 @@
</script>
<style>
-
+ page{
+ background-color: #F4F4F4;
+ }
+
</style>
+<style lang="scss" scoped>
+ .set-search{
+ margin: 0 32rpx 0;
+ padding-top: 26rpx;
+
+ }
+ .border{
+ border-bottom: 2rpx solid #F6F6F6;
+ margin: 20rpx 0 0;
+ }
+ .item{
+ background: #fff;
+ border-radius: 5px;
+ padding: 24rpx;
+ box-sizing: border-box;
+ margin: 20rpx 32rpx;
+ display: flex;
+ .img{
+ width: 56rpx;
+ height: 56rpx;
+ }
+ .right{
+ width: 90%;
+ .name{
+ color: #202d44;
+ font-size: 32rpx;
+ line-height: 44rpx;
+ margin-bottom: 24rpx;
+ }
+ .box{
+ display: flex;
+ justify-content: space-between;
+ .l{
+ font-size: 26rpx;
+ color: #7e8593;
+ }
+ .r{
+ width: 132rpx;
+ height: 64rpx;
+ line-height: 64rpx;
+ border-radius: 5px;
+ border: 1px solid #ABD2FF;
+ background: #F0F8FF;
+ color: #1171e0;
+ text-align: center;
+ font-size: 30rpx;
+ }
+ }
+ }
+ }
+</style>
\ No newline at end of file
diff --git a/static/i07.jpg b/static/i07.jpg
new file mode 100644
index 0000000..f7abb7e
--- /dev/null
+++ b/static/i07.jpg
Binary files differ
--
Gitblit v1.9.1