feat: 标签组件封装

This commit is contained in:
duanshuwen
2025-07-13 10:34:43 +08:00
parent 9bac216d7a
commit 34a62d2f3e
37 changed files with 185 additions and 214 deletions

View File

@@ -1 +1 @@
{"version":3,"file":"DrawerHome.js","sources":["pages/drawer/DrawerHome.vue","E:/Program Files/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDovWUdDaGF0Q1MvcGFnZXMvZHJhd2VyL0RyYXdlckhvbWUudnVl"],"sourcesContent":["<template>\n\t<view class=\"drawer-home\"> \n\t\t<view class=\"drawer-home-nav\">\n\t\t\t<text>抽屉页面</text>\n\t\t</view>\n\t\t\n\t\t<button @click=\"closeDrawer\" type=\"default\">关闭</button>\n\t\t<view class=\"drawer-list\">\n\t\t\t<view v-for=\"(item,index) in 100\" :key=\"index\">\n\t\t\t\t<text class=\"message-item\">{{item}}</text>\n\t\t\t</view>\n\t\t</view>\n\t\t\n\t</view>\n</template>\n\n<script setup>\n\timport { defineEmits } from 'vue'\n\tconst emits = defineEmits(['closeDrawer'])\n\t\n\tconst closeDrawer = () => {\n\t\temits('closeDrawer')\n\t\tconsole.log('=============关闭抽屉')\n\t}\n\t\n</script>\n\n<style lang=\"scss\" scoped>\n\t.drawer-home {\n\t\twidth: 100%;\n\t\theight: 100vh;\n\t\tbackground-color: #E9F3F7;\n\t\tpadding-top: 44px;\n\t\t\n\t\t.drawer-home-nav {\n\t\t\tpadding: 12px;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\t\n\t\t\ttext {\n\t\t\t\tfont-size: 20px;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\t\t\n\t\t.drawer-list {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\theight: 100%;\n\t\t\toverflow-y: scroll;\n\t\t}\n\t\t\n\t\t.message-item {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\tbackground-color: white;\n\t\t\tmargin: 6px 12px;\n\t\t\tpadding: 8px 24px;\n\t\t\tborder-radius: 4px;\n\t\t\tfont-size: 14px;\n\t\t\tbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n\t\t\t\n\t\t\ttext {\n\t\t\t\tfont-family: PingFang SC, PingFang SC;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tcolor: #333333;\n\t\t\t}\n\t\t}\n\t}\n</style>","import Component from 'D:/YGChatCS/pages/drawer/DrawerHome.vue'\nwx.createComponent(Component)"],"names":["uni"],"mappings":";;;;;;AAkBC,UAAM,QAAQ;AAEd,UAAM,cAAc,MAAM;AACzB,YAAM,aAAa;AACnBA,oBAAAA,wDAAY,mBAAmB;AAAA,IAC/B;;;;;;;;;;;;;;;ACtBF,GAAG,gBAAgB,SAAS;"}
{"version":3,"file":"DrawerHome.js","sources":["pages/drawer/DrawerHome.vue","C:/Program Files/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDovd3d3L1lHQ2hhdENTL3BhZ2VzL2RyYXdlci9EcmF3ZXJIb21lLnZ1ZQ"],"sourcesContent":["<template>\r\n\t<view class=\"drawer-home\"> \r\n\t\t<view class=\"drawer-home-nav\">\r\n\t\t\t<text>抽屉页面</text>\r\n\t\t</view>\r\n\t\t\r\n\t\t<button @click=\"closeDrawer\" type=\"default\">关闭</button>\r\n\t\t<view class=\"drawer-list\">\r\n\t\t\t<view v-for=\"(item,index) in 100\" :key=\"index\">\r\n\t\t\t\t<text class=\"message-item\">{{item}}</text>\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 setup>\r\n\timport { defineEmits } from 'vue'\r\n\tconst emits = defineEmits(['closeDrawer'])\r\n\t\r\n\tconst closeDrawer = () => {\r\n\t\temits('closeDrawer')\r\n\t\tconsole.log('=============关闭抽屉')\r\n\t}\r\n\t\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t.drawer-home {\r\n\t\twidth: 100%;\r\n\t\theight: 100vh;\r\n\t\tbackground-color: #E9F3F7;\r\n\t\tpadding-top: 44px;\r\n\t\t\r\n\t\t.drawer-home-nav {\r\n\t\t\tpadding: 12px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\t\r\n\t\t\ttext {\r\n\t\t\t\tfont-size: 20px;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t.drawer-list {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\theight: 100%;\r\n\t\t\toverflow-y: scroll;\r\n\t\t}\r\n\t\t\r\n\t\t.message-item {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbackground-color: white;\r\n\t\t\tmargin: 6px 12px;\r\n\t\t\tpadding: 8px 24px;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n\t\t\t\r\n\t\t\ttext {\r\n\t\t\t\tfont-family: PingFang SC, PingFang SC;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tcolor: #333333;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</style>","import Component from 'D:/www/YGChatCS/pages/drawer/DrawerHome.vue'\nwx.createComponent(Component)"],"names":["uni"],"mappings":";;;;;;AAkBC,UAAM,QAAQ;AAEd,UAAM,cAAc,MAAM;AACzB,YAAM,aAAa;AACnBA,oBAAAA,wDAAY,mBAAmB;AAAA,IAC/B;;;;;;;;;;;;;;;ACtBF,GAAG,gBAAgB,SAAS;"}