From d75b0b71c2feed580bf765c0d6007b3c1f17ca74 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期三, 19 十月 2022 09:54:00 +0800
Subject: [PATCH] 1.消息列表静态页面实现
---
pages/xtsy/index.html | 137 +++++++++++++++++++++++++++++++++++++--------
1 files changed, 113 insertions(+), 24 deletions(-)
diff --git a/pages/xtsy/index.html b/pages/xtsy/index.html
index 001b767..677e88d 100644
--- a/pages/xtsy/index.html
+++ b/pages/xtsy/index.html
@@ -19,9 +19,9 @@
<script type="text/javascript" src="../../js/axios.min.js"></script>
<script type="text/javascript" src="../../js/http.js"></script>
-
- <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />
<script type="text/javascript" src="../../js/global.js"></script>
+
+ <script type="text/javascript" src="../../js/global.css"></script>
</head>
<body>
@@ -29,16 +29,54 @@
<div class="body">
- <van-nav-bar title="宸ヤ綔鍙�" @click-right="onClickRight">
+ <!-- <object data="../../components/my_van_nav_bar.html" title='鎴�' width="100%" height="44"></object> -->
+
+ <!-- <van-nav-bar title="宸ヤ綔鍙�" @click-right="onClickRight">
<template #right>
<van-popover placement="bottom-end" :offset="[13,8]" v-model="showPopover" trigger="click"
:actions="actions" @select="onSelect">
<template #reference>
- <van-icon name="bars" size='20' color='#fff' />
+ <van-badge :content="10" max='99'>
+ <van-icon name="bars" size='20' color='#fff' />
+ </van-badge>
+ </template>
+ </van-popover>
+ </template>
+ </van-nav-bar> -->
+
+
+ <van-nav-bar title="宸ヤ綔鍙�" @click-right="onClickRight">
+ <template #right>
+ <van-popover placement="bottom-end" :offset="[13,8]" v-model="showPopover" trigger="click">
+
+ <div class="topRight">
+ <div class="topRightItem" @click="myMessageClick">
+ <div>
+ <van-icon name="comment-o"
+ :badge="messageNumber!==0?(messageNumber>9?'9+':messageNumber):false"
+ size="1.28rem" style="margin-right: 8px;margin-top: 18px;" />
+ </div>
+ <div style="font-size: 14px;border-bottom: 1px solid #eee;">鎴戠殑娑堟伅</div>
+ </div>
+ <div class="topRightItem" @click="topPopoverClick('閫�鍑虹櫥褰�')">
+ <div>
+ <van-icon name="revoke" style="margin-right: 8px;" />
+ </div>
+ <div style="font-size: 14px;">閫�鍑虹櫥褰�</div>
+ </div>
+ </div>
+
+ <template #reference>
+ <van-badge :content="messageNumber" max='9' v-if='messageNumber!==0'>
+ <van-icon name="bars" size='20' color='#fff' />
+ </van-badge>
+ <van-icon v-else name="bars" size='20' color='#fff' />
</template>
</van-popover>
</template>
</van-nav-bar>
+
+
<van-swipe :autoplay="3000">
<van-swipe-item v-for="(image, index) in images" :key="index">
@@ -86,19 +124,24 @@
overlayShow: false,
showPopover: false,
actions: [{
- icon: 'description',
- text: '鎿嶄綔鎸囧'
- }, {
- icon: 'award-o',
- text: '鎴愬搧杩芥函'
- }, {
- icon: 'revoke',
- text: '閫�鍑虹櫥褰�'
- }],
+ icon: 'comment-o',
+ text: '瀹夌伅鍝嶅簲'
+ },
+ {
+ icon: 'description',
+ text: '鎿嶄綔鎸囧'
+ }, {
+ icon: 'award-o',
+ text: '鎴愬搧杩芥函'
+ }, {
+ icon: 'revoke',
+ text: '閫�鍑虹櫥褰�'
+ }
+ ],
firstMenu: [], //涓�绾ц彍鍗�
firstMenuName: '',
secondMenu: [], //浜岀骇鑿滃崟
-
+ messageNumber: 0, //鎴戠殑娑堟伅鏁板��
}
},
created() {
@@ -106,8 +149,23 @@
},
mounted() {
this.getfirstMenu()
+ this.getLoginAppAnDonMessage()
},
methods: {
+ // 鑾峰彇娑堟伅鎺ュ彛
+ async getLoginAppAnDonMessage(){
+ const data={
+ userid:localStorage.getItem('userid'),
+ usercode:localStorage.getItem('usercode'),
+ username:localStorage.getItem('username'),
+ usertype:localStorage.getItem('usertype'),
+ }
+
+ const res=await post('Login/LoginAppAnDonMessage'+formatParams(data))
+ this.messageNumber=res.data.length
+ // this.messageNumber=9
+ },
+
// 鑾峰彇涓�绾ц彍鍗�
async getfirstMenu() {
const data = {
@@ -145,6 +203,12 @@
case '2044':
url = '../sbgl/wxyz.html'
break;
+ case '2090':
+ url = '../adgl/adhj.html'
+ break;
+ case '2091':
+ url = '../adgl/adxy.html'
+ break;
}
window.location = url
},
@@ -153,16 +217,19 @@
this.overlayShow = true
},
// 椤堕儴鍙冲浘鏍囦笅鎷夐�夋嫨
- onSelect(action) {
- if (action.text === '鎿嶄綔鎸囧') {
- topPopoverClick('鎿嶄綔鎸囧')
- } else if (action.text === '鎴愬搧杩芥函') {
- topPopoverClick('鎴愬搧杩芥函')
- } else if (action.text === '閫�鍑虹櫥褰�') {
- topPopoverClick('閫�鍑虹櫥褰�')
- }
- this.overlayShow = false
- },
+ // onSelect(action) {
+ // if (action.text === '鎿嶄綔鎸囧') {
+ // topPopoverClick('鎿嶄綔鎸囧')
+ // } else if (action.text === '鎴愬搧杩芥函') {
+ // topPopoverClick('鎴愬搧杩芥函')
+ // } else if (action.text === '閫�鍑虹櫥褰�') {
+ // topPopoverClick('閫�鍑虹櫥褰�')
+ // }
+ // this.overlayShow = false
+ // },
+ myMessageClick() {
+ window.location = '../other/wdxx.html'
+ }
}
})
</script>
@@ -188,5 +255,27 @@
color: #fff;
letter-spacing: 2px;
}
+
+ .van-nav-bar__right {
+ padding: 0;
+ margin-right: 16px;
+ }
+
+ .topRight {
+ width: 128px;
+ min-height: 40px;
+ display: flex;
+ flex-direction: column;
+ /* padding: 10px; */
+ }
+
+ .topRightItem {
+ display: flex;
+ height: 44px;
+ align-items: center;
+ line-height: 44px;
+ /* border-bottom: 1px dotted #000; */
+ padding: 0 16px;
+ }
</style>
</html>
--
Gitblit v1.9.3