{"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;"}