优化页面
This commit is contained in:
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Dialog/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vRGlhbG9nL2luZGV4LnZ1ZQ"],"sourcesContent":["<template>\n <div\n v-if=\"showDialog\"\n class=\"dialog\"\n :class=\"[!isPC ? 'dialog-h5' : '', center ? 'center' : '']\"\n @click.stop.prevent=\"toggleView(clickType.OUTSIDE)\"\n >\n <main\n class=\"dialog-main\"\n :class=\"[!backgroundDialog ? 'dialog-main-back' : '']\"\n @click.stop.prevent=\"toggleView(clickType.INSIDE)\"\n >\n <header\n v-if=\"isHeaderShowDialog\"\n class=\"dialog-main-header\"\n >\n <h1 class=\"dialog-main-title\">\n {{ showTitle }}\n </h1>\n <i\n class=\"icon icon-close\"\n @click=\"close\"\n />\n </header>\n <div\n class=\"dialog-main-content\"\n :class=\"[isUniFrameWork && isH5 ? 'dialog-main-content-uniapp' : '']\"\n >\n <slot />\n </div>\n <footer\n v-if=\"isFooterShowDialog\"\n class=\"dialog-main-footer\"\n >\n <button\n class=\"btn btn-cancel\"\n @click=\"close\"\n >\n {{ TUITranslateService.t('component.取消') }}\n </button>\n <button\n class=\"btn btn-default\"\n @click=\"submit\"\n >\n {{ TUITranslateService.t('component.确定') }}\n </button>\n </footer>\n </main>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watchEffect } from '../../../adapter-vue';\nimport { TUITranslateService } from '@tencentcloud/chat-uikit-engine';\nimport { isPC, isH5, isUniFrameWork } from '../../../utils/env';\nconst clickType = {\n OUTSIDE: 'outside',\n INSIDE: 'inside',\n};\nconst props = defineProps({\n show: {\n type: Boolean,\n default: false,\n },\n isHeaderShow: {\n type: Boolean,\n default: true,\n },\n isFooterShow: {\n type: Boolean,\n default: true,\n },\n background: {\n type: Boolean,\n default: true,\n },\n title: {\n type: String,\n default: '',\n },\n center: {\n type: Boolean,\n default: false,\n },\n});\n\nconst showDialog = ref(false);\nconst isHeaderShowDialog = ref(true);\nconst isFooterShowDialog = ref(true);\nconst backgroundDialog = ref(true);\nconst showTitle = ref('');\n\nwatchEffect(() => {\n showDialog.value = props.show;\n showTitle.value = props.title;\n isHeaderShowDialog.value = props.isHeaderShow;\n isFooterShowDialog.value = props.isFooterShow;\n backgroundDialog.value = props.background;\n});\n\nconst emit = defineEmits(['update:show', 'submit']);\n\nconst toggleView = (type: string) => {\n if (type === clickType.OUTSIDE) {\n close();\n }\n};\n\nconst close = () => {\n showDialog.value = !showDialog.value;\n emit('update:show', showDialog.value);\n};\n\nconst submit = () => {\n emit('submit');\n close();\n};\n</script>\n<style lang=\"scss\" scoped src=\"./style/dialog.scss\"></style>\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/Dialog/index.vue'\nwx.createComponent(Component)"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,UAAM,YAAY;AAAA,MAChB,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAEV,UAAM,QAAQ;AA2BR,UAAA,aAAaA,kBAAI,KAAK;AACtB,UAAA,qBAAqBA,kBAAI,IAAI;AAC7B,UAAA,qBAAqBA,kBAAI,IAAI;AAC7B,UAAA,mBAAmBA,kBAAI,IAAI;AAC3B,UAAA,YAAYA,kBAAI,EAAE;AAExBC,kBAAAA,YAAY,MAAM;AAChB,iBAAW,QAAQ,MAAM;AACzB,gBAAU,QAAQ,MAAM;AACxB,yBAAmB,QAAQ,MAAM;AACjC,yBAAmB,QAAQ,MAAM;AACjC,uBAAiB,QAAQ,MAAM;AAAA,IAAA,CAChC;AAED,UAAM,OAAO;AAEP,UAAA,aAAa,CAAC,SAAiB;AAC/B,UAAA,SAAS,UAAU,SAAS;AACxB;MACR;AAAA,IAAA;AAGF,UAAM,QAAQ,MAAM;AACP,iBAAA,QAAQ,CAAC,WAAW;AAC1B,WAAA,eAAe,WAAW,KAAK;AAAA,IAAA;AAGtC,UAAM,SAAS,MAAM;AACnB,WAAK,QAAQ;AACP;IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClHR,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/Dialog/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vRGlhbG9nL2luZGV4LnZ1ZQ"],"sourcesContent":["<template>\r\n <div\r\n v-if=\"showDialog\"\r\n class=\"dialog\"\r\n :class=\"[!isPC ? 'dialog-h5' : '', center ? 'center' : '']\"\r\n @click.stop.prevent=\"toggleView(clickType.OUTSIDE)\"\r\n >\r\n <main\r\n class=\"dialog-main\"\r\n :class=\"[!backgroundDialog ? 'dialog-main-back' : '']\"\r\n @click.stop.prevent=\"toggleView(clickType.INSIDE)\"\r\n >\r\n <header\r\n v-if=\"isHeaderShowDialog\"\r\n class=\"dialog-main-header\"\r\n >\r\n <h1 class=\"dialog-main-title\">\r\n {{ showTitle }}\r\n </h1>\r\n <i\r\n class=\"icon icon-close\"\r\n @click=\"close\"\r\n />\r\n </header>\r\n <div\r\n class=\"dialog-main-content\"\r\n :class=\"[isUniFrameWork && isH5 ? 'dialog-main-content-uniapp' : '']\"\r\n >\r\n <slot />\r\n </div>\r\n <footer\r\n v-if=\"isFooterShowDialog\"\r\n class=\"dialog-main-footer\"\r\n >\r\n <button\r\n class=\"btn btn-cancel\"\r\n @click=\"close\"\r\n >\r\n {{ TUITranslateService.t('component.取消') }}\r\n </button>\r\n <button\r\n class=\"btn btn-default\"\r\n @click=\"submit\"\r\n >\r\n {{ TUITranslateService.t('component.确定') }}\r\n </button>\r\n </footer>\r\n </main>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, watchEffect } from '../../../adapter-vue';\r\nimport { TUITranslateService } from '@tencentcloud/chat-uikit-engine';\r\nimport { isPC, isH5, isUniFrameWork } from '../../../utils/env';\r\nconst clickType = {\r\n OUTSIDE: 'outside',\r\n INSIDE: 'inside',\r\n};\r\nconst props = defineProps({\r\n show: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n isHeaderShow: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n isFooterShow: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n background: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n title: {\r\n type: String,\r\n default: '',\r\n },\r\n center: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n});\r\n\r\nconst showDialog = ref(false);\r\nconst isHeaderShowDialog = ref(true);\r\nconst isFooterShowDialog = ref(true);\r\nconst backgroundDialog = ref(true);\r\nconst showTitle = ref('');\r\n\r\nwatchEffect(() => {\r\n showDialog.value = props.show;\r\n showTitle.value = props.title;\r\n isHeaderShowDialog.value = props.isHeaderShow;\r\n isFooterShowDialog.value = props.isFooterShow;\r\n backgroundDialog.value = props.background;\r\n});\r\n\r\nconst emit = defineEmits(['update:show', 'submit']);\r\n\r\nconst toggleView = (type: string) => {\r\n if (type === clickType.OUTSIDE) {\r\n close();\r\n }\r\n};\r\n\r\nconst close = () => {\r\n showDialog.value = !showDialog.value;\r\n emit('update:show', showDialog.value);\r\n};\r\n\r\nconst submit = () => {\r\n emit('submit');\r\n close();\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped src=\"./style/dialog.scss\"></style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/Dialog/index.vue'\nwx.createComponent(Component)"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,UAAM,YAAY;AAAA,MAChB,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAEV,UAAM,QAAQ;AA2BR,UAAA,aAAaA,kBAAI,KAAK;AACtB,UAAA,qBAAqBA,kBAAI,IAAI;AAC7B,UAAA,qBAAqBA,kBAAI,IAAI;AAC7B,UAAA,mBAAmBA,kBAAI,IAAI;AAC3B,UAAA,YAAYA,kBAAI,EAAE;AAExBC,kBAAAA,YAAY,MAAM;AAChB,iBAAW,QAAQ,MAAM;AACzB,gBAAU,QAAQ,MAAM;AACxB,yBAAmB,QAAQ,MAAM;AACjC,yBAAmB,QAAQ,MAAM;AACjC,uBAAiB,QAAQ,MAAM;AAAA,IAAA,CAChC;AAED,UAAM,OAAO;AAEP,UAAA,aAAa,CAAC,SAAiB;AAC/B,UAAA,SAAS,UAAU,SAAS;AACxB;MACR;AAAA,IAAA;AAGF,UAAM,QAAQ,MAAM;AACP,iBAAA,QAAQ,CAAC,WAAW;AAC1B,WAAA,eAAe,WAAW,KAAK;AAAA,IAAA;AAGtC,UAAM,SAAS,MAAM;AACnB,WAAK,QAAQ;AACP;IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClHR,GAAG,gBAAgB,SAAS;"}
|
||||
Reference in New Issue
Block a user