| 1 |
- {"version":3,"sources":["webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-popup/tn-popup.vue?52f4","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-popup/tn-popup.vue?6d27","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-popup/tn-popup.vue?7546","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-popup/tn-popup.vue?7783","uni-app:///tuniao-ui/components/tn-popup/tn-popup.vue","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-popup/tn-popup.vue?e5bc"],"names":["renderjs","component","options","__file","components","render","_vm","this","_h","$createElement","s0","_self","_c","visibleSync","__get_style","customStyle","popupStyle","zIndex","elZIndex","s1","contentStyle","s2","mode","centerStyle","s3","closeBtn","closeBtnStyle","s4","_isMounted","e0","$event","stopPropagation","preventDefault","$mp","data","Object","assign","$root","recyclableRender","staticRenderFns","_withStripped","mixins","name","props","value","type","default","mask","length","width","height","zoom","safeAreaInsetBottom","maskCloseable","borderRadius","closeBtnIcon","closeBtnPosition","closeIconColor","closeIconSize","negativeTop","marginTop","popup","computed","style","transform","timer","showPopup","closeFromInner","watch","mounted","methods","maskClick","open","close","modeCenterClose","change","clearTimeout"],"mappings":"uIAAA,oIACIA,EADJ,QASIC,EAAY,qBACd,aACA,YACA,sBACA,EACA,KACA,WACA,MACA,EACA,gBACAD,GAGFC,EAAUC,QAAQC,OAAS,6CACZ,aAAAF,E,0CCvBf,uQ,iCCAA,IAAIG,EAAJ,0LACA,IAAIC,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eAETC,GADKJ,EAAIK,MAAMC,GACVN,EAAIO,YACTP,EAAIQ,YAAY,CACdR,EAAIS,YACJT,EAAIU,WACJ,CACEC,OAAQX,EAAIY,SAAW,KAG3B,MACAC,EAAKb,EAAIO,YAAcP,EAAIQ,YAAY,CAACR,EAAIc,eAAiB,KAC7DC,EACFf,EAAIO,aAA4B,WAAbP,EAAIgB,KACnBhB,EAAIQ,YAAY,CAACR,EAAIiB,cACrB,KACFC,EACFlB,EAAIO,aAA4B,WAAbP,EAAIgB,MAAqBhB,EAAImB,SAC5CnB,EAAIQ,YAAY,CACdR,EAAIoB,cACJ,CACET,OAAQX,EAAIY,YAGhB,KACFS,EACFrB,EAAIO,aAA4B,WAAbP,EAAIgB,MAAqBhB,EAAImB,SAC5CnB,EAAIQ,YAAY,CAACR,EAAIoB,gBACrB,KACDpB,EAAIsB,aACPtB,EAAIuB,GAAK,SAAUC,GACjBA,EAAOC,kBACPD,EAAOE,mBAIX1B,EAAI2B,IAAIC,KAAOC,OAAOC,OACpB,GACA,CACEC,MAAO,CACL3B,GAAIA,EACJS,GAAIA,EACJE,GAAIA,EACJG,GAAIA,EACJG,GAAIA,MAKRW,GAAmB,EACnBC,EAAkB,GACtBlC,EAAOmC,eAAgB,G,iCCtDvB,yHAA40B,eAAG,G,8GCwE/0B,gB,EACA,CACAC,mBACAC,gBACAC,OACAC,OACAC,aACAC,YAIAxB,MACAuB,YACAC,gBAGAC,MACAF,aACAC,YAGAE,QACAH,qBACAC,gBAIAG,OACAJ,YACAC,YAIAI,QACAL,YACAC,YAGAK,MACAN,aACAC,YAGAM,qBACAP,aACAC,YAGAO,eACAR,aACAC,YAGA/B,aACA8B,YACAC,mBACA,WAIAQ,cACAT,YACAC,WAGA7B,QACA4B,YACAC,WAGArB,UACAoB,aACAC,YAGAS,cACAV,YACAC,iBAIAU,kBACAX,YACAC,qBAGAW,gBACAZ,YACAC,mBAGAY,eACAb,YACAC,YAGAa,aACAd,YACAC,WAGAc,WACAf,YACAC,WAIAe,OACAhB,aACAC,aAGAgB,UAEA9C,sBACA,SAKA,MAJA,8EACA+C,oEAGA,GAGA3C,wBACA,SAiBA,GAfA,wCACA2C,GACAd,8GACAC,cACAc,kFAEA,0CACAD,GACAd,aACAC,iHACAc,kFAGAD,uBAEA,mBACA,kBACA,WACAA,uFACA,MACA,UACAA,uFACA,MACA,YACAA,uFACA,MACA,aACAA,uFACA,MAEAA,oBAOA,OAJA,kDACAA,6CAGA,GAGAxC,uBACA,SAeA,OAdAwC,gHAEAA,2EACAA,uBACA,mBACAA,6EAEA,oBACAA,kDACAA,qBAEA,4BACAA,6CAEA,GAGArC,yBACA,SAQA,OAPA,sBACAqC,6BAEA,qBACAA,qCAGA,GAEA7C,oBACA,sDAGAgB,gBACA,OACA+B,WACApD,eACAqD,aACAC,oBAGAC,OACAxB,kBACA,MAEA,oBAEA,YADA,qBAGA,iBACA,qBACA,aAEA,yBAGAyB,mBAEA,yBAEAC,SAEAC,qBACA,oBACA,cAEAC,gBACA,2CAGAC,iBAGA,uBACA,2CAIAC,2BACA,yCACA,cAIAC,uBAAA,YAEA,gBACA,sBAEA,UAGA,WAFA,EAEA,uBACA,OACA,0BACAC,wBACA,IASA,uBACA,OACA,0BACAA,wBACA,QAIA,a,iCChWA,yHAA2jD,eAAG,G","file":"tuniao-ui/components/tn-popup/tn-popup.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./tn-popup.vue?vue&type=template&id=01456b9c&scoped=true&\"\nvar renderjs\nimport script from \"./tn-popup.vue?vue&type=script&lang=js&\"\nexport * from \"./tn-popup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tn-popup.vue?vue&type=style&index=0&id=01456b9c&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"01456b9c\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"tuniao-ui/components/tn-popup/tn-popup.vue\"\nexport default component.exports","export * from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-popup.vue?vue&type=template&id=01456b9c&scoped=true&\"","var components\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n var s0 = _vm.visibleSync\n ? _vm.__get_style([\n _vm.customStyle,\n _vm.popupStyle,\n {\n zIndex: _vm.elZIndex - 1,\n },\n ])\n : null\n var s1 = _vm.visibleSync ? _vm.__get_style([_vm.contentStyle]) : null\n var s2 =\n _vm.visibleSync && _vm.mode === \"center\"\n ? _vm.__get_style([_vm.centerStyle])\n : null\n var s3 =\n _vm.visibleSync && _vm.mode === \"center\" && _vm.closeBtn\n ? _vm.__get_style([\n _vm.closeBtnStyle,\n {\n zIndex: _vm.elZIndex,\n },\n ])\n : null\n var s4 =\n _vm.visibleSync && _vm.mode !== \"center\" && _vm.closeBtn\n ? _vm.__get_style([_vm.closeBtnStyle])\n : null\n if (!_vm._isMounted) {\n _vm.e0 = function ($event) {\n $event.stopPropagation()\n $event.preventDefault()\n return (function () {})($event)\n }\n }\n _vm.$mp.data = Object.assign(\n {},\n {\n $root: {\n s0: s0,\n s1: s1,\n s2: s2,\n s3: s3,\n s4: s4,\n },\n }\n )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-popup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-popup.vue?vue&type=script&lang=js&\"","<template>\r\n <view\r\n v-if=\"visibleSync\"\r\n class=\"tn-popup-class tn-popup\"\r\n :style=\"[customStyle, popupStyle, { zIndex: elZIndex - 1}]\"\r\n hover-stop-propagation\r\n >\r\n <!-- mask -->\r\n <view\r\n class=\"tn-popup__mask\"\r\n :class=\"[{'tn-popup__mask--show': showPopup && mask}]\"\r\n :style=\"{zIndex: elZIndex - 2}\"\r\n @tap=\"maskClick\"\r\n @touchmove.stop.prevent = \"() => {}\"\r\n hover-stop-propagation\r\n ></view>\r\n <!-- 弹框内容 -->\r\n <view\r\n class=\"tn-popup__content\"\r\n :class=\"[\r\n mode !== 'center' ? backgroundColorClass : '',\r\n safeAreaInsetBottom ? 'tn-safe-area-inset-bottom' : '',\r\n 'tn-popup--' + mode,\r\n showPopup ? 'tn-popup__content--visible' : '',\r\n zoom && mode === 'center' ? 'tn-popup__content__center--animation-zoom' : ''\r\n ]\"\r\n :style=\"[contentStyle]\"\r\n @tap=\"modeCenterClose\"\r\n @touchmove.stop.prevent\r\n @tap.stop.prevent\r\n >\r\n <!-- 居中时候的内容 -->\r\n <view\r\n v-if=\"mode === 'center'\"\r\n class=\"tn-popup__content__center_box\"\r\n :class=\"[backgroundColorClass]\"\r\n :style=\"[centerStyle]\"\r\n @touchmove.stop.prevent\r\n @tap.stop.prevent\r\n >\r\n <!-- 关闭按钮 -->\r\n <view\r\n v-if=\"closeBtn\"\r\n class=\"tn-popup__close\"\r\n :class=\"[`tn-icon-${closeBtnIcon}`, `tn-popup__close--${closeBtnPosition}`]\"\r\n :style=\"[closeBtnStyle, {zIndex: elZIndex}]\"\r\n @tap=\"close\"\r\n ></view>\r\n <scroll-view class=\"tn-popup__content__scroll-view\">\r\n <slot></slot>\r\n </scroll-view>\r\n </view>\r\n \r\n <!-- 除居中外的其他情况 -->\r\n <scroll-view v-else class=\"tn-popup__content__scroll-view\">\r\n <slot></slot>\r\n </scroll-view>\r\n <!-- 关闭按钮 -->\r\n <view\r\n v-if=\"mode !== 'center' && closeBtn\"\r\n class=\"tn-popup__close\"\r\n :class=\"[`tn-popup__close--${closeBtnPosition}`]\"\r\n :style=\"{zIndex: elZIndex}\"\r\n @tap=\"close\"\r\n >\r\n <view :class=\"[`tn-icon-${closeBtnIcon}`]\" :style=\"[closeBtnStyle]\"></view>\r\n </view>\r\n </view>\r\n </view>\n</template>\n\n<script>\r\n import componentsColorMixin from '../../libs/mixin/components_color.js'\r\n export default {\r\n mixins: [componentsColorMixin],\r\n name: 'tn-popup',\r\n props: {\r\n value: {\r\n \ttype: Boolean,\r\n \tdefault: false\r\n },\r\n // 弹出方向\r\n // left/right/top/bottom/center\r\n mode: {\r\n type: String,\r\n default: 'left'\r\n },\r\n // 是否显示遮罩\r\n mask: {\r\n type: Boolean,\r\n default: true\r\n },\r\n // 抽屉的宽度（mode=left/right）,高度（mode=top/bottom）\r\n length: {\r\n type: [Number, String],\r\n default: 'auto'\r\n },\r\n // 宽度，只对左，右，中部弹出时起作用，单位rpx，或者\"auto\"\r\n // 或者百分比\"50%\"，表示由内容撑开高度或者宽度，优先级高于length参数\r\n width: {\r\n \ttype: String,\r\n \tdefault: ''\r\n },\r\n // 高度，只对上，下，中部弹出时起作用，单位rpx，或者\"auto\"\r\n // 或者百分比\"50%\"，表示由内容撑开高度或者宽度，优先级高于length参数\r\n height: {\r\n \ttype: String,\r\n \tdefault: ''\r\n },\r\n // 是否开启动画，只在mode=center有效\r\n zoom: {\r\n type: Boolean,\r\n default: true\r\n },\r\n // 是否开启底部安全区适配，开启的话，会在iPhoneX机型底部添加一定的内边距\r\n safeAreaInsetBottom: {\r\n \ttype: Boolean,\r\n \tdefault: false\r\n },\r\n // 是否可以通过点击遮罩进行关闭\r\n maskCloseable: {\r\n \ttype: Boolean,\r\n \tdefault: true\r\n },\r\n // 用户自定义样式\r\n customStyle: {\r\n \ttype: Object,\r\n \tdefault() {\r\n \t\treturn {}\r\n \t}\r\n },\r\n // 显示圆角的大小\r\n borderRadius: {\r\n type: Number,\r\n default: 0\r\n },\r\n // zIndex\r\n zIndex: {\r\n type: Number,\r\n default: 0\r\n },\r\n // 是否显示关闭按钮\r\n closeBtn: {\r\n type: Boolean,\r\n default: false\r\n },\r\n // 关闭按钮的图标\r\n closeBtnIcon: {\r\n type: String,\r\n default: 'close'\r\n },\r\n // 关闭按钮显示的位置\r\n // top-left/top-right/bottom-left/bottom-right\r\n closeBtnPosition: {\r\n type: String,\r\n default: 'top-right'\r\n },\r\n // 关闭按钮图标颜色\r\n closeIconColor: {\r\n type: String,\r\n default: '#AAAAAA'\r\n },\r\n // 关闭按钮图标的大小\r\n closeIconSize: {\r\n type: Number,\r\n default: 30\r\n },\r\n // 给一个负的margin-top，往上偏移，避免和键盘重合的情况，仅在mode=center时有效\r\n negativeTop: {\r\n \ttype: Number,\r\n \tdefault: 0\r\n },\r\n // marginTop，在mode = top,left,right时生效，避免用户使用了自定义导航栏，组件把导航栏遮挡了\r\n marginTop: {\r\n type: Number,\r\n default: 0\r\n },\r\n // 此为内部参数，不在文档对外使用，为了解决Picker和keyboard等融合了弹窗的组件\r\n // 对v-model双向绑定多层调用造成报错不能修改props值的问题\r\n popup: {\r\n \ttype: Boolean,\r\n \tdefault: true\r\n },\r\n },\r\n computed: {\r\n // 处理使用了自定义导航栏时被遮挡的问题\r\n popupStyle() {\r\n let style = {}\r\n if ((this.mode === 'top' || this.mode === 'left' || this.mode === 'right') && this.marginTop) {\r\n style.marginTop = this.$t.string.getLengthUnitValue(this.marginTop, 'px')\r\n }\r\n \r\n return style\r\n },\r\n // 根据mode的位置，设定其弹窗的宽度(mode = left|right)，或者高度(mode = top|bottom)\r\n contentStyle() {\r\n let style = {}\r\n // 如果是左边或者上边弹出时，需要给translate设置为负值，用于隐藏\r\n if (this.mode === 'left' || this.mode === 'right') {\r\n style = {\r\n width: this.width ? this.$t.string.getLengthUnitValue(this.width) : this.$t.string.getLengthUnitValue(this.length),\r\n height: '100%',\r\n transform: `translate3D(${this.mode === 'left' ? '-100%' : '100%'}, 0px, 0px)`\r\n }\r\n } else if (this.mode === 'top' || this.mode === 'bottom') {\r\n style = {\r\n width: '100%',\r\n height: this.height ? this.$t.string.getLengthUnitValue(this.height) : this.$t.string.getLengthUnitValue(this.length),\r\n transform: `translate3D(0px, ${this.mode === 'top' ? '-100%': '100%'}, 0px)`\r\n }\r\n }\r\n style.zIndex = this.elZIndex\r\n // 如果设置了圆角的值，添加弹窗的圆角\r\n if (this.borderRadius) {\r\n switch(this.mode) {\r\n case 'left':\r\n style.borderRadius = `0 ${this.borderRadius}rpx ${this.borderRadius}rpx 0`\r\n break\r\n case 'top':\r\n style.borderRadius = `0 0 ${this.borderRadius}rpx ${this.borderRadius}rpx`\r\n break\r\n case 'right':\r\n style.borderRadius = `${this.borderRadius}rpx 0 0 ${this.borderRadius}rpx`\r\n break\r\n case 'bottom':\r\n style.borderRadius = `${this.borderRadius}rpx ${this.borderRadius}rpx 0 0`\r\n break\r\n }\r\n style.overflow = 'hidden'\r\n }\r\n \r\n if (this.backgroundColorStyle && this.mode !== 'center') {\r\n style.backgroundColor = this.backgroundColorStyle\r\n }\r\n \r\n return style\r\n },\r\n // 中部弹窗的样式\r\n centerStyle() {\r\n let style = {}\r\n style.width = this.width ? this.$t.string.getLengthUnitValue(this.width) : this.$t.string.getLengthUnitValue(this.length)\r\n // 中部弹出的模式，如果没有设置高度，就用auto值，由内容撑开\r\n style.height = this.height ? this.$t.string.getLengthUnitValue(this.height) : 'auto'\r\n style.zIndex = this.elZIndex\r\n if (this.negativeTop) {\r\n style.marginTop = `-${this.$t.string.getLengthUnitValue(this.negativeTop)}`\r\n }\r\n if (this.borderRadius) {\r\n style.borderRadius = `${this.borderRadius}rpx`\r\n style.overflow='hidden'\r\n }\r\n if (this.backgroundColorStyle) {\r\n style.backgroundColor = this.backgroundColorStyle\r\n }\r\n return style\r\n },\r\n // 关闭按钮样式\r\n closeBtnStyle() {\r\n let style = {}\r\n if (this.closeIconColor) {\r\n style.color = this.closeIconColor\r\n }\r\n if (this.closeIconSize) {\r\n style.fontSize = this.closeIconSize + 'rpx'\r\n }\r\n \r\n return style\r\n },\r\n elZIndex() {\r\n return this.zIndex ? this.zIndex : this.$t.zIndex.popup\r\n }\r\n },\r\n data() {\r\n return {\r\n timer: null,\r\n visibleSync: false,\r\n showPopup: false,\r\n closeFromInner: false\r\n }\r\n },\r\n watch: {\r\n value(val) {\r\n if (val) {\r\n // console.log(this.visibleSync);\r\n if (this.visibleSync) {\r\n this.visibleSync = false\r\n return\r\n }\r\n this.open()\r\n } else if (!this.closeFromInner) {\r\n this.close()\r\n }\r\n this.closeFromInner = false\r\n }\r\n },\r\n mounted() {\r\n // 组件渲染完成时，检查value是否为true，如果是，弹出popup\r\n this.value && this.open()\r\n },\r\n methods: {\r\n // 点击遮罩\r\n maskClick() {\r\n if (!this.maskCloseable) return\r\n this.close()\r\n },\r\n open() {\r\n this.change('visibleSync', 'showPopup', true)\r\n },\r\n // 关闭弹框\r\n close() {\r\n // 标记关闭是内部发生的，否则修改了value值，导致watch中对value检测，导致再执行一遍close\r\n // 造成@close事件触发两次\r\n this.closeFromInner = true\r\n this.change('showPopup', 'visibleSync', false)\r\n },\r\n // 中部弹出时，需要.tn-drawer-content将内容居中，此元素会铺满屏幕，点击需要关闭弹窗\r\n // 让其只在mode=center时起作用 \r\n modeCenterClose() {\r\n if (this.mode != 'center' || !this.maskCloseable) return\r\n this.close()\r\n },\r\n // 关闭时先通过动画隐藏弹窗和遮罩，再移除整个组件\r\n // 打开时，先渲染组件，延时一定时间再让遮罩和弹窗的动画起作用\r\n change(param1, param2, status) {\r\n // 如果this.popup为false，意味着为picker，actionsheet等组件调用了popup组件\r\n if (this.popup === true) {\r\n this.$emit('input', status)\r\n }\r\n this[param1] = status\r\n if (status) {\r\n // #ifdef H5 || MP\r\n this.timer = setTimeout(() => {\r\n this[param2] = status\r\n this.$emit(status ? 'open' : 'close')\r\n clearTimeout(this.timer)\r\n }, 10)\r\n // #endif\r\n // #ifndef H5 || MP\r\n this.$nextTick(() => {\r\n this[param2] = status\r\n this.$emit(status ? 'open' : 'close')\r\n })\r\n // #endif\r\n } else {\r\n this.timer = setTimeout(() => {\r\n this[param2] = status\r\n this.$emit(status ? 'open' : 'close')\r\n clearTimeout(this.timer)\r\n }, 250)\r\n }\r\n }\r\n }\r\n }\n</script>\n\n<style lang=\"scss\" scoped>\r\n \r\n .tn-popup {\r\n /* #ifndef APP-NVUE */\r\n display: block;\r\n /* #endif */\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n overflow: hidden;\r\n \r\n &__content {\r\n /* #ifndef APP-NVUE */\r\n display: block;\r\n /* #endif */\r\n position: absolute;\r\n transition: all 0.25s linear;\r\n \r\n &--visible {\r\n transform: translate3D(0px, 0px, 0px) !important;\r\n &.tn-popup--center {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n }\r\n \r\n &__center_box {\r\n min-width: 100rpx;\r\n min-height: 100rpx;\r\n /* #ifndef APP-NVUE */\r\n display: block;\r\n /* #endif */\r\n position: relative;\r\n background-color: #FFFFFF;\r\n }\r\n \r\n &__scroll-view {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n &__center--animation-zoom {\r\n transform: scale(1.15);\r\n }\r\n }\r\n \r\n &__scroll_view {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n &--left {\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n background-color: #FFFFFF;\r\n }\r\n \r\n &--right {\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n background-color: #FFFFFF;\r\n }\r\n \r\n &--top {\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n background-color: #FFFFFF;\r\n }\r\n \r\n &--bottom {\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: #FFFFFF;\r\n }\r\n \r\n &--center {\r\n display: flex;\r\n flex-direction: column;\r\n bottom: 0;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n }\r\n \r\n &__close {\r\n position: absolute;\r\n \r\n &--top-left {\r\n top: 30rpx;\r\n left: 30rpx;\r\n }\r\n \r\n &--top-right {\r\n top: 30rpx;\r\n right: 30rpx;\r\n }\r\n \r\n &--bottom-left {\r\n bottom: 30rpx;\r\n left: 30rpx;\r\n }\r\n \r\n &--bottom-right {\r\n bottom: 30rpx;\r\n right: 30rpx;\r\n }\r\n }\r\n \r\n &__mask {\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n border: 0;\r\n background-color: $tn-mask-bg-color;\r\n transition: 0.25s linear;\r\n transition-property: opacity;\r\n opacity: 0;\r\n \r\n &--show {\r\n opacity: 1;\r\n }\r\n }\r\n }\n</style>\n","import mod from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-popup.vue?vue&type=style&index=0&id=01456b9c&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-popup.vue?vue&type=style&index=0&id=01456b9c&lang=scss&scoped=true&\""],"sourceRoot":""}
|
