xuhanchi/bht-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

消息页面静态还原

Browse Source
This commit is contained in:
xhc 2025-05-22 17:25:45 +08:00
parent 241d54b3da
commit ced539d899
3 changed files with 69 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages.json
View File

@ -13,7 +13,6 @@
"path": "pages/knowledgeBase/knowledgeBase",
"style": {
"navigationBarTitleText": "知识库",
"navigationBarBackgroundColor": "transparent",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#1469BC"
}
@ -21,7 +20,9 @@
{
"path": "pages/message/message",
"style": {
"navigationBarTitleText": "消息"
"navigationBarTitleText": "消息通知",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#1469BC"
}
},
{

5
src/pages/knowledgeBase/knowledgeBase.vue
View File

@ -2,7 +2,7 @@
* @Author: XHC
* @Date: 2025-05-19 15:18:26
* @LastEditors: XHC
* @LastEditTime: 2025-05-22 15:04:34
* @LastEditTime: 2025-05-22 15:49:57
* @Description:
-->
<template>
@ -27,7 +27,7 @@
<view class="head"><text class="title">{{ item.title }}</text></view>
<view class="num grey">{{ item.num }}</view>
<view class="info-box grey">
<uni-row :gutter="40">
<uni-row :gutter="30">
<uni-col :span="16">
<text class="info"><uni-icons fontFamily="iconfont" color="#1469BC">{{'&#xe753;'}}</uni-icons> <text>{{ item.departments }}</text></text>
</uni-col>
@ -106,6 +106,7 @@ const changeTitle = (index) => {
.list-box {
.info {
margin-right: 0;
width: 100%;
}
}
}

66
src/pages/message/message.vue
View File

@ -2,14 +2,74 @@
* @Author: XHC
* @Date: 2025-05-19 15:19:14
* @LastEditors: XHC
* @LastEditTime: 2025-05-19 15:19:22
* @LastEditTime: 2025-05-22 17:23:29
* @Description:
-->
<template>
<view class="message">message</view>
<view class="message">
<view class="notice">
<view class="notice-list" v-for="(item, index) in noticeList" :key="index">
<view class="title">
<uni-icons fontFamily="iconfont" color="#1571F3" :size="24">{{'&#xe651;'}}</uni-icons>
{{ item.title }}
</view>
<view class="info">{{ item.info }}</view>
<view class="bottom">
<text class="time"><uni-icons fontFamily="iconfont" color="#808185">{{'&#xe74e;'}}</uni-icons> {{ item.time }}</text>
<view class="detail"><text>查看详情</text> <uni-icons type="right" color="#0F64B9" size="20" /></view>
</view>
</view>
</view>
</view>
</template>
<script setup>
import { reactive } from 'vue';
// 通知列表
const noticeList = reactive([
{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
])
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.message {
background: url('@/static/image/index/bg.png') no-repeat;
background-size: 100% auto;
.notice {
background: #fff;
border-radius: 10rpx 10rpx 0 0;
margin: 0 20rpx;
padding: 10rpx 0;
.notice-list {
margin: 20rpx;
padding: 20rpx;
background: #F1F6FD;
border-radius: 10rpx;
.title {
color: #004291;
font-weight: bold;
font-size: 32rpx;
}
.info, .bottom {
color: #75777A;
font-size: 23rpx;
padding: 20rpx 0;
}
.info {
border-bottom: 3rpx solid #fff;
}
.bottom, .detail {
display: flex;
justify-content: space-between;
align-items: center;
}
}
}
}
</style>