优化页面
This commit is contained in:
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/MaskLayer/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/MaskLayer/index.vue?type=component"],"sourcesContent":["<template>\n <div\n v-if=\"showMask\"\n class=\"mask\"\n @click.self=\"!isWeChat && toggleView\"\n >\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watchEffect } from '../../../adapter-vue';\nimport { isWeChat } from '../../../utils/env';\n\nconst props = defineProps({\n show: {\n type: Boolean,\n default: () => false,\n },\n});\n\nconst showMask = ref(false);\n\nwatchEffect(() => {\n showMask.value = props.show;\n});\n\nconst emit = defineEmits(['update:show']);\n\nconst toggleView = () => {\n showMask.value = !showMask.value;\n emit('update:show', showMask.value);\n};\n\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../../assets/styles/common';\n\n.mask {\n position: fixed;\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 99;\n background: rgba(#000, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n\n main {\n position: relative;\n }\n}\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/common/MaskLayer/index.vue'\nwx.createComponent(Component)"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAOR,UAAA,WAAWA,kBAAI,KAAK;AAE1BC,kBAAAA,YAAY,MAAM;AAChB,eAAS,QAAQ,MAAM;AAAA,IAAA,CACxB;AAED,UAAM,OAAO;AAEb,UAAM,aAAa,MAAM;AACd,eAAA,QAAQ,CAAC,SAAS;AACtB,WAAA,eAAe,SAAS,KAAK;AAAA,IAAA;;;;;;;;;;;AC9BpC,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/common/MaskLayer/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9jb21tb24vTWFza0xheWVyL2luZGV4LnZ1ZQ"],"sourcesContent":["<template>\r\n <div\r\n v-if=\"showMask\"\r\n class=\"mask\"\r\n @click.self=\"!isWeChat && toggleView\"\r\n >\r\n <slot />\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, watchEffect } from '../../../adapter-vue';\r\nimport { isWeChat } from '../../../utils/env';\r\n\r\nconst props = defineProps({\r\n show: {\r\n type: Boolean,\r\n default: () => false,\r\n },\r\n});\r\n\r\nconst showMask = ref(false);\r\n\r\nwatchEffect(() => {\r\n showMask.value = props.show;\r\n});\r\n\r\nconst emit = defineEmits(['update:show']);\r\n\r\nconst toggleView = () => {\r\n showMask.value = !showMask.value;\r\n emit('update:show', showMask.value);\r\n};\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../../assets/styles/common';\r\n\r\n.mask {\r\n position: fixed;\r\n width: 100vw;\r\n height: 100vh;\r\n left: 0;\r\n top: 0;\r\n z-index: 99;\r\n background: rgba(#000, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n main {\r\n position: relative;\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/common/MaskLayer/index.vue'\nwx.createComponent(Component)"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;AAcA,UAAM,QAAQ;AAOR,UAAA,WAAWA,kBAAI,KAAK;AAE1BC,kBAAAA,YAAY,MAAM;AAChB,eAAS,QAAQ,MAAM;AAAA,IAAA,CACxB;AAED,UAAM,OAAO;AAEb,UAAM,aAAa,MAAM;AACd,eAAA,QAAQ,CAAC,SAAS;AACtB,WAAA,eAAe,SAAS,KAAK;AAAA,IAAA;;;;;;;;;;;AC9BpC,GAAG,gBAAgB,SAAS;"}
|
||||
Reference in New Issue
Block a user