{"version":3,"file":"service.js","sources":["pages/service/service.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvc2VydmljZS9zZXJ2aWNlLnZ1ZQ"],"sourcesContent":["<template>\r\n\t<view class=\"min-h-screen bg-gray-100 flex flex-col\">\r\n\t\t<view class=\"fixed bottom-0 left-0 right-0 z-10 bg-white shadow p-4\">\r\n\t\t\t<view class=\"flex flex-wrap \">\r\n\t\t\t\t<button v-for=\"cat in categories\" :key=\"cat.category\"\r\n\t\t\t\t\tclass=\"bg-blue-500 text-white text-sm px-4 py-2 rounded m-1\" @click=\"selectCategory(cat)\">\r\n\t\t\t\t\t{{ cat.category }}\r\n\t\t\t\t</button>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t\r\n\t\t<view class=\"flex-1 px-4 pb-20 h-80\" >\r\n\t\t\t<view v-if=\"selectedCategory\" class=\"question-list\">\r\n\t\t\t\t<view v-for=\"(q, index) in selectedCategory.questions\" :key=\"index\" class=\"question-item\"\r\n\t\t\t\t\t@click=\"selectQuestion(q)\">\r\n\t\t\t\t\t{{ q[0] }}\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"h-2\"></view>\r\n\t\t\t\t\r\n\t\t\t\t<view v-for=\"(msg, index) in chatList\" :key=\"index\" :class=\"['chat-message', msg.type]\">\r\n\t\t\t\t\t{{ msg.text }}\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\timport {\r\n\t\tQUESTIONS\r\n\t} from './questions';\r\n\r\n\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tcategories: QUESTIONS,\r\n\t\t\t\tselectedCategory: null,\r\n\t\t\t\tchatList: [],\r\n\t\t\t\tscrollTop :0\r\n\t\t\t};\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tselectCategory(cat) {\r\n\t\t\t\tthis.selectedCategory = cat;\r\n\t\t\t\tthis.chatList = [];\r\n\t\t\t},\r\n\t\t\tselectQuestion(q) {\r\n\t\t\t\tthis.chatList =[];\r\n\t\t\t\tthis.chatList.push({\r\n\t\t\t\t\ttype: \"question\",\r\n\t\t\t\t\ttext: q[0]\r\n\t\t\t\t});\r\n\t\t\t\tthis.chatList.push({\r\n\t\t\t\t\ttype: \"answer\",\r\n\t\t\t\t\ttext: q[1]\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style>\r\n\t/* 容器 */\r\n\t.min-h-screen {\r\n\t\tmin-height: 100vh;\r\n\t}\r\n\r\n\t.bg-gray-100 {\r\n\t\tbackground-color: #f7fafc;\r\n\t}\r\n\r\n\t.flex {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.flex-col {\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.flex-1 {\r\n\t\tflex: 1 1 0%;\r\n\t}\r\n\t.h-10 {\r\n\t\theight: 40px;\r\n\t}\r\n\r\n\t.flex-wrap {\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\r\n\t.justify-around {\r\n\t\tjustify-content: space-around;\r\n\t}\r\n\r\n\t.justify-end {\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\r\n\t.justify-start {\r\n\t\tjustify-content: flex-start;\r\n\t}\r\n\t.h-2 {\r\n\t\theight: 2.5rem;\r\n\t}\r\n\t.h-80 {\r\n\t\tmin-height: 80vh;\r\n\t}\r\n\r\n\t.items-center {\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t/* 定位 */\r\n\t.fixed {\r\n\t\tposition: fixed;\r\n\t}\r\n\r\n\t.top-0 {\r\n\t\ttop: 0;\r\n\t}\r\n\r\n\t.left-0 {\r\n\t\tleft: 0;\r\n\t}\r\n\r\n\t.right-0 {\r\n\t\tright: 0;\r\n\t}\r\n\r\n\t.right-10 {\r\n\t\tright: 10;\r\n\t}\r\n\r\n\t.bottom-0 {\r\n\t\tbottom: 0;\r\n\t}\r\n\r\n\t.z-10 {\r\n\t\tz-index: 10;\r\n\t}\r\n\r\n\t/* 背景与阴影 */\r\n\t.bg-white {\r\n\t\tbackground-color: #ffffff;\r\n\t}\r\n\r\n\t.shadow {\r\n\t\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.1),\r\n\t\t\t0 1px 2px rgba(0, 0, 0, 0.06);\r\n\t}\r\n\r\n\t.shadow-t {\r\n\t\tbox-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1),\r\n\t\t\t0 -1px 2px rgba(0, 0, 0, 0.06);\r\n\t}\r\n\r\n\t/* 间距 */\r\n\t.p-4 {\r\n\t\tpadding: 1rem;\r\n\t}\r\n\r\n\t.p-3 {\r\n\t\tpadding: 0.75rem;\r\n\t}\r\n\r\n\t.px-4 {\r\n\t\tpadding-left: 1rem;\r\n\t\tpadding-right: 1rem;\r\n\t}\r\n\r\n\t.pb-20 {\r\n\t\tpadding-bottom: 5rem;\r\n\t}\r\n\r\n\t.pt-20 {\r\n\t\tpadding-top: 5rem;\r\n\t}\r\n\r\n\t.m-1 {\r\n\t\tmargin: 0.25rem;\r\n\t}\r\n\r\n\t.m-3 {\r\n\t\tmargin-right: 2rem;\r\n\t}\r\n\r\n\t.mb-4 {\r\n\t\tmargin-bottom: 1rem;\r\n\t}\r\n\r\n\t/* 按钮 & 输入框 */\r\n\t.bg-blue-200 {\r\n\t\tbackground-color: #00ff00;\r\n\t}\r\n\r\n\t.bg-gray-200 {\r\n\t\tbackground-color: #808080;\r\n\t}\r\n\r\n\t.bg-blue-500 {\r\n\t\tbackground-color: #3b82f6;\r\n\t}\r\n\r\n\t.text-white {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\r\n\t.text-black {\r\n\t\tcolor: #000000;\r\n\t}\r\n\r\n\t.text-sm {\r\n\t\tfont-size: 0.875rem;\r\n\t}\r\n\r\n\t.text-base {\r\n\t\tfont-size: 1rem;\r\n\t}\r\n\r\n\t.rounded {\r\n\t\tborder-radius: 0.25rem;\r\n\t}\r\n\r\n\t.rounded-lg {\r\n\t\tborder-radius: 0.5rem;\r\n\t}\r\n\r\n\t.rounded-r {\r\n\t\tborder-top-right-radius: 0.25rem;\r\n\t\tborder-bottom-right-radius: 0.25rem;\r\n\t}\r\n\r\n\t.border {\r\n\t\tborder-width: 1px;\r\n\t\tborder-style: solid;\r\n\t}\r\n\r\n\t.border-gray-300 {\r\n\t\tborder-color: #d1d5db;\r\n\t}\r\n\r\n\t.h-12 {\r\n\t\theight: 3rem;\r\n\t}\r\n\r\n\r\n\t.max-w-3-4 {\r\n\t\tmax-width: 90%;\r\n\t}\r\n\r\n\t/* 注意转义 / */\r\n\r\n\t/* 滚动区域 */\r\n\t.scroll-y {\r\n\t\toverflow-y: auto;\r\n\t}\r\n\r\n\t.scroll-with-animation {\r\n\t\tscroll-behavior: smooth;\r\n\t}\r\n\t\r\n\t/* 问题清单 */\r\n\t.question-list {\r\n\t\tmin-height: 80%;\r\n\t background-color: #fff;\r\n\t padding: 0.5rem;\r\n\t border-radius: 0.5rem;\r\n\t max-height: 150px;\r\n\t overflow-y: visible;\r\n\t}\r\n\t\r\n\t.question-item {\r\n\t padding: 0.5rem;\r\n\t border-bottom: 1px solid #eee;\r\n\t}\r\n\t\r\n\t.question-item:last-child {\r\n\t border-bottom: none;\r\n\t}\r\n\t\r\n\t/* 聊天消息 */\r\n\t.chat-message {\r\n\t max-width: 70%;\r\n\t margin: 0.25rem 0;\r\n\t padding: 0.5rem 0.75rem;\r\n\t border-radius: 0.5rem;\r\n\t word-break: break-word;\r\n\t}\r\n\t\r\n\t.chat-message.question {\r\n\t background-color: #e0f7fa;\r\n\t align-self: flex-start;\r\n\t}\r\n\t\r\n\t.chat-message.answer {\r\n\t background-color: #ffecb3;\r\n\t align-self: flex-end;\r\n\t}\r\n</style>","import MiniProgramPage from 'D:/HBuilderProjects/园博园/pages/service/service.vue'\nwx.createPage(MiniProgramPage)"],"names":["QUESTIONS"],"mappings":";;;AAkCC,MAAK,YAAU;AAAA,EACd,OAAO;AACN,WAAO;AAAA,MACN,YAAYA,wBAAS;AAAA,MACrB,kBAAkB;AAAA,MAClB,UAAU,CAAE;AAAA,MACZ,WAAW;AAAA;EAEZ;AAAA,EACD,SAAS;AAAA,IACR,eAAe,KAAK;AACnB,WAAK,mBAAmB;AACxB,WAAK,WAAW;IAChB;AAAA,IACD,eAAe,GAAG;AACjB,WAAK,WAAU;AACf,WAAK,SAAS,KAAK;AAAA,QAClB,MAAM;AAAA,QACN,MAAM,EAAE,CAAC;AAAA,MACV,CAAC;AACD,WAAK,SAAS,KAAK;AAAA,QAClB,MAAM;AAAA,QACN,MAAM,EAAE,CAAC;AAAA,MACV,CAAC;AAAA,IACF;AAAA,EACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1DF,GAAG,WAAW,eAAe;"}
|
