1 line
3.7 KiB
Plaintext
1 line
3.7 KiB
Plaintext
|
{"version":3,"file":"index.js","sources":["../../../../../src/pages/message/index.vue","../../../../../uniPage:/cGFnZXMvbWVzc2FnZS9pbmRleC52dWU"],"sourcesContent":["<route lang=\"json5\">\r\n{\r\n style: {\r\n navigationBarTitleText: '消息',\r\n },\r\n}\r\n</route>\r\n<template>\r\n <view class=\"container\">\r\n <view\r\n @click=\"toPath(message.path)\"\r\n v-for=\"(message, index) in messages\"\r\n :key=\"index\"\r\n class=\"message-item\"\r\n >\r\n <view class=\"icon-wrapper\" :class=\"message.iconWrapperClass\">\r\n <image :src=\"imgUrl(message.icon)\" class=\"icon\"></image>\r\n </view>\r\n <view class=\"content\">\r\n <view class=\"title\">{{ message.title }}</view>\r\n <view class=\"description\">{{ message.description }}</view>\r\n </view>\r\n <view v-if=\"message.badge\" class=\"badge-wrapper\">\r\n <view class=\"badge\">{{ message.badge }}</view>\r\n </view>\r\n </view>\r\n </view>\r\n <Tabbar />\r\n</template>\r\n\r\n<script lang=\"js\" setup>\r\nimport Tabbar from '@/components/Tabbar.vue'\r\nimport { useMessageStore } from '@/store/message'\r\nimport { imgUrl } from '@/utils/commUtils'\r\n\r\nconst useMessage = useMessageStore()\r\n\r\nconst messages = ref([\r\n {\r\n title: '订阅消息',\r\n description: '微信消息订阅，避免错过重要通知',\r\n icon: '@/static/message/subscribed.png',\r\n iconWrapperClass: '',\r\n badge: useMessage.messages.unreadMessages.length,\r\n path: '/pages/message/message-list',\r\n },\r\n {\r\n title: '在线客服',\r\n description: '工作时间：10:00-18:00',\r\n icon: '@/static/message/maotou_kefu.png',\r\n iconWrapperClass: 'icon-wrapper-2',\r\n badge: null,\r\n path: '/pages/message/chat',\r\n },\r\n])\r\n\r\nconst toPath = (path) => {\r\n uni.navigateTo({\r\n url: path,\r\n })\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.container {\r\n height: 100vh;\r\n padding: 16px;\r\n background-color: #f8f8f8;\r\n}\r\n\r\n.message-item {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n padding: 12px;\r\n margin-bottom: 10px;\r\n background-color: #ffffff;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.icon-wrapper {\r\n display: flex;\r\n flex-shrink: 0;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n margin-right: 12px;\r\n background-color: #f5d143;\r\n border-radius: 50%;\r\n}\r\n\r\n.icon-wrapper-2 {\r\n background-color: #ffb7b9;\r\n}\r\n\r\n.icon {\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.content {\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n gap: 10px;\r\n}\r\n\r\n.title {\r\n font-size: 16px;\r\n color: #333;\r\n}\r\n\r\n.description {\r\n font-size: 14px;\r\n color: #999;\r\n}\r\n\r\n.badge-wrapper {\r\n flex-shrink: 0;\r\n margin-top: -30px;\r\n margin-left: auto;\r\n}\r\n\r\n.badge {\r\n padding: 4px 8px;\r\n font-size: 12px;\r\n color: #ffffff;\r\n background-color: #f44336;\r\n border-radius: 50%;\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/pages/message/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["useMessageStore","ref","uni"],"mappings":";;;;;;;;;;;AA+BA,MAAA,SAAA,MAAA;;;;AAIA,UAAA,aAAAA,cAAAA,gBAAA;AAEA,UAAA,WAAAC,cAAAA,IAAA;AAAA,MACA;AAAA,QACA,OAAA;AAAA,QACA,aAAA;AAAA,QACA,MAAA;AAAA,QACA,kBAAA;AAAA,QACA,OAAA,WAAA,SAAA,eAAA;AAAA,QACA,MAAA;AAAA,MACA;AAAA,MACA;AAAA,QACA,OAAA;AAAA,QACA,aAAA;AAAA,QACA,MAAA;AAAA,QACA,kBAAA;AAAA,QACA,OAAA;AAAA,QACA,MAAA;AAAA,MACA;AAAA,IACA,CAAA;AAEA,UAAA,SAAA,CAAA,SAAA;AACAC,oBAAAA,MAAA,WAAA;AAAA,QACA,KAAA;AAAA,MACA,CAAA;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;AC3DA,GAAG,WAAW,eAAe;"}
|