| 1 |
- {"version":3,"names":["_sfc_main","data","type","msgType","messageText","value","showClose","onReady","methods","change","e","common_vendor","index","__f__","show","toggle","$refs","popup","open","messageToggle","concat","message","dialogToggle","alertDialog","dialogConfirm","inputDialogToggle","inputDialog","dialogClose","dialogInputConfirm","val","_this","showLoading","title","setTimeout","hideLoading","close","shareToggle","share","wx","createPage","MiniProgramPage"],"sources":["daixjgk.vue","cGFnZXMvZGFpeGpnay9kYWl4amdrLnZ1ZQ"],"sourcesContent":["<template>\r\n\t<view class=\"container\">\r\n\t\t<uni-card is-full :is-shadow=\"false\">\r\n\t\t\t<text class=\"uni-h6\">弹出层组件用于弹出一个覆盖到页面上的内容，使用场景如：底部弹出分享弹窗、页面插屏广告等。</text>\r\n\t\t</uni-card>\r\n\t\t<uni-section title=\"基本示例\" type=\"line\" sub-title=\"自定义顶部圆角\">\r\n\t\t\t<view class=\"example-body box\">\r\n\t\t\t\t<button class=\"button\" type=\"primary\" @click=\"toggle('top')\"><text class=\"button-text\">顶部</text></button>\r\n\t\t\t\t<button class=\"button\" type=\"primary\" @click=\"toggle('bottom')\"><text class=\"button-text\">底部</text></button>\r\n\t\t\t\t<button class=\"button\" type=\"primary\" @click=\"toggle('center')\"><text class=\"button-text\">居中</text></button>\r\n\t\t\t\t<button class=\"button\" type=\"primary\" @click=\"toggle('left')\"><text class=\"button-text\">左侧</text></button>\r\n\t\t\t\t<button class=\"button\" type=\"primary\" @click=\"toggle('right')\"><text class=\"button-text\">右侧</text></button>\r\n\t\t\t</view>\r\n\t\t</uni-section>\r\n\r\n\t\t<uni-section title=\"提示消息\" type=\"line\">\r\n\t\t\t<view class=\"example-body box\">\r\n\t\t\t\t<button class=\"button popup-success\" @click=\"messageToggle('success')\"><text\r\n\t\t\t\t\t\tclass=\"button-text success-text\">成功</text></button>\r\n\t\t\t\t<button class=\"button popup-error\" @click=\"messageToggle('error')\"><text\r\n\t\t\t\t\t\tclass=\"button-text error-text\">失败</text></button>\r\n\t\t\t\t<button class=\"button popup-warn\" @click=\"messageToggle('warn')\"><text\r\n\t\t\t\t\t\tclass=\"button-text warn-text\">警告</text></button>\r\n\t\t\t\t<button class=\"button popup-info\" @click=\"messageToggle('info')\"><text\r\n\t\t\t\t\t\tclass=\"button-text info-text\">信息</text></button>\r\n\t\t\t</view>\r\n\t\t</uni-section>\r\n\r\n\r\n\t\t<uni-section title=\"对话框示例\" type=\"line\" class=\"hideOnPc\">\r\n\t\t\t<view class=\"example-body box\">\r\n\t\t\t\t<button class=\"button popup-success\" @click=\"dialogToggle('success')\"><text\r\n\t\t\t\t\t\tclass=\"button-text success-text\">成功</text></button>\r\n\t\t\t\t<button class=\"button popup-error\" @click=\"dialogToggle('error')\"><text\r\n\t\t\t\t\t\tclass=\"button-text error-text\">失败</text></button>\r\n\t\t\t\t<button class=\"button popup-warn\" @click=\"dialogToggle('warn')\"><text\r\n\t\t\t\t\t\tclass=\"button-text warn-text\">警告</text></button>\r\n\t\t\t\t<button class=\"button popup-info\" @click=\"dialogToggle('info')\"><text\r\n\t\t\t\t\t\tclass=\"button-text info-text\">信息</text></button>\r\n\t\t\t</view>\r\n\t\t</uni-section>\r\n\r\n\t\t<uni-section title=\"输入框示例\" type=\"line\" padding>\r\n\t\t\t<view class=\"dialog-box\">\r\n\t\t\t\t<text class=\"dialog-text\">输入内容：{{ value }}</text>\r\n\t\t\t</view>\r\n\t\t\t<button class=\"button\" type=\"primary\" @click=\"inputDialogToggle\"><text class=\"button-text\">输入对话框</text></button>\r\n\r\n\t\t</uni-section>\r\n\t\t<uni-section title=\"底部分享示例\" type=\"line\" padding>\r\n\t\t\t<button class=\"button\" type=\"primary\" @click=\"shareToggle\"><text class=\"button-text\">分享模版示例</text></button>\r\n\t\t</uni-section>\r\n\t\t<view>\r\n\t\t\t<!-- 普通弹窗 -->\r\n\t\t\t<uni-popup ref=\"popup\" background-color=\"#fff\" @change=\"change\" border-radius=\"10px 10px 0 0\">\r\n\t\t\t\t<view class=\"popup-content\" :class=\"{ 'popup-height': type === 'left' || type === 'right' }\"><text\r\n\t\t\t\t\t\tclass=\"text\">popup 内容</text></view>\r\n\t\t\t</uni-popup>\r\n\t\t</view>\r\n\r\n\t\t<view>\r\n\t\t\t<!-- 提示信息弹窗 -->\r\n\t\t\t<uni-popup ref=\"message\" type=\"message\">\r\n\t\t\t\t<uni-popup-message :type=\"msgType\" :message=\"messageText\" :duration=\"2000\"></uni-popup-message>\r\n\t\t\t</uni-popup>\r\n\t\t</view>\r\n\r\n\t\t<view>\r\n\t\t\t<!-- 提示窗示例 -->\r\n\t\t\t<uni-popup ref=\"alertDialog\" type=\"dialog\">\r\n\t\t\t\t<uni-popup-dialog :showClose=\"showClose\" :type=\"msgType\" cancelText=\"关闭\" confirmText=\"同意\" title=\"通知\"\r\n\t\t\t\t\tcontent=\"欢迎使用 uni-popup!\" @confirm=\"dialogConfirm\" @close=\"dialogClose\"></uni-popup-dialog>\r\n\t\t\t</uni-popup>\r\n\t\t</view>\r\n\r\n\t\t<view>\r\n\t\t\t<!-- 输入框示例 -->\r\n\t\t\t<uni-popup ref=\"inputDialog\" type=\"dialog\">\r\n\t\t\t\t<uni-popup-dialog ref=\"inputClose\" :maxlength=\"10\" mode=\"input\" title=\"输入内容\" v-model=\"value\"\r\n\t\t\t\t\tplaceholder=\"请输入内容，限制10个字\" @confirm=\"dialogInputConfirm\"></uni-popup-dialog>\r\n\t\t\t</uni-popup>\r\n\t\t</view>\r\n\r\n\t\t<view>\r\n\t\t\t<!-- 分享示例 -->\r\n\t\t\t<uni-popup ref=\"share\" type=\"share\" safeArea backgroundColor=\"#fff\">\r\n\t\t\t\t<uni-popup-share></uni-popup-share>\r\n\t\t\t</uni-popup>\r\n\t\t</view>\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\ttype: 'center',\r\n\t\t\t\tmsgType: 'success',\r\n\t\t\t\tmessageText: '这是一条成功提示',\r\n\t\t\t\tvalue: '',\r\n\t\t\t\tshowClose: true,\r\n\t\t\t}\r\n\t\t},\r\n\t\tonReady() {},\r\n\t\tmethods: {\r\n\t\t\tchange(e) {\r\n\t\t\t\tconsole.log('当前模式：' + e.type + ',状态：' + e.show);\r\n\t\t\t},\r\n\t\t\ttoggle(type) {\r\n\t\t\t\tthis.type = type\r\n\t\t\t\t// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性\r\n\t\t\t\tthis.$refs.popup.open(type)\r\n\t\t\t},\r\n\t\t\tmessageToggle(type) {\r\n\t\t\t\tthis.msgType = type\r\n\t\t\t\tthis.messageText = `这是一条${type}消息提示`\r\n\t\t\t\tthis.$refs.message.open()\r\n\t\t\t},\r\n\t\t\tdialogToggle(type) {\r\n\t\t\t\tthis.msgType = type\r\n\t\t\t\tthis.$refs.alertDialog.open()\r\n\t\t\t},\r\n\t\t\tdialogConfirm() {\r\n\t\t\t\tconsole.log('点击确认')\r\n\t\t\t\tthis.messageText = `点击确认了 ${this.msgType} 窗口`\r\n\t\t\t\tthis.$refs.message.open()\r\n\t\t\t},\r\n\t\t\tinputDialogToggle() {\r\n\t\t\t\tthis.$refs.inputDialog.open()\r\n\t\t\t},\r\n\t\t\tdialogClose() {\r\n\t\t\t\tconsole.log('点击关闭')\r\n\t\t\t},\r\n\t\t\tdialogInputConfirm(val) {\r\n\t\t\t\tuni.showLoading({\r\n\t\t\t\t\ttitle: '3秒后会关闭'\r\n\t\t\t\t})\r\n\t\t\t\tconsole.log(this.value);\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tuni.hideLoading()\r\n\t\t\t\t\tthis.value = val\r\n\t\t\t\t\t// 关闭窗口后，恢复默认内容\r\n\t\t\t\t\tthis.$refs.inputDialog.close()\r\n\t\t\t\t}, 3000)\r\n\t\t\t},\r\n\t\t\tshareToggle() {\r\n\t\t\t\tthis.$refs.share.open()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n<style lang=\"scss\">\r\n\t@mixin flex {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: flex;\r\n\t\t/* #endif */\r\n\t\tflex-direction: row;\r\n\t}\r\n\r\n\t@mixin height {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\theight: 100%;\r\n\t\t/* #endif */\r\n\t\t/* #ifdef APP-NVUE */\r\n\t\tflex: 1;\r\n\t\t/* #endif */\r\n\t}\r\n\r\n\t.box {\r\n\t\t@include flex;\r\n\t}\r\n\r\n\t.button {\r\n\t\t@include flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tflex: 1;\r\n\t\theight: 35px;\r\n\t\tmargin: 0 5px;\r\n\t\tborder-radius: 5px;\r\n\t}\r\n\r\n\t.example-body {\r\n\t\tbackground-color: #fff;\r\n\t\tpadding: 10px 0;\r\n\t}\r\n\r\n\t.button-text {\r\n\t\tcolor: #fff;\r\n\t\tfont-size: 12px;\r\n\t}\r\n\r\n\t.popup-content {\r\n\t\t@include flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tpadding: 15px;\r\n\t\theight: 50px;\r\n\t}\r\n\r\n\t.popup-height {\r\n\t\t@include height;\r\n\t\twidth: 200px;\r\n\t}\r\n\r\n\t.text {\r\n\t\tfont-size: 12px;\r\n\t\tcolor: #333;\r\n\t}\r\n\r\n\t.popup-success {\r\n\t\tcolor: #fff;\r\n\t\tbackground-color: #e1f3d8;\r\n\t}\r\n\r\n\t.popup-warn {\r\n\t\tcolor: #fff;\r\n\t\tbackground-color: #faecd8;\r\n\t}\r\n\r\n\t.popup-error {\r\n\t\tcolor: #fff;\r\n\t\tbackground-color: #fde2e2;\r\n\t}\r\n\r\n\t.popup-info {\r\n\t\tcolor: #fff;\r\n\t\tbackground-color: #f2f6fc;\r\n\t}\r\n\r\n\t.success-text {\r\n\t\tcolor: #09bb07;\r\n\t}\r\n\r\n\t.warn-text {\r\n\t\tcolor: #e6a23c;\r\n\t}\r\n\r\n\t.error-text {\r\n\t\tcolor: #f56c6c;\r\n\t}\r\n\r\n\t.info-text {\r\n\t\tcolor: #909399;\r\n\t}\r\n\r\n\t.dialog,\r\n\t.share {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: flex;\r\n\t\t/* #endif */\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.dialog-box {\r\n\t\tpadding: 10px;\r\n\t}\r\n\r\n\t.dialog .button,\r\n\t.share .button {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\twidth: 100%;\r\n\t\t/* #endif */\r\n\t\tmargin: 0;\r\n\t\tmargin-top: 10px;\r\n\t\tpadding: 3px 0;\r\n\t\tflex: 1;\r\n\t}\r\n\r\n\t.dialog-text {\r\n\t\tfont-size: 14px;\r\n\t\tcolor: #333;\r\n\t}\r\n</style>\n","import MiniProgramPage from 'D:/project/交割库/jgk-project/pages/daixjgk/daixjgk.vue'\nwx.createPage(MiniProgramPage)"],"mappings":";;;;;AA6FC,IAAKA,SAAA,GAAU;EACdC,IAAA,WAAAA,KAAA,EAAO;IACN,OAAO;MACNC,IAAA,EAAM;MACNC,OAAA,EAAS;MACTC,WAAA,EAAa;MACbC,KAAA,EAAO;MACPC,SAAA,EAAW;IACZ;EACA;EACDC,OAAA,WAAAA,QAAA,EAAU,CAAE;EACZC,OAAA,EAAS;IACRC,MAAA,WAAAA,OAAOC,CAAA,EAAG;MACTC,aAAA,CAAAC,KAAA,CAAAC,KAAA,4CAAY,UAAUH,CAAA,CAAER,IAAA,GAAO,SAASQ,CAAA,CAAEI,IAAI;IAC9C;IACDC,MAAA,WAAAA,OAAOb,IAAA,EAAM;MACZ,KAAKA,IAAA,GAAOA,IAAA;MAEZ,KAAKc,KAAA,CAAMC,KAAA,CAAMC,IAAA,CAAKhB,IAAI;IAC1B;IACDiB,aAAA,WAAAA,cAAcjB,IAAA,EAAM;MACnB,KAAKC,OAAA,GAAUD,IAAA;MACf,KAAKE,WAAA,8BAAAgB,MAAA,CAAqBlB,IAAI;MAC9B,KAAKc,KAAA,CAAMK,OAAA,CAAQH,IAAA,EAAK;IACxB;IACDI,YAAA,WAAAA,aAAapB,IAAA,EAAM;MAClB,KAAKC,OAAA,GAAUD,IAAA;MACf,KAAKc,KAAA,CAAMO,WAAA,CAAYL,IAAA,EAAK;IAC5B;IACDM,aAAA,WAAAA,cAAA,EAAgB;MACfb,aAAA,CAAAC,KAAA,CAAYC,KAAA,kDAAM;MAClB,KAAKT,WAAA,qCAAAgB,MAAA,CAAuB,KAAKjB,OAAO;MACxC,KAAKa,KAAA,CAAMK,OAAA,CAAQH,IAAA,EAAK;IACxB;IACDO,iBAAA,WAAAA,kBAAA,EAAoB;MACnB,KAAKT,KAAA,CAAMU,WAAA,CAAYR,IAAA,EAAK;IAC5B;IACDS,WAAA,WAAAA,YAAA,EAAc;MACbhB,aAAA,CAAAC,KAAA,CAAYC,KAAA,kDAAM;IAClB;IACDe,kBAAA,WAAAA,mBAAmBC,GAAA,EAAK;MAAA,IAAAC,KAAA;MACvBnB,aAAA,CAAAC,KAAA,CAAImB,WAAA,CAAY;QACfC,KAAA,EAAO;MAAA,CACP;MACDrB,aAAA,CAAYC,KAAA,CAAAC,KAAA,iDAAKR,KAAK;MACtB4B,UAAA,CAAW,YAAM;QAChBtB,aAAA,CAAAC,KAAA,CAAIsB,WAAA,EAAY;QAChBJ,KAAA,CAAKzB,KAAA,GAAQwB,GAAA;QAEbC,KAAA,CAAKd,KAAA,CAAMU,WAAA,CAAYS,KAAA,EAAM;MAC7B,GAAE,GAAI;IACP;IACDC,WAAA,WAAAA,YAAA,EAAc;MACb,KAAKpB,KAAA,CAAMqB,KAAA,CAAMnB,IAAA,EAAK;IACvB;EACD;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpJDoB,EAAA,CAAGC,UAAA,CAAWC,eAAe","ignoreList":[]}
|
