You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
22 KiB
1 lines
22 KiB
{"version":3,"sources":["webpack:////Users/jj/xuan-pay-cweb/components/wyb-popup/wyb-popup.vue?ce62","webpack:////Users/jj/xuan-pay-cweb/components/wyb-popup/wyb-popup.vue?f027","webpack:////Users/jj/xuan-pay-cweb/components/wyb-popup/wyb-popup.vue?9d20","webpack:////Users/jj/xuan-pay-cweb/components/wyb-popup/wyb-popup.vue?f382","uni-app:///components/wyb-popup/wyb-popup.vue","webpack:////Users/jj/xuan-pay-cweb/components/wyb-popup/wyb-popup.vue?5e44","webpack:////Users/jj/xuan-pay-cweb/components/wyb-popup/wyb-popup.vue?af31"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAsH;AACtH;AAC6D;AACL;AACa;;;AAGrE;AAC0M;AAC1M,gBAAgB,iNAAU;AAC1B,EAAE,+EAAM;AACR,EAAE,oFAAM;AACR,EAAE,6FAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,wFAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACRA;AAAA;AAAA;AAAA;AAAyyB,CAAgB,uyBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACgE7zB;AACA,MADA,kBACA;AACA;AACA,4CADA;AAEA,6CAFA;AAGA,mBAHA;AAIA,qBAJA;AAKA,kBALA;AAMA,uBANA;AAOA,0BAPA;AAQA,4BARA;AASA,oBATA;;AAWA,GAbA;AAcA;AACA,iBADA,2BACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KARA;AASA,iBATA,2BASA;AACA;AACA;AACA;AACA;AACA;AACA,WAFA,MAEA;AACA;AACA,WAFA,MAEA;AACA;AACA,WAFA,MAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAvBA;;AAyBA;AACA,KArCA;AAsCA,aAtCA,uBAsCA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA;AACA,WAFA,MAEA;AACA;AACA;AACA,SANA,MAMA;AACA;AACA;AACA,WAFA,MAEA;AACA;AACA;AACA;AACA;AACA,KAxDA;AAyDA,cAzDA,wBAyDA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA;AACA,WAFA,MAEA;AACA;AACA;AACA,SANA,MAMA;AACA;AACA;AACA,WAFA,MAEA;AACA;AACA;AACA;AACA;AACA,KA3EA;AA4EA,WA5EA,qBA4EA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,KApFA;AAqFA,cArFA,wBAqFA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,KA3FA;AA4FA,YA5FA,sBA4FA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,KApGA;AAqGA,aArGA,uBAqGA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,KA3GA,EAdA;;AA2HA;AACA;AACA,kBADA;AAEA,uBAFA,EADA;;AAKA;AACA,kBADA;AAEA,0BAFA,EALA;;AASA;AACA,4BADA;AAEA,kBAFA,EATA;;AAaA;AACA,4BADA;AAEA,kBAFA,EAbA;;AAiBA;AACA,4BADA;AAEA,gBAFA,EAjBA;;AAqBA;AACA,4BADA;AAEA,oBAFA,EArBA;;AAyBA;AACA,mBADA;AAEA,mBAFA,EAzBA;;AA6BA;AACA,kBADA;AAEA,kBAFA,EA7BA;;AAiCA;AACA,kBADA;AAEA,kBAFA,EAjCA;;AAqCA;AACA,mBADA;AAEA,oBAFA,EArCA;;AAyCA;AACA,mBADA;AAEA,oBAFA,EAzCA;;AA6CA;AACA,mBADA;AAEA,oBAFA,EA7CA;;AAiDA;AACA,kBADA;AAEA,0BAFA,EAjDA;;AAqDA;AACA,kBADA;AAEA,iBAFA,EArDA;;AAyDA;AACA,4BADA;AAEA,mBAFA,EAzDA;;AA6DA;AACA,4BADA;AAEA,mBAFA,EA7DA;;AAiEA;AACA,4BADA;AAEA,mBAFA,EAjEA;;AAqEA;AACA,kBADA;AAEA,4BAFA,EArEA;;AAyEA;AACA,kBADA;AAEA,wBAFA,EAzEA;;AA6EA;AACA,kBADA;AAEA,mBAFA,EA7EA;;AAiFA;AACA,kBADA;AAEA,gBAFA,EAjFA;;AAqFA;AACA,kBADA;AAEA,gBAFA,EArFA,EA3HA;;;AAqNA,SArNA,qBAqNA;;;;;;;;;;;;AAYA,GAjOA;AAkOA;AACA,SADA,mBACA;AACA;AACA,KAHA;AAIA,QAJA,kBAIA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,6BADA;AAEA,8BAFA;;AAIA,SALA;AAMA,OATA;;;;;;;;;;;;;;AAuBA,KA9BA;AA+BA,QA/BA,kBA+BA;AACA;AACA;AACA;AACA;AACA;AACA,0BADA;AAEA,4BAFA;;AAIA,OANA;AAOA,KAzCA;AA0CA,aA1CA,uBA0CA;AACA;AACA;AACA;AACA;AACA;AACA,WAHA,MAGA;AACA;AACA;AACA,WAHA,MAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAnBA;;AAqBA,KAhEA;AAiEA,cAjEA,wBAiEA;AACA;AACA;AACA,KApEA;AAqEA,UArEA,oBAqEA;AACA;AACA,KAvEA;AAwEA,WAxEA,qBAwEA;AACA;AACA,KA1EA;AA2EA,WA3EA,mBA2EA,GA3EA,EA2EA;AACA;AACA,KA7EA;AA8EA,QA9EA,gBA8EA,IA9EA,EA8EA;AACA;AACA;AACA;AACA,SAFA,EAEA,IAFA;AAGA,OAJA;AAKA,KApFA,EAlOA,E;;;;;;;;;;;;;AChEA;AAAA;AAAA;AAAA;AAA0oC,CAAgB,omCAAG,EAAC,C;;;;;;;;;;;ACA9pC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"components/wyb-popup/wyb-popup.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./wyb-popup.vue?vue&type=template&id=bdfa6778&\"\nvar renderjs\nimport script from \"./wyb-popup.vue?vue&type=script&lang=js&\"\nexport * from \"./wyb-popup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./wyb-popup.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../Applications/HBuilderX.app/Contents/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 null,\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"components/wyb-popup/wyb-popup.vue\"\nexport default component.exports","export * from \"-!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./wyb-popup.vue?vue&type=template&id=bdfa6778&\"","var components\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./wyb-popup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./wyb-popup.vue?vue&type=script&lang=js&\"","<template>\n\t<view v-if=\"isShow\">\n\t\t<view \n\t\t @tap.stop.prevent\n\t\t @touchmove.stop.prevent\n\t\t class=\"wyb-popup-box\"\n\t\t :style=\"{\n\t\t\t transitionDuration: duration + 'ms',\n\t\t\t opacity: contentOpacity || (type === 'center' ? 0 : 1),\n\t\t\t transform: contentTransform || autoTransform,\n\t\t\t zIndex: zIndex,\n\t\t\t borderTopRightRadius: type === 'center' || type === 'bottom' || type === 'left' ? radius + 'px' : 0,\n\t\t\t borderTopLeftRadius: type === 'center' || type === 'bottom' || type === 'right' ? radius + 'px' : 0,\n\t\t\t borderBottomRightRadius: type === 'center' || type === 'top' || type === 'left' ? radius + 'px' : 0,\n\t\t\t borderBottomLeftRadius: type === 'center' || type === 'top' || type === 'right' ? radius + 'px' : 0,\n\t\t\t width: autoWidth,\n\t\t\t height: autoHeight,\n\t\t\t minWidth: width + 'rpx',\n\t\t\t minHeight: height + 'rpx',\n\t\t\t top: sizeChange && type === 'center' ? winReTop : autoTop,\n\t\t\t bottom: autoBottom,\n\t\t\t left: autoLeft,\n\t\t\t right: autoRight,\n\t\t\t backgroundColor: bgColor}\">\n\t\t\t<view\n\t\t\t class=\"wyb-popup-close\"\n\t\t\t v-if=\"showCloseIcon\"\n\t\t\t :style=\"{\n\t\t\t\t width: closeIcon ? closeIconSize + 'rpx' : 'auto',\n\t\t\t\t height: closeIcon ? closeIconSize + 'rpx' : 'auto',\n\t\t\t\t top: closeIconPos === 'top-right' || closeIconPos === 'top-left' ? vertOffset + 'rpx' : 'auto',\n\t\t\t\t bottom: closeIconPos === 'bottom-right' || closeIconPos === 'bottom-left' ? vertOffset + 'rpx' : 'auto',\n\t\t\t\t left: closeIconPos === 'bottom-left' || closeIconPos === 'top-left' ? horiOffset + 'rpx' : 'auto',\n\t\t\t\t right: closeIconPos === 'bottom-right' || closeIconPos === 'top-right' ? horiOffset + 'rpx' : 'auto'}\">\n\t\t\t\t<image class=\"wyb-popup-custom-close\" v-if=\"showCloseIcon&&closeIcon\" :src=\"closeIcon\" @tap=\"hide\" :style=\"{\n\t\t\t \t\t\t width: closeIconSize + 'rpx',\n\t\t\t \t\t\t height: closeIconSize + 'rpx'}\" />\n\t\t\t \t<view v-if=\"showCloseIcon&&!closeIcon\" class=\"iconfont icon-close\" @tap=\"hide\" />\n\t\t\t</view>\n\t\t\t\n\t\t\t<scroll-view\n\t\t\t class=\"wyb-popup-container\"\n\t\t\t :style=\"{\n\t\t\t\t width: autoWidth,\n\t\t\t\t height: autoHeight}\"\n\t\t\t :enable-flex=\"true\"\n\t\t\t :scroll-y=\"scrollY\"\n\t\t\t :scroll-x=\"scrollX\">\n\t\t\t\t<view class=\"wyb-popup-slot\"><slot></slot></view>\n\t\t\t</scroll-view>\n\t\t</view>\n\t\t<view\n\t\t class=\"wyb-popup-mask\"\n\t\t @tap.stop=\"close\"\n\t\t @touchmove.stop.prevent\n\t\t :style=\"{\n\t\t\t opacity: maskOpacity,\n\t\t\t transitionDuration: duration + 'ms',\n\t\t\t backgroundColor: 'rgba(0, 0, 0, ' + maskAlpha + ')',\n\t\t\t zIndex: zIndex - 1}\" />\n\t</view>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tw: uni.getSystemInfoSync().screenWidth,\n\t\t\t\th: uni.getSystemInfoSync().screenHeight,\n\t\t\t\tisShow: false,\n\t\t\t\twinReBottom: '',\n\t\t\t\twinReTop: '',\n\t\t\t\tsizeChange: false,\n\t\t\t\tcontentOpacity: null,\n\t\t\t\tcontentTransform: null,\n\t\t\t\tmaskOpacity: 0\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tautoCenterTop() {\n\t\t\t\tlet statusBarHeight = uni.getSystemInfoSync().statusBarHeight\n\t\t\t\tlet windowHeight = uni.getSystemInfoSync().windowHeight\n\t\t\t\tlet popupHeight = this.rpxToPx(this.height)\n\t\t\t\tlet navHeight = 44\n\t\t\t\tlet result = `${(windowHeight - popupHeight) / 2 - this.negativeTop}px`\n\t\t\t\treturn result\n\t\t\t},\n\t\t\tautoTransform() {\n\t\t\t\tlet result = ''\n\t\t\t\tswitch(this.type) {\n\t\t\t\t\tcase 'center':\n\t\t\t\t\t\tif (this.centerAnim === 'zoom-lessen') {\n\t\t\t\t\t\t\tresult = `scale(${this.zoomLessenMulti})`\n\t\t\t\t\t\t} else if (this.centerAnim === 'slide-up') {\n\t\t\t\t\t\t\tresult = `translateY(${100 * this.slideMulti}%)`\n\t\t\t\t\t\t} else if (this.centerAnim === 'slide-down') {\n\t\t\t\t\t\t\tresult = `translateY(${-100 * this.slideMulti}%)`\n\t\t\t\t\t\t} else if (this.centerAnim === 'fade') {\n\t\t\t\t\t\t\tresult = 'auto'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase 'bottom':\n\t\t\t\t\t\tresult = 'translateY(100%)'\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase 'top':\n\t\t\t\t\t\tresult = 'translateY(-100%)'\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase 'left':\n\t\t\t\t\t\tresult = 'translateX(-100%)'\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase 'right':\n\t\t\t\t\t\tresult = 'translateX(100%)'\n\t\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\treturn result\n\t\t\t},\n\t\t\tautoWidth() {\n\t\t\t\tif (this.type === 'center') {\n\t\t\t\t\treturn `${this.width}rpx`\n\t\t\t\t} else {\n\t\t\t\t\tif (this.mode === 'size-fixed') {\n\t\t\t\t\t\tif (this.type === 'top' || this.type === 'bottom') {\n\t\t\t\t\t\t\treturn '100%'\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn `${this.width}rpx`\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (this.type === 'top' || this.type === 'bottom') {\n\t\t\t\t\t\t\treturn '100%'\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn 'auto'\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tautoHeight() {\n\t\t\t\tif (this.type === 'center') {\n\t\t\t\t\treturn `${this.height}rpx`\n\t\t\t\t} else {\n\t\t\t\t\tif (this.mode === 'size-fixed') {\n\t\t\t\t\t\tif (this.type === 'left' || this.type === 'right') {\n\t\t\t\t\t\t\treturn '100%'\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn `${this.height}rpx`\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (this.type === 'left' || this.type === 'right') {\n\t\t\t\t\t\t\treturn '100%'\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn '400px'\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tautoTop() {\n\t\t\t\tif (this.type === 'center') {\n\t\t\t\t\treturn this.autoCenterTop\n\t\t\t\t} else if (this.type === 'bottom') {\n\t\t\t\t\treturn 'auto'\n\t\t\t\t} else {\n\t\t\t\t\treturn 0\n\t\t\t\t}\n\t\t\t},\n\t\t\tautoBottom() {\n\t\t\t\tif (this.type === 'center' || this.type === 'top') {\n\t\t\t\t\treturn 'auto'\n\t\t\t\t} else {\n\t\t\t\t\treturn 0\n\t\t\t\t}\n\t\t\t},\n\t\t\tautoLeft() {\n\t\t\t\tif (this.type === 'center') {\n\t\t\t\t\treturn `${(this.w - this.rpxToPx(this.width)) / 2}px`\n\t\t\t\t} else if (this.type === 'right') {\n\t\t\t\t\treturn 'auto'\n\t\t\t\t} else {\n\t\t\t\t\treturn 0\n\t\t\t\t}\n\t\t\t},\n\t\t\tautoRight() {\n\t\t\t\tif (this.type === 'center' || this.type === 'left') {\n\t\t\t\t\treturn 'auto'\n\t\t\t\t} else {\n\t\t\t\t\treturn 0\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tprops: {\n\t\t\ttype: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: 'bottom'\n\t\t\t},\n\t\t\tmode: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: 'size-auto'\n\t\t\t},\n\t\t\theight: {\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 400\n\t\t\t},\n\t\t\twidth: {\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 500\n\t\t\t},\n\t\t\tradius: {\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 0\n\t\t\t},\n\t\t\tzIndex: {\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 10076\n\t\t\t},\n\t\t\tmaskClickClose: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: true\n\t\t\t},\n\t\t\tmaskAlpha: {\n\t\t\t\ttype: Number,\n\t\t\t\tdefault: 0.5\n\t\t\t},\n\t\t\tduration: {\n\t\t\t\ttype: Number,\n\t\t\t\tdefault: 400\n\t\t\t},\n\t\t\tshowCloseIcon: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: false\n\t\t\t},\n\t\t\tscrollY: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: false\n\t\t\t},\n\t\t\tscrollX: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: false\n\t\t\t},\n\t\t\tcloseIconPos: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: 'top-right'\n\t\t\t},\n\t\t\tcloseIcon: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: ''\n\t\t\t},\n\t\t\tcloseIconSize: {\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: '20'\n\t\t\t},\n\t\t\tvertOffset: {\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: '22'\n\t\t\t},\n\t\t\thoriOffset: {\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: '22'\n\t\t\t},\n\t\t\tcenterAnim: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: 'zoom-lessen'\n\t\t\t},\n\t\t\tbgColor: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: '#ffffff'\n\t\t\t},\n\t\t\tzoomLessenMulti: {\n\t\t\t\ttype: Number,\n\t\t\t\tdefault: 1.15\n\t\t\t},\n\t\t\tslideMulti: {\n\t\t\t\ttype: Number,\n\t\t\t\tdefault: 1\n\t\t\t},\n\t\t\tnegativeTop: {\n\t\t\t\ttype: Number,\n\t\t\t\tdefault: 0\n\t\t\t}\n\t\t},\n\t\tmounted() {\n\t\t\t// #ifdef H5\n\t\t\tlet winHeight = uni.getSystemInfoSync().windowHeight\n\t\t\tuni.onWindowResize(res => {\n\t\t\t\tthis.sizeChange = true\n\t\t\t\tif (this.type === 'bottom') {\n\t\t\t\t\tthis.winReBottom = winHeight - res.size.windowHeight + 'px'\n\t\t\t\t} else if (this.type === 'center') {\n\t\t\t\t\tthis.winReTop = ((res.size.windowHeight - this.rpxToPx(this.height)) / 2 - this.negativeTop) + 'px'\n\t\t\t\t}\n\t\t\t})\n\t\t\t// #endif\n\t\t},\n\t\tmethods: {\n\t\t\tclose() {\n\t\t\t\tthis.maskClickClose && this.hide()\n\t\t\t},\n\t\t\tshow() {\n\t\t\t\tthis.isShow = true\n\t\t\t\t// #ifndef H5\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.maskIn()\n\t\t\t\t\tthis.contentIn()\n\t\t\t\t\tthis.wait(this.duration + 1).then(() => {\n\t\t\t\t\t\tthis.$emit('show', {\n\t\t\t\t\t\t\tpageScroll: false, \n\t\t\t\t\t\t\toverflow: 'hidden'\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t\t// #endif\n\t\t\t\t// #ifdef H5\n\t\t\t\tthis.wait(10).then(() => {\n\t\t\t\t\tthis.maskIn()\n\t\t\t\t\tthis.contentIn()\n\t\t\t\t\tthis.wait(this.duration + 1).then(() => {\n\t\t\t\t\t\tthis.$emit('show', {\n\t\t\t\t\t\t\tpageScroll: false, \n\t\t\t\t\t\t\toverflow: 'hidden'\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t\t// #endif\n\t\t\t},\n\t\t\thide() {\n\t\t\t\tthis.contentOut()\n\t\t\t\tthis.maskOut()\n\t\t\t\tthis.wait(this.duration + 1).then(() => {\n\t\t\t\t\tthis.isShow = false\n\t\t\t\t\tthis.$emit('hide', {\n\t\t\t\t\t\tpageScroll: true, \n\t\t\t\t\t\toverflow: 'scroll'\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t},\n\t\t\tcontentIn() {\n\t\t\t\tswitch (this.type) {\n\t\t\t\t\tcase 'center':\n\t\t\t\t\t\tif (this.centerAnim === 'zoom-lessen') {\n\t\t\t\t\t\t\tthis.contentOpacity = 1\n\t\t\t\t\t\t\tthis.contentTransform = 'scale(1)'\n\t\t\t\t\t\t} else if (this.centerAnim === 'slide-up' || this.centerAnim === 'slide-down') {\n\t\t\t\t\t\t\tthis.contentOpacity = 1\n\t\t\t\t\t\t\tthis.contentTransform = 'translateY(0)'\n\t\t\t\t\t\t} else if (this.centerAnim === 'fade') {\n\t\t\t\t\t\t\tthis.contentOpacity = 1\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase 'bottom':\n\t\t\t\t\tcase 'top':\n\t\t\t\t\t\tthis.contentTransform = 'translateY(0)'\n\t\t\t\t\t\tbreak\n\t\t\t\t\tcase 'left':\n\t\t\t\t\tcase 'right':\n\t\t\t\t\t\tthis.contentTransform = 'translateX(0)'\n\t\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t},\n\t\t\tcontentOut() {\n\t\t\t\tthis.contentOpacity = null\n\t\t\t\tthis.contentTransform = null\n\t\t\t},\n\t\t\tmaskIn() {\n\t\t\t\tthis.maskOpacity = 1\n\t\t\t},\n\t\t\tmaskOut() {\n\t\t\t\tthis.maskOpacity = 0\n\t\t\t},\n\t\t\trpxToPx(rpx) {\n\t\t\t\treturn rpx / 750 * this.w\n\t\t\t},\n\t\t\twait(time) {\n\t\t\t\treturn new Promise(resolve => {\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tresolve()\n\t\t\t\t\t}, time)\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n</script>\n\n<style>\n\t@import \"./iconfont.css\";\n\t.wyb-popup-box{\n\t\tposition: fixed;\n\t\ttransition-timing-function: ease-out;\n\t\ttransition-property: opacity, transform;\n\t}\n\t\n\t.wyb-popup-container {\n\t\tposition: relative;\n\t\tbox-sizing: border-box;\n\t}\n\t\n\t.wyb-popup-slot {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\t\n\t.wyb-popup-mask {\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\tright: 0;\n\t\ttransition-timing-function: ease;\n\t\ttransition-property: opacity, transform;\n\t}\n\t\n\t.wyb-popup-close {\n\t\tposition: absolute;\n\t\tfontSize: 40rpx;\n\t\tcolor: #808080;\n\t\tz-index: 20000;\n\t}\n\t\n\t.wyb-popup-custom-close {\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tposition: absolute;\n\t}\n</style>\n","import mod from \"-!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./wyb-popup.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./wyb-popup.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1640240847538\n var cssReload = require(\"/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);\n }\n "],"sourceRoot":""} |