├── .hbuilderx └── launch.json ├── .idea ├── .gitignore ├── jj-uni-messagebox.iml ├── modules.xml └── vcs.xml ├── .vite └── deps │ └── package.json ├── App.vue ├── LICENSE ├── README.md ├── index.html ├── main.js ├── manifest.json ├── pages.json ├── pages ├── app │ ├── index.vue │ └── popup-view.vue ├── baseView │ └── index.vue ├── components │ └── jj-messagebox │ │ ├── alert │ │ ├── custom-alert.vue │ │ ├── jj-alert.vue │ │ ├── jj-button.vue │ │ └── update-version-alert.vue │ │ ├── dialog │ │ ├── index.js │ │ └── jj-dialog.vue │ │ ├── index.js │ │ ├── jj-fadelog.css │ │ ├── jj-messagebox.css │ │ ├── jj-pop.css │ │ ├── loading │ │ └── jj-loading.vue │ │ ├── messageView │ │ ├── alert.js │ │ ├── app-message-view.vue │ │ ├── constant.js │ │ ├── index.js │ │ ├── index.vue │ │ ├── loading.js │ │ ├── processor.js │ │ ├── ref.js │ │ └── toast.js │ │ ├── popup │ │ ├── index.js │ │ └── jj-popup.vue │ │ ├── static │ │ ├── fail_icon.png │ │ ├── image.js │ │ ├── jj_close_icon.png │ │ ├── jj_loading_icon.png │ │ ├── jj_loading_round_icon.png │ │ ├── jj_loading_taichi_icon.png │ │ ├── success_icon.png │ │ └── warn_icon.png │ │ └── toast │ │ └── jj-toast.vue ├── demo │ ├── demo.vue │ ├── index.vue │ └── nvue.nvue ├── index │ ├── header.vue │ └── index.vue ├── mine │ ├── index.vue │ └── request.js └── mp │ ├── test1.vue │ └── test2.vue ├── screenshot └── jj-messagebox.gif ├── static ├── background_image.jpeg ├── bg_custom_update.png ├── image.js ├── loading_custom.png └── logo.png ├── uni.scss ├── unpackage └── dist │ └── dev │ ├── .automator │ ├── app-plus │ │ └── .automator.json │ └── mp-weixin │ │ └── .automator.json │ ├── .nvue │ ├── app.css.js │ ├── app.js │ └── pages │ │ └── demo │ │ └── nvue.js │ ├── .sourcemap │ └── mp-weixin │ │ ├── common │ │ ├── main.js.map │ │ ├── runtime.js.map │ │ └── vendor.js.map │ │ └── pages │ │ ├── app │ │ ├── index.js.map │ │ └── popup-view.js.map │ │ ├── baseView │ │ └── index.js.map │ │ ├── components │ │ └── jj-messagebox │ │ │ ├── alert │ │ │ ├── custom-alert.js.map │ │ │ ├── jj-alert.js.map │ │ │ ├── jj-button.js.map │ │ │ └── update-version-alert.js.map │ │ │ ├── dialog │ │ │ └── jj-dialog.js.map │ │ │ ├── loading │ │ │ └── jj-loading.js.map │ │ │ ├── messageView │ │ │ ├── app-message-view.js.map │ │ │ └── index.js.map │ │ │ ├── popup │ │ │ └── jj-popup.js.map │ │ │ └── toast │ │ │ └── jj-toast.js.map │ │ ├── demo │ │ ├── demo.js.map │ │ ├── index.js.map │ │ └── nvue.js.map │ │ ├── index │ │ ├── header.js.map │ │ └── index.js.map │ │ ├── mine │ │ └── index.js.map │ │ └── mp │ │ ├── test1.js.map │ │ └── test2.js.map │ ├── app-plus │ ├── __uniappautomator.js │ ├── __uniappchooselocation.js │ ├── __uniapperror.png │ ├── __uniappopenlocation.js │ ├── __uniapppicker.js │ ├── __uniappquill.js │ ├── __uniappquillimageresize.js │ ├── __uniappscan.js │ ├── __uniappsuccess.png │ ├── __uniappview.html │ ├── app-config-service.js │ ├── app-config.js │ ├── app-service.js │ ├── app.css │ ├── manifest.json │ ├── pages │ │ ├── app │ │ │ ├── index.css │ │ │ └── popup-view.css │ │ ├── components │ │ │ └── jj-messagebox │ │ │ │ └── messageView │ │ │ │ └── app-message-view.css │ │ ├── demo │ │ │ ├── index.css │ │ │ └── nvue.js │ │ ├── index │ │ │ └── index.css │ │ ├── mine │ │ │ └── index.css │ │ └── mp │ │ │ ├── test1.css │ │ │ └── test2.css │ ├── static │ │ ├── background_image.jpeg │ │ ├── bg_custom_update.png │ │ ├── image.js │ │ ├── loading_custom.png │ │ └── logo.png │ └── uni-app-view.umd.js │ └── mp-weixin │ ├── app.js │ ├── app.json │ ├── app.wxss │ ├── common │ └── vendor.js │ ├── nvue.wxss │ ├── pages │ ├── app │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxss │ │ ├── popup-view.js │ │ ├── popup-view.json │ │ ├── popup-view.wxml │ │ └── popup-view.wxss │ ├── baseView │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── components │ │ └── jj-messagebox │ │ │ ├── alert │ │ │ ├── custom-alert.js │ │ │ ├── custom-alert.json │ │ │ ├── custom-alert.wxml │ │ │ ├── custom-alert.wxss │ │ │ ├── jj-alert.js │ │ │ ├── jj-alert.json │ │ │ ├── jj-alert.wxml │ │ │ ├── jj-alert.wxss │ │ │ ├── jj-button.js │ │ │ ├── jj-button.json │ │ │ ├── jj-button.wxml │ │ │ ├── jj-button.wxss │ │ │ ├── update-version-alert.js │ │ │ ├── update-version-alert.json │ │ │ ├── update-version-alert.wxml │ │ │ └── update-version-alert.wxss │ │ │ ├── dialog │ │ │ ├── jj-dialog.js │ │ │ ├── jj-dialog.json │ │ │ ├── jj-dialog.wxml │ │ │ └── jj-dialog.wxss │ │ │ ├── loading │ │ │ ├── jj-loading.js │ │ │ ├── jj-loading.json │ │ │ ├── jj-loading.wxml │ │ │ └── jj-loading.wxss │ │ │ ├── messageView │ │ │ ├── alert.js │ │ │ ├── app-message-view.js │ │ │ ├── app-message-view.json │ │ │ ├── app-message-view.wxml │ │ │ ├── app-message-view.wxss │ │ │ ├── constant.js │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ ├── index.wxml │ │ │ ├── index.wxss │ │ │ ├── loading.js │ │ │ ├── processor.js │ │ │ ├── ref.js │ │ │ └── toast.js │ │ │ ├── popup │ │ │ ├── jj-popup.js │ │ │ ├── jj-popup.json │ │ │ ├── jj-popup.wxml │ │ │ └── jj-popup.wxss │ │ │ ├── static │ │ │ └── image.js │ │ │ └── toast │ │ │ ├── jj-toast.js │ │ │ ├── jj-toast.json │ │ │ ├── jj-toast.wxml │ │ │ └── jj-toast.wxss │ ├── demo │ │ ├── demo.js │ │ ├── demo.json │ │ ├── demo.wxml │ │ ├── demo.wxss │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxss │ │ ├── nvue.js │ │ ├── nvue.json │ │ ├── nvue.wxml │ │ └── nvue.wxss │ ├── index │ │ ├── header.js │ │ ├── header.json │ │ ├── header.wxml │ │ ├── header.wxss │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── mine │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxss │ │ └── request.js │ └── mp │ │ ├── test1.js │ │ ├── test1.json │ │ ├── test1.wxml │ │ ├── test1.wxss │ │ ├── test2.js │ │ ├── test2.json │ │ ├── test2.wxml │ │ └── test2.wxss │ ├── project.config.json │ └── static │ ├── background_image.jpeg │ ├── bg_custom_update.png │ ├── image.js │ ├── loading_custom.png │ └── logo.png └── vue.config.js /.hbuilderx/launch.json: -------------------------------------------------------------------------------- 1 | { // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/ 2 | // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数 3 | "version": "0.0", 4 | "configurations": [{ 5 | "app-plus" : 6 | { 7 | "launchtype" : "local" 8 | }, 9 | "default" : 10 | { 11 | "launchtype" : "local" 12 | }, 13 | "mp-weixin" : 14 | { 15 | "launchtype" : "local" 16 | }, 17 | "type" : "uniCloud" 18 | } 19 | ] 20 | } 21 | -------------------------------------------------------------------------------- /.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # 默认忽略的文件 2 | /shelf/ 3 | /workspace.xml 4 | # 基于编辑器的 HTTP 客户端请求 5 | /httpRequests/ 6 | -------------------------------------------------------------------------------- /.idea/jj-uni-messagebox.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.vite/deps/package.json: -------------------------------------------------------------------------------- 1 | {"type":"module"} -------------------------------------------------------------------------------- /App.vue: -------------------------------------------------------------------------------- 1 | 15 | 16 | 19 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Jeking 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | 2 | import App from './App' 3 | 4 | //----------------------版本vue2--start------------------ 5 | // #ifdef VUE2 6 | import Vue from 'vue' 7 | 8 | import baseView from 'pages/baseView/index.vue' 9 | Vue.component('base-view', baseView) 10 | 11 | import messageView from 'pages/components/jj-messagebox/messageView/index.vue' 12 | //注册全局组件，在vue.config.js文件进行配置，根据需求动态插入到小程序的页面中 13 | Vue.component('messageView', messageView) 14 | 15 | import installPlugin from 'pages/components/jj-messagebox/messageView/index.js' 16 | //第二个参数只对App有效，App的遮罩层页面的跳转链接url，在pages.json文件那里配置，设置改参数可以覆盖原生组件（导航栏，tabbar,地图等） 17 | installPlugin(Vue,'/pages/components/jj-messagebox/messageView/app-message-view') 18 | Vue.config.productionTip = false 19 | App.mpType = 'app' 20 | const app = new Vue({ 21 | ...App 22 | }) 23 | app.$mount() 24 | // #endif 25 | //----------------------版本vue2---end-------------------- 26 | 27 | 28 | //====================版本vue3==start=============== 29 | // #ifdef VUE3 30 | import baseView from './pages/baseView/index.vue' 31 | import {installPlugin_Vue3} from './pages/components/jj-messagebox/messageView/index.js' 32 | import { createSSRApp } from 'vue' 33 | export function createApp() { 34 | const app = createSSRApp(App) 35 | app.component('base-view', baseView) 36 | //第二个参数只对App有效，App的遮罩层页面的跳转链接url，在pages.json文件那里配置，设置改参数可以覆盖原生组件（导航栏，tabbar,地图等） 37 | installPlugin_Vue3(app,'/pages/components/jj-messagebox/messageView/app-message-view') 38 | return { 39 | app 40 | } 41 | } 42 | // #endif 43 | //====================版本vue3==end=============== 44 | 45 | -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name" : "jj-uni-messagebox", 3 | "appid" : "", 4 | "description" : "", 5 | "versionName" : "1.0.0", 6 | "versionCode" : "100", 7 | "transformPx" : false, 8 | /* 5+App特有相关 */ 9 | "app-plus" : { 10 | "runmode" : "liberate", 11 | "usingComponents" : true, 12 | "nvueStyleCompiler" : "uni-app", 13 | "compilerVersion" : 3, 14 | "splashscreen" : { 15 | "alwaysShowBeforeRender" : true, 16 | "waiting" : true, 17 | "autoclose" : true, 18 | "delay" : 0 19 | }, 20 | /* 模块配置 */ 21 | "modules" : {}, 22 | /* 应用发布信息 */ 23 | "distribute" : { 24 | /* android打包配置 */ 25 | "android" : { 26 | "permissions" : [ 27 | "", 28 | "", 29 | "", 30 | "", 31 | "", 32 | "", 33 | "", 34 | "", 35 | "", 36 | "", 37 | "", 38 | "", 39 | "", 40 | "", 41 | "" 42 | ] 43 | }, 44 | /* ios打包配置 */ 45 | "ios" : {}, 46 | /* SDK配置 */ 47 | "sdkConfigs" : {} 48 | } 49 | }, 50 | /* 快应用特有相关 */ 51 | "quickapp" : {}, 52 | /* 小程序特有相关 */ 53 | "mp-weixin" : { 54 | "appid" : "", 55 | "setting" : { 56 | "urlCheck" : false, 57 | "es6" : true 58 | }, 59 | "usingComponents" : true 60 | }, 61 | "mp-alipay" : { 62 | "usingComponents" : true 63 | }, 64 | "mp-baidu" : { 65 | "usingComponents" : true 66 | }, 67 | "mp-toutiao" : { 68 | "usingComponents" : true, 69 | "setting" : { 70 | "es6" : true 71 | } 72 | }, 73 | "uniStatistics" : { 74 | "enable" : false 75 | }, 76 | "vueVersion" : "3", 77 | "mp-qq" : { 78 | "setting" : { 79 | "es6" : true 80 | } 81 | } 82 | } 83 | -------------------------------------------------------------------------------- /pages.json: -------------------------------------------------------------------------------- 1 | { 2 | "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages 3 | { 4 | "path": "pages/index/index", 5 | "style": { 6 | "navigationBarTitleText": "Home" 7 | } 8 | }, 9 | { 10 | "path": "pages/mine/index", 11 | "style": { 12 | "navigationBarTitleText": "Mine" 13 | } 14 | }, 15 | { 16 | "path": "pages/app/index", 17 | "style": { 18 | "navigationBarTitleText": "App" 19 | } 20 | }, 21 | { 22 | "path": "pages/demo/index", 23 | "style": { 24 | "navigationBarBackgroundColor":"#3F536E" 25 | } 26 | }, 27 | { 28 | "path": "pages/demo/nvue", 29 | "style": { 30 | "navigationBarBackgroundColor":"#3F536E" 31 | } 32 | }, 33 | { 34 | "path": "pages/mp/test1", 35 | "style": { 36 | "navigationBarBackgroundColor":"#3F536E" 37 | } 38 | }, 39 | { 40 | "path": "pages/mp/test2", 41 | "style": { 42 | "navigationBarBackgroundColor":"#3F536E" 43 | } 44 | }, 45 | { 46 | "path": "pages/components/jj-messagebox/messageView/app-message-view", 47 | "style": { 48 | // "navigationBarTextStyle":"white",//设置状态栏颜色 49 | "navigationStyle": "custom", // 取消本页面的导航栏 50 | "background": "transparent", // 背景透明 51 | "app-plus": { 52 | "animationType": "zoom-fade-out", //zoom-fade-out：新窗体从小到大逐渐放大并且从透明到不透明逐渐显示，解决安卓平台下微闪问题 53 | "background": "transparent", // 背景透明 54 | "backgroundColor": "transparent", // 背景透明 55 | "webviewBGTransparent":true, 56 | "mask":"none", 57 | "popGesture": "none" // 关闭IOS屏幕左边滑动关闭当前页面的功能 58 | 59 | } 60 | } 61 | }, 62 | { 63 | "path": "pages/app/popup-view", 64 | "style": { 65 | // "navigationBarTextStyle":"white",//设置状态栏颜色 66 | "navigationStyle": "custom", // 取消本页面的导航栏 67 | "background": "transparent", // 背景透明 68 | "app-plus": { 69 | "animationType": "fade-in", // 设置fade-in淡入动画，为最合理的动画类型 70 | "background": "transparent", // 背景透明 71 | "backgroundColor": "transparent", // 背景透明 72 | "webviewBGTransparent":true, 73 | "mask":"none", 74 | "popGesture": "none" // 关闭IOS屏幕左边滑动关闭当前页面的功能 75 | 76 | } 77 | } 78 | } 79 | 80 | ], 81 | "tabBar": { 82 | "color": "#7A7E83", 83 | "selectedColor": "#3cc51f", 84 | "borderStyle": "black", 85 | "backgroundColor": "#ffffff", 86 | "list": [{ 87 | "pagePath": "pages/index/index", 88 | // "iconPath": "static/image/icon_component.png", 89 | // "selectedIconPath": "static/image/icon_component_HL.png", 90 | "text": "Home" 91 | }, { 92 | "pagePath": "pages/mine/index", 93 | // "iconPath": "static/image/icon_API.png", 94 | // "selectedIconPath": "static/image/icon_API_HL.png", 95 | "text": "Mine" 96 | },{ 97 | "pagePath": "pages/demo/nvue", 98 | // "iconPath": "static/image/icon_API.png", 99 | // "selectedIconPath": "static/image/icon_API_HL.png", 100 | "text": "nvue" 101 | }, { 102 | "pagePath": "pages/app/index", 103 | // "iconPath": "static/image/icon_API.png", 104 | // "selectedIconPath": "static/image/icon_API_HL.png", 105 | "text": "App" 106 | }] 107 | }, 108 | "globalStyle": { 109 | "navigationBarTextStyle": "black", 110 | "navigationBarTitleText": "uni-app", 111 | "navigationBarBackgroundColor": "#F8F8F8", 112 | "backgroundColor": "#fff" 113 | } 114 | } 115 | -------------------------------------------------------------------------------- /pages/app/index.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 121 | 122 | 123 | 153 | -------------------------------------------------------------------------------- /pages/app/popup-view.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 42 | 43 | 49 | 50 | 58 | -------------------------------------------------------------------------------- /pages/baseView/index.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 29 | 30 | 32 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/alert/custom-alert.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 35 | 36 | 38 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/alert/jj-button.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 73 | 74 | 86 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/alert/update-version-alert.vue: -------------------------------------------------------------------------------- 1 | 27 | 28 | 72 | 73 | 139 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/dialog/index.js: -------------------------------------------------------------------------------- 1 | import dialog from "./jj-dialog.vue" 2 | 3 | dialog.install = function(Vue){ 4 | Vue.component(dialog.name,dialog) 5 | } 6 | export default dialog -------------------------------------------------------------------------------- /pages/components/jj-messagebox/dialog/jj-dialog.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 147 | 148 | 157 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/index.js: -------------------------------------------------------------------------------- 1 | import jjDialog from "./dialog/index.js" 2 | import jjAlert from "./alert/index.js" 3 | import jjLoading from './loading/index.js' 4 | import jjToast from './toast/index.js' 5 | import jjPopup from './popup/index.js' 6 | 7 | 8 | // 组件集合，用于遍历 9 | const components = [jjDialog,jjPopup]; 10 | 11 | // console.log({ 12 | // components 13 | // }); 14 | let messagebox = {} 15 | // install 方法 16 | messagebox.install = function(Vue) { 17 | if (messagebox.install.installed) return; 18 | messagebox.install.installed = true 19 | //使用JJAlert插件 20 | Vue.use(jjAlert) 21 | Vue.use(jjLoading) 22 | Vue.use(jjToast) 23 | // console.log('------------') 24 | // 遍历注册全局组件 25 | components.map((component) => Vue.component(component.name, component)); 26 | }; 27 | 28 | // 判断是否是直接引入文件 29 | if (typeof window !== "undefined" && window.Vue) { 30 | messagebox.install(window.Vue); 31 | } 32 | 33 | export { 34 | jjAlert, 35 | jjLoading, 36 | jjToast, 37 | jjDialog, 38 | jjPopup, 39 | }; 40 | 41 | export default messagebox 42 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/jj-fadelog.css: -------------------------------------------------------------------------------- 1 | 2 | /*弹层动画（从上往下）*/ 3 | 4 | /* .fadeIn { 5 | -webkit-animation: fadeInDown .3s; 6 | animation: fadeInDown .3s; 7 | } 8 | 9 | @keyframes fadeInDown { 10 | 0% { 11 | transform: translate3d(0, -20%, 0); 12 | opacity: 0; 13 | } 14 | 100% { 15 | transform: none; 16 | opacity: 1; 17 | } 18 | } 19 | 20 | @-webkit-keyframes fadeInDown { 21 | 0% { 22 | -webkit-transform: translate3d(0, -20%, 0); 23 | opacity: 0; 24 | } 25 | 100% { 26 | -webkit-transform: none; 27 | opacity: 1; 28 | } 29 | } */ 30 | 31 | /*弹层动画（从下往上出现）*/ 32 | 33 | .fadelogIn { 34 | -webkit-animation: fadelogIn .25s; 35 | animation: fadelogIn .25s; 36 | } 37 | 38 | @keyframes fadelogIn { 39 | 0% { 40 | transform: translate3d(0, 100%, 0); 41 | } 42 | 100% { 43 | transform: none; 44 | } 45 | } 46 | 47 | @-webkit-keyframes fadelogIn { 48 | 0% { 49 | -webkit-transform: translate3d(0, 100%, 0); 50 | } 51 | 100% { 52 | -webkit-transform: none; 53 | } 54 | } 55 | 56 | 57 | /*弹层动画（从上往下消失）*/ 58 | 59 | .fadelogOut { 60 | -webkit-animation: fadelogOut .25s; 61 | animation: fadelogOut .25s; 62 | /* 保留动画结束后的样子 */ 63 | animation-fill-mode: forwards; 64 | -webkit-animation-fill-mode: forwards; 65 | } 66 | 67 | @keyframes fadelogOut { 68 | 0% { 69 | transform: none; 70 | } 71 | 100% { 72 | transform: translate3d(0, 100%, 0); 73 | } 74 | } 75 | 76 | @-webkit-keyframes fadelogOut { 77 | 0% { 78 | -webkit-transform: none; 79 | } 80 | 100% { 81 | -webkit-transform: translate3d(0, 100%, 0); 82 | } 83 | } -------------------------------------------------------------------------------- /pages/components/jj-messagebox/jj-messagebox.css: -------------------------------------------------------------------------------- 1 | .messagebox-shade { 2 | width: 100%; 3 | height: 100%; 4 | position: fixed; 5 | bottom: 0; 6 | right: 0; 7 | background-color: rgba(0, 0, 0, 0.45); 8 | z-index: 999; 9 | display: flex; 10 | align-items: center; 11 | justify-content: center; 12 | } 13 | 14 | .messagebox-main { 15 | display: flex; 16 | flex-direction: column; 17 | position: relative; 18 | background: white; 19 | width: 80%; 20 | border-radius: 5px; 21 | overflow: hidden; 22 | box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.04); 23 | box-sizing: border-box; 24 | background-repeat: no-repeat; 25 | background-size: cover; 26 | background-attachment: fixed; 27 | } 28 | 29 | .background-content { 30 | display: flex; 31 | flex-direction: column; 32 | position: absolute; 33 | right: 0; 34 | bottom: 0; 35 | top: 0; 36 | left: 0; 37 | } 38 | 39 | .messagebox-content { 40 | box-sizing: border-box; 41 | width: 100%; 42 | padding: 20px; 43 | display: flex; 44 | flex-direction: column; 45 | position: relative; 46 | white-space: pre-wrap; 47 | } 48 | 49 | .rightTopClose { 50 | display: flex; 51 | flex-direction: column; 52 | justify-content: center; 53 | align-items: center; 54 | width: 35px; 55 | height: 35px; 56 | position: absolute; 57 | z-index: 100; 58 | top: 3px; 59 | right: 5px; 60 | } 61 | 62 | .closeImage { 63 | height: 15px; 64 | width: 15px; 65 | background-repeat: no-repeat; 66 | background-size: contain; 67 | } 68 | 69 | .image { 70 | height: 100%; 71 | width: 100%; 72 | background-repeat: no-repeat; 73 | background-size: contain; 74 | } 75 | 76 | .fadelogOutOpcity{ 77 | -webkit-transition: all 0.25s; 78 | -moz-transition: all 0.25s; 79 | -ms-transition: all 0.25s; 80 | -o-transition: all 0.25s; 81 | transition: all 0.25s; 82 | animation-timing-function: ease-out; 83 | -webkit-animation-timing-function: ease-out; 84 | opacity: 0; 85 | } 86 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/jj-pop.css: -------------------------------------------------------------------------------- 1 | /*弹层动画（放大）*/ 2 | .popIn { 3 | -webkit-animation: popIn .25s; 4 | -webkit-animation-delay: 0s; 5 | animation-timing-function: ease-in-out; 6 | -webkit-animation-timing-function: ease-in-out; 7 | animation: popIn .25s; 8 | } 9 | 10 | @-webkit-keyframes popIn { 11 | 0% { 12 | -webkit-transform: scale3d(0, 0, 0); 13 | opacity: 0; 14 | } 15 | 100% { 16 | -webkit-transform: scale3d(1, 1, 1); 17 | opacity: 1; 18 | } 19 | } 20 | 21 | @keyframes popIn { 22 | 0% { 23 | transform: scale3d(0, 0, 0); 24 | opacity: 0; 25 | } 26 | 100% { 27 | transform: scale3d(1, 1, 1); 28 | opacity: 1; 29 | } 30 | } 31 | 32 | .fadeInOpcity{ 33 | -webkit-animation: fadeIn .25s; 34 | -webkit-animation-delay: 0s; 35 | animation-timing-function: ease-in; 36 | -webkit-animation-timing-function: ease-in; 37 | animation: fadeIn .25s; 38 | } 39 | 40 | @-webkit-keyframes fadeIn { 41 | 0% { 42 | opacity: 0; 43 | } 44 | 100% { 45 | opacity: 1; 46 | } 47 | } 48 | 49 | @keyframes fadeIn { 50 | 0% { 51 | opacity: 0; 52 | } 53 | 100% { 54 | opacity: 1; 55 | } 56 | } 57 | 58 | /*弹层动画（缩小）*/ 59 | .popOut { 60 | -webkit-animation: popOut .25s; 61 | -webkit-animation-timing-function: ease-out; 62 | animation-timing-function: ease-out; 63 | animation: popOut .25s; 64 | /* 保留动画结束后的样子 */ 65 | animation-fill-mode: forwards; 66 | -webkit-animation-fill-mode: forwards; 67 | } 68 | 69 | @-webkit-keyframes popOut { 70 | 0% { 71 | -webkit-transform: scale3d(1, 1, 1); 72 | opacity: 1; 73 | } 74 | 100% { 75 | opacity: 0; 76 | -webkit-transform: scale3d(0, 0, 0); 77 | } 78 | } 79 | 80 | @keyframes popOut { 81 | 0% { 82 | transform: scale3d(1,1, 1); 83 | opacity: 1; 84 | } 85 | 100% { 86 | opacity: 0; 87 | transform: scale3d(0,0,0); 88 | } 89 | } -------------------------------------------------------------------------------- /pages/components/jj-messagebox/loading/jj-loading.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 97 | 98 | 146 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/messageView/alert.js: -------------------------------------------------------------------------------- 1 | import { 2 | kAlert 3 | } from './constant.js' 4 | import { 5 | getRef, 6 | showMessageBox 7 | } from './ref.js' 8 | import processorObj from './processor.js' 9 | import alertH5 from '../alert/jj-alert.vue'; 10 | 11 | // #ifdef VUE2 12 | import Vue from 'vue'; 13 | let jjAlert = Vue.extend(alertH5); //创建vm实例的构造函数 14 | // #endif 15 | 16 | // #ifndef VUE2 17 | import { 18 | createApp 19 | } from 'vue'; 20 | // #ifdef H5 21 | // 创建一个节点，并将组件挂载上去 22 | const mountNode = document.createElement('div') 23 | // #endif 24 | // #endif 25 | 26 | let jj_alert_instance = null 27 | let jj_alert_h5_app = null 28 | let jj_alert = function(alertData, message, btnTitle) { 29 | const data = getData(alertData, message, btnTitle) 30 | let obj = processorObj(kAlert) 31 | obj.processDataFun = getData 32 | // #ifdef H5 33 | // #ifdef VUE2 34 | showAlertH5(data) 35 | // #endif 36 | // #ifndef VUE2 37 | showAlertH5_Vue3(data) 38 | // #endif 39 | obj.messageObj = jj_alert_instance 40 | // #endif 41 | 42 | // #ifdef MP 43 | obj.messageObj = showAlertApp_MP(data) 44 | // #endif 45 | 46 | // #ifdef APP-PLUS 47 | showMessageBox(function() { 48 | //app 如果是页面的跳转，挂载元素需要时间，那么这里就异步赋值 49 | let messageData = Object.assign(data,obj.updateData,{isClose:obj.isClose||false}) 50 | obj.messageObj = showAlertApp_MP(messageData) 51 | }) 52 | // #endif 53 | return obj 54 | } 55 | let showAlertApp_MP = function(data) { 56 | let alert = getRef(kAlert) 57 | if (alert !== undefined) { 58 | 59 | let isClose = data['isClose'] || false 60 | if (isClose) { 61 | alert.quickClose() 62 | return null 63 | } 64 | let priority = data['priority'] || 0 65 | let alertPriority = alert.priority 66 | if (alertPriority > priority&&alert.isShow){ 67 | //比较已有弹窗的优先级，如果已经展示的弹窗的优先级比较高，就不往下执行 68 | return null 69 | } 70 | alert.isCloseAlert = false 71 | alert.isShow = false 72 | alert.show(data) 73 | return alert 74 | } 75 | return null 76 | } 77 | let showAlertH5 = function(data) { 78 | let isClose = data['isClose'] || false 79 | if(removeAlertH5(data) || isClose){ 80 | return 81 | } 82 | let instance = new jjAlert({ 83 | data 84 | }) 85 | instance.$mount() 86 | document.body.appendChild(instance.$el) 87 | instance.show(data) 88 | jj_alert_instance = instance 89 | } 90 | 91 | let showAlertH5_Vue3 = function(data){ 92 | let isClose = data['isClose'] || false 93 | if(removeAlertH5(data) || isClose){ 94 | return 95 | } 96 | document.body.appendChild(mountNode) 97 | const app = createApp(alertH5, { 98 | ...data 99 | }) 100 | jj_alert_h5_app=app 101 | let instance = app.mount(mountNode) 102 | instance.show(data) 103 | jj_alert_instance = instance 104 | } 105 | 106 | let removeAlertH5 = function(data={priority:0}){ 107 | if (jj_alert_instance !== null) { 108 | let priority = data['priority'] || 0 109 | let alertPriority = jj_alert_instance.priority 110 | if (alertPriority > priority && jj_alert_instance.isShow){ 111 | //比较已有弹窗的优先级，如果已经展示的弹窗的优先级比较高，就不往下执行 112 | return true 113 | } 114 | // #ifndef VUE2 115 | if(jj_alert_h5_app !== null){ 116 | //卸载，消除There is already an app instance mounted on the host container警告⚠️ 117 | jj_alert_h5_app.unmount() 118 | jj_alert_h5_app = null 119 | } 120 | // #endif 121 | jj_alert_instance.close() 122 | jj_alert_instance.$el.remove() 123 | jj_alert_instance = null 124 | 125 | } 126 | return false 127 | } 128 | 129 | let getData = function(alertData, message, btnTitle) { 130 | let data = {} 131 | const isAlertDataNull = (alertData === undefined || alertData === null) 132 | const isMessageNull = (message === undefined || message === null) 133 | const isBtnTitileNull = (btnTitle === undefined || btnTitle === null) 134 | if (isAlertDataNull && isMessageNull && isBtnTitileNull) { 135 | return {} 136 | } else { 137 | if (!isAlertDataNull) { 138 | if (typeof alertData === 'object') { 139 | data = { 140 | ...alertData 141 | } 142 | return data 143 | } else { 144 | data['title'] = alertData + '' 145 | } 146 | } 147 | 148 | if (!isMessageNull) { 149 | data['message'] = message + '' 150 | } 151 | if (!isBtnTitileNull) { 152 | data['btns'] = [{ 153 | 'title': btnTitle 154 | }] 155 | } 156 | 157 | } 158 | return data 159 | } 160 | export default jj_alert 161 | 162 | export { 163 | removeAlertH5 164 | } -------------------------------------------------------------------------------- /pages/components/jj-messagebox/messageView/app-message-view.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 93 | 94 | 100 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/messageView/constant.js: -------------------------------------------------------------------------------- 1 | 2 | let kToast = "jj_toast" 3 | let kAlert = 'jj_alert' 4 | let kLoading = 'jj_loading' 5 | 6 | export { 7 | kToast, 8 | kAlert, 9 | kLoading, 10 | } -------------------------------------------------------------------------------- /pages/components/jj-messagebox/messageView/index.js: -------------------------------------------------------------------------------- 1 | 2 | import jj_toast from './toast.js' 3 | import jj_alert from './alert.js' 4 | import jj_loading from './loading.js' 5 | 6 | let installPlugin = function(Vue,appUrl){ 7 | Vue.prototype.$jj_loading = jj_loading 8 | Vue.prototype.$jj_alert = jj_alert 9 | Vue.prototype.$jj_toast = jj_toast 10 | setupGlobalData(appUrl) 11 | } 12 | 13 | export let installPlugin_Vue3 = function(app,appUrl){ 14 | app.config.globalProperties.$jj_loading = jj_loading; 15 | app.config.globalProperties.$jj_alert = jj_alert; 16 | app.config.globalProperties.$jj_toast = jj_toast; 17 | setupGlobalData(appUrl) 18 | } 19 | 20 | let setupGlobalData = function (appUrl) { 21 | setTimeout(function(){ 22 | getApp().globalData.$jj_app_message_url = appUrl || '' 23 | getApp().globalData.$jj_loading = jj_loading 24 | getApp().globalData.$jj_alert = jj_alert 25 | getApp().globalData.$jj_toast = jj_toast 26 | },0) 27 | } 28 | 29 | export default installPlugin 30 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/messageView/index.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 68 | 69 | 71 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/messageView/loading.js: -------------------------------------------------------------------------------- 1 | import { 2 | kLoading 3 | } from './constant.js' 4 | import { 5 | getRef, 6 | showMessageBox 7 | } from './ref.js' 8 | import processorObj from './processor.js' 9 | import loadingH5 from '../loading/jj-loading.vue'; 10 | 11 | // #ifdef VUE2 12 | import Vue from 'vue'; 13 | let jjLoading = Vue.extend(loadingH5); //创建vm实例的构造函数 14 | // #endif 15 | 16 | // #ifndef VUE2 17 | import { 18 | createApp 19 | } from 'vue'; 20 | // #ifdef H5 21 | // 创建一个节点，并将组件挂载上去 22 | const mountNode = document.createElement('div') 23 | // #endif 24 | // #endif 25 | 26 | let jj_loading_instance = null 27 | let jj_loading_h5_app = null 28 | let getLoadingData = function(loadingData) { 29 | let data = {} 30 | if (loadingData === undefined || loadingData === null) { 31 | 32 | } else { 33 | if (typeof loadingData === 'object') { 34 | data = { 35 | ...loadingData 36 | } 37 | } else { 38 | data = { 39 | "message": loadingData + '', 40 | } 41 | } 42 | } 43 | return data 44 | } 45 | 46 | let jj_loading = function(loadingData) { 47 | const data = getLoadingData(loadingData) 48 | let obj = processorObj(kLoading) 49 | obj.processDataFun = getLoadingData 50 | // #ifdef H5 51 | // #ifdef VUE2 52 | showLoadingH5(data) 53 | // #endif 54 | // #ifndef VUE2 55 | showLoadingH5_Vue3(data) 56 | // #endif 57 | obj.messageObj = jj_loading_instance 58 | // #endif 59 | 60 | // #ifdef MP 61 | obj.messageObj = showLoadingApp_MP(data) 62 | // #endif 63 | 64 | // #ifdef APP-PLUS 65 | showMessageBox(function() { 66 | //app 如果是页面的跳转，挂载元素需要时间，那么这里就异步赋值 67 | let messageData = Object.assign(data,obj.updateData,{isClose:obj.isClose||false}) 68 | obj.messageObj = showLoadingApp_MP(messageData) 69 | }) 70 | // #endif 71 | return obj 72 | } 73 | 74 | let showLoadingH5 = function(data) { 75 | let isClose = data['isClose'] || false 76 | removeLoadingH5() 77 | if (isClose) { 78 | return 79 | } 80 | let instance = new jjLoading({ 81 | data 82 | }) 83 | instance.$mount() 84 | document.body.appendChild(instance.$el) 85 | instance.show(data) 86 | jj_loading_instance = instance 87 | } 88 | 89 | let showLoadingH5_Vue3 = function(data) { 90 | let isClose = data['isClose'] || false 91 | removeLoadingH5() 92 | if (isClose) { 93 | return 94 | } 95 | 96 | document.body.appendChild(mountNode) 97 | const app = createApp(loadingH5, { 98 | ...data 99 | }) 100 | jj_loading_h5_app = app 101 | let instance = app.mount(mountNode) 102 | instance.show(data) 103 | jj_loading_instance = instance 104 | } 105 | 106 | let removeLoadingH5 = function() { 107 | if (jj_loading_instance !== null) { 108 | // #ifndef VUE2 109 | if(jj_loading_h5_app !== null){ 110 | //卸载，消除There is already an app instance mounted on the host container警告⚠️ 111 | jj_loading_h5_app.unmount() 112 | jj_loading_h5_app = null 113 | } 114 | // #endif 115 | jj_loading_instance.close() 116 | jj_loading_instance.$el.remove() 117 | jj_loading_instance = null 118 | } 119 | } 120 | 121 | let showLoadingApp_MP = function(data) { 122 | let loading = getRef(kLoading) 123 | if (loading !== undefined) { 124 | loading.isShow = false 125 | let isClose = data['isClose'] || false 126 | if (isClose) { 127 | loading.quickClose() 128 | return null 129 | } 130 | loading.show(data) 131 | return loading 132 | } 133 | return null 134 | } 135 | 136 | export default jj_loading 137 | 138 | export { 139 | removeLoadingH5 140 | } -------------------------------------------------------------------------------- /pages/components/jj-messagebox/messageView/processor.js: -------------------------------------------------------------------------------- 1 | import { 2 | kAlert, 3 | kToast, 4 | kLoading 5 | } from './constant.js' 6 | import { 7 | getRefList, 8 | route_uidKey, 9 | jj_app_message_url 10 | } from './ref.js' 11 | import { 12 | removeAlertH5 13 | } from "./alert.js" 14 | import { 15 | removeLoadingH5 16 | } from "./loading.js" 17 | import { 18 | removeToastH5 19 | } from "./toast.js" 20 | 21 | let processorObj = function(type) { 22 | let obj = new Object() 23 | obj.type = type 24 | obj.isClose = false 25 | obj.messageObj = null 26 | obj.processDataFun = null 27 | obj.updateData = {} 28 | //isAnimation为false时，表示关闭没有动画效果 29 | obj.close = function(isAnimation = true) { 30 | if (obj.isClose) { 31 | return 32 | } 33 | if (obj.messageObj !== null) { 34 | removeData(isAnimation) 35 | } else { 36 | obj.isClose = true 37 | } 38 | } 39 | obj.closeAll = function(fun) { 40 | if (obj.messageObj !== null) { 41 | // #ifdef H5 42 | removeAlertH5() 43 | removeLoadingH5() 44 | removeToastH5() 45 | if (typeof fun === 'function') { 46 | fun() 47 | } 48 | // #endif 49 | 50 | // #ifdef MP 51 | quickCloseVmFun() 52 | if (typeof fun === 'function') { 53 | fun() 54 | } 55 | // #endif 56 | 57 | // #ifdef APP-PLUS 58 | if (jj_app_message_url().length) { 59 | setupAppCloseFun(obj.messageObj.route_uid, fun) 60 | }else{ 61 | quickCloseVmFun() 62 | if (typeof fun === 'function') { 63 | fun() 64 | } 65 | } 66 | // #endif 67 | } 68 | } 69 | let quickCloseVmFun = function() { 70 | let refList = getRefList(obj.messageObj.route_uid) 71 | for (let i = 0; i < refList.length; i++) { 72 | const ref = refList[i] 73 | ref.quickClose() 74 | } 75 | } 76 | let setupAppCloseFun = function(uid, fun) { 77 | let routes = getCurrentPages() || []; // 获取当前打开过的页面路由数组 78 | let length = routes.length 79 | let index = 0 //遮罩层路由的索引 80 | for (let i = length - 1; i >= 0; i--) { 81 | let page = routes[i] 82 | const route_uid = route_uidKey(page) 83 | if (uid === route_uid) { 84 | index = i 85 | break; 86 | } 87 | } 88 | let curprocessorVM = routes[index].$vm //遮罩层组件对象 89 | //调用返回上一页面方法 90 | curprocessorVM.backPage(()=>{ 91 | if (typeof fun === 'function') { 92 | obj.messageObj = null 93 | fun() 94 | } 95 | }) 96 | 97 | } 98 | let removeData = function(isAnimation) { 99 | obj.isClose = true 100 | if (isAnimation) { 101 | obj.messageObj.close() 102 | } else { 103 | obj.messageObj.quickClose() 104 | } 105 | obj.messageObj = null 106 | } 107 | 108 | obj.update = function(param1, param2, param3) { 109 | if (obj.isClose) { 110 | return 111 | } 112 | if (obj.processDataFun !== null) { 113 | let updateData = updateDataFun(param1, param2, param3) 114 | if (obj.messageObj !== null) { 115 | obj.messageObj.update(updateData) 116 | } else { 117 | obj.updateData = updateData 118 | } 119 | 120 | } 121 | } 122 | let updateDataFun = function(param1, param2, param3) { 123 | let data = {} 124 | if (obj.type === kAlert) { 125 | data = obj.processDataFun(param1, param2, param3) 126 | } else if (obj.type === kLoading) { 127 | data = obj.processDataFun(param1) 128 | } else if (obj.type === kToast) { 129 | data = obj.processDataFun(param1, param2, param3) 130 | } 131 | return data 132 | } 133 | 134 | return obj 135 | } 136 | 137 | export default processorObj 138 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/messageView/ref.js: -------------------------------------------------------------------------------- 1 | 2 | let appShowing = false 3 | let appShowFnList = [] 4 | 5 | let refMessageObj = function (){ 6 | let obj = getApp().globalData.$jj_refMessageObj 7 | if (obj !== undefined){ 8 | return obj 9 | } 10 | getApp().globalData.$jj_refMessageObj = {} 11 | return getApp().globalData.$jj_refMessageObj 12 | } 13 | 14 | 15 | let jj_app_message_url = function(){ 16 | return getApp().globalData.$jj_app_message_url || '' 17 | } 18 | 19 | let currentPageRoute = function () { 20 | let routes = getCurrentPages(); // 获取当前打开过的页面路由数组 21 | //H5 页面刷新后，返回上一页，会返回空数组 22 | if(routes.length === 0){ 23 | return '' 24 | } 25 | let curRoute = routes[routes.length - 1].route 26 | return curRoute 27 | } 28 | let refRouteKey = function(){ 29 | let routes = getCurrentPages(); // 获取当前打开过的页面路由数组 30 | //H5 页面刷新后，返回上一页，会返回空数组 31 | if(routes.length === 0){ 32 | return '' 33 | } 34 | let rKey = route_uidKey(routes[routes.length - 1]) 35 | // console.log('--------',rKey) 36 | return rKey 37 | } 38 | 39 | let route_uidKey = function (page) { 40 | let uid = 0 41 | // #ifdef VUE2 42 | //vue2 页面的id 43 | uid = page.$vm._uid 44 | // #endif 45 | // #ifndef VUE2 46 | //vue3 页面的id 47 | uid = page.$page.id 48 | // #endif 49 | return page.route + '/' + uid 50 | } 51 | let isShowAppMessageView = function (){ 52 | let curRoute = currentPageRoute() 53 | let url = jj_app_message_url() 54 | if (url.indexOf(curRoute) === -1){ 55 | return false 56 | }else{ 57 | return true 58 | } 59 | } 60 | 61 | let showMessageBox = function(showFn){ 62 | 63 | //#ifdef APP-PLUS 64 | appShowMessageBox(showFn) 65 | // #endif 66 | 67 | // #ifdef H5 68 | showFn() 69 | // #endif 70 | // #ifdef MP 71 | showFn() 72 | // #endif 73 | } 74 | 75 | let appShowMessageBox = function (showFn){ 76 | let url = jj_app_message_url() 77 | 78 | if (url.length > 0){ 79 | if(appShowing){ 80 | //说明进入页面跳转，但是页面并没有挂载完成，需要放入队列中缓存起来 81 | appShowFnList.push(showFn) 82 | return 83 | } 84 | // console.log(appShowFnList) 85 | let isShowAppView = isShowAppMessageView() 86 | if (!isShowAppView){ 87 | //标记页面跳转 88 | appShowing = true 89 | uni.navigateTo({ 90 | url: jj_app_message_url(), 91 | animationType:'zoom-fade-out',//zoom-fade-out：新窗体从小到大逐渐放大并且从透明到不透明逐渐显示，解决安卓平台下微闪问题 92 | animationDuration:100,//设置动画时长 93 | }) 94 | setTimeout(()=>{ 95 | //等动画结束后，在显示弹窗 96 | appShowFn(showFn) 97 | },120) 98 | return 99 | } 100 | } 101 | appShowFn(showFn) 102 | } 103 | //循环调用，显示队列里面的方法 104 | let appShowFn = function(showFn){ 105 | showFn() 106 | appShowing = false 107 | if(appShowFnList.length >0){ 108 | let fn = appShowFnList[0] 109 | //删除数组中的第一个元素 110 | appShowFnList.splice(0,1) 111 | appShowFn(fn) 112 | } 113 | } 114 | 115 | let getRef = function(refId){ 116 | let refKey = refRouteKey() 117 | let refObj = refMessageObj() 118 | let currentObj = refObj[refKey] 119 | if(currentObj !== undefined){ 120 | let ref = currentObj[refId] 121 | if(ref !== undefined){ 122 | return ref 123 | } 124 | } 125 | return currentObj 126 | } 127 | 128 | let addRefObj = function(refId,ref){ 129 | let refKey = refRouteKey() 130 | let refObj = refMessageObj() 131 | let currentObj = refObj[refKey] 132 | if(currentObj !== undefined){ 133 | currentObj[refId] = ref 134 | }else{ 135 | let obj = {} 136 | obj[refId] = ref 137 | refObj[refKey] = obj 138 | } 139 | } 140 | 141 | let removeRefObj = function(){ 142 | let refKey = refRouteKey() 143 | let refObj = refMessageObj() 144 | let currentObj = refObj[refKey] 145 | if(currentObj !== undefined){ 146 | delete refObj[refKey] 147 | } 148 | } 149 | 150 | let getRefList = function (route_uid){ 151 | let refList = [] 152 | let refKey = route_uid 153 | if(refKey===undefined){ 154 | refKey = refRouteKey() 155 | } 156 | let currentObj = refMessageObj()[refKey] 157 | if(currentObj !== undefined){ 158 | let refObj = refMessageObj()[refKey] 159 | for (let key in refObj) { 160 | refList.push(refObj[key]) 161 | } 162 | } 163 | return refList 164 | } 165 | 166 | export { 167 | refMessageObj, 168 | refRouteKey, 169 | currentPageRoute, 170 | isShowAppMessageView, 171 | jj_app_message_url, 172 | showMessageBox, 173 | route_uidKey, 174 | getRef, 175 | addRefObj, 176 | removeRefObj, 177 | getRefList, 178 | } -------------------------------------------------------------------------------- /pages/components/jj-messagebox/messageView/toast.js: -------------------------------------------------------------------------------- 1 | import { 2 | kToast 3 | } from './constant.js' 4 | import { 5 | getRef, 6 | showMessageBox 7 | } from './ref.js' 8 | import processorObj from './processor.js' 9 | import toastH5 from '../toast/jj-toast.vue'; 10 | 11 | // #ifdef VUE2 12 | import Vue from 'vue'; 13 | let jjToast = Vue.extend(toastH5); //创建vm实例的构造函数 14 | // #endif 15 | // #ifndef VUE2 16 | import { 17 | createApp 18 | } from 'vue'; 19 | // #ifdef H5 20 | // 创建一个节点，并将组件挂载上去 21 | const mountNode = document.createElement('div') 22 | // #endif 23 | // #endif 24 | 25 | let jj_toast_instance = null 26 | let jj_toast_h5_app = null 27 | 28 | let getData = function(toastData, type, duration) { 29 | let data = {} 30 | const isToastDataNull = (toastData === undefined || toastData === null) 31 | const isTypeNull = (type === undefined || type === null) 32 | const isDurationNull = (duration === undefined || duration === null) 33 | if (isToastDataNull && isTypeNull && isDurationNull) { 34 | return {} 35 | } else { 36 | if (!isToastDataNull) { 37 | if (typeof toastData === 'object') { 38 | data = { 39 | ...toastData 40 | } 41 | return data 42 | } else { 43 | data['message'] = toastData + '' 44 | } 45 | } 46 | 47 | if (!isTypeNull) { 48 | data['type'] = type + '' 49 | } 50 | if (!isDurationNull) { 51 | if (duration.constructor === Number) { 52 | data["duration"] = duration 53 | } 54 | } 55 | } 56 | return data 57 | } 58 | 59 | 60 | let jj_toast = function(toastData, type, duration) { 61 | const data = getData(toastData, type, duration) 62 | let obj = processorObj(kToast) 63 | obj.processDataFun = getData 64 | // #ifdef H5 65 | // #ifdef VUE2 66 | showToastH5(data) 67 | // #endif 68 | // #ifndef VUE2 69 | showToastH5_Vue3(data) 70 | // #endif 71 | obj.messageObj = jj_toast_instance 72 | // #endif 73 | 74 | // #ifdef MP 75 | obj.messageObj = showToastApp_MP(data) 76 | // #endif 77 | 78 | // #ifdef APP-PLUS 79 | showMessageBox(function() { 80 | //app 如果是页面的跳转，挂载元素需要时间，那么这里就异步赋值 81 | let messageData = Object.assign(data,obj.updateData,{isClose:obj.isClose||false}) 82 | obj.messageObj = showToastApp_MP(messageData) 83 | }) 84 | // #endif 85 | return obj 86 | } 87 | 88 | let showToastH5 = function(data) { 89 | let isClose = data['isClose'] || false 90 | removeToastH5() 91 | if (isClose) { 92 | return 93 | } 94 | let instance = new jjToast({ 95 | data 96 | }) 97 | instance.$mount() 98 | document.body.appendChild(instance.$el) 99 | instance.show(data) 100 | jj_toast_instance = instance 101 | } 102 | 103 | let showToastH5_Vue3 = function(data) { 104 | let isClose = data['isClose'] || false 105 | removeToastH5() 106 | if (isClose) { 107 | return 108 | } 109 | document.body.appendChild(mountNode) 110 | const app = createApp(toastH5, { 111 | ...data 112 | }) 113 | jj_toast_h5_app = app 114 | let instance = app.mount(mountNode) 115 | instance.show(data) 116 | jj_toast_instance = instance 117 | } 118 | 119 | let removeToastH5 = function() { 120 | if (jj_toast_instance !== null) { 121 | if (jj_toast_instance.jj_time !== null) { 122 | clearTimeout(jj_toast_instance.jj_time) 123 | jj_toast_instance.jj_time = null 124 | } 125 | // #ifndef VUE2 126 | if(jj_toast_h5_app !== null){ 127 | //卸载，消除There is already an app instance mounted on the host container警告⚠️ 128 | jj_toast_h5_app.unmount() 129 | jj_toast_h5_app = null 130 | } 131 | // #endif 132 | jj_toast_instance.close() 133 | jj_toast_instance.$el.remove() 134 | jj_toast_instance = null 135 | } 136 | } 137 | 138 | let showToastApp_MP = function(data) { 139 | let toast = getRef(kToast) 140 | // console.log('------',toast,data) 141 | if (toast !== undefined) { 142 | if (toast.jj_time !== null) { 143 | clearTimeout(toast.jj_time) 144 | toast.jj_time = null 145 | } 146 | toast.isShow = false 147 | let isClose = data['isClose'] || false 148 | if (isClose) { 149 | toast.quickClose() 150 | return null 151 | } 152 | toast.show(data) 153 | return toast 154 | } 155 | return null 156 | } 157 | 158 | export default jj_toast 159 | 160 | export { 161 | removeToastH5 162 | } -------------------------------------------------------------------------------- /pages/components/jj-messagebox/popup/index.js: -------------------------------------------------------------------------------- 1 | import popup from "./jj-popup.vue" 2 | 3 | popup.install = function(Vue){ 4 | Vue.component(popup.name,popup) 5 | } 6 | export default popup -------------------------------------------------------------------------------- /pages/components/jj-messagebox/popup/jj-popup.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | 156 | 157 | 169 | -------------------------------------------------------------------------------- /pages/components/jj-messagebox/static/fail_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/pages/components/jj-messagebox/static/fail_icon.png -------------------------------------------------------------------------------- /pages/components/jj-messagebox/static/jj_close_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/pages/components/jj-messagebox/static/jj_close_icon.png -------------------------------------------------------------------------------- /pages/components/jj-messagebox/static/jj_loading_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/pages/components/jj-messagebox/static/jj_loading_icon.png -------------------------------------------------------------------------------- /pages/components/jj-messagebox/static/jj_loading_round_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/pages/components/jj-messagebox/static/jj_loading_round_icon.png -------------------------------------------------------------------------------- /pages/components/jj-messagebox/static/jj_loading_taichi_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/pages/components/jj-messagebox/static/jj_loading_taichi_icon.png -------------------------------------------------------------------------------- /pages/components/jj-messagebox/static/success_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/pages/components/jj-messagebox/static/success_icon.png -------------------------------------------------------------------------------- /pages/components/jj-messagebox/static/warn_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/pages/components/jj-messagebox/static/warn_icon.png -------------------------------------------------------------------------------- /pages/components/jj-messagebox/toast/jj-toast.vue: -------------------------------------------------------------------------------- 1 | 19 | 20 | 113 | 114 | 133 | -------------------------------------------------------------------------------- /pages/demo/index.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 13 | -------------------------------------------------------------------------------- /pages/index/header.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 111 | 112 | 131 | -------------------------------------------------------------------------------- /pages/index/index.vue: -------------------------------------------------------------------------------- 1 | 18 | 45 | 46 | 69 | -------------------------------------------------------------------------------- /pages/mine/index.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 26 | 27 | 28 | 29 | 45 | 46 | -------------------------------------------------------------------------------- /pages/mine/request.js: -------------------------------------------------------------------------------- 1 | 2 | let requsetUserInfo = function() { 3 | //全局方式调用 4 | let load = getApp().globalData.$jj_loading() 5 | setTimeout(function(){ 6 | load.close() 7 | getApp().globalData.$jj_toast('成功获取用户信息。。。。。。哈哈😄😄') 8 | },3000) 9 | } 10 | 11 | export default requsetUserInfo -------------------------------------------------------------------------------- /pages/mp/test1.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 16 | 17 | -------------------------------------------------------------------------------- /pages/mp/test2.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /screenshot/jj-messagebox.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/screenshot/jj-messagebox.gif -------------------------------------------------------------------------------- /static/background_image.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/static/background_image.jpeg -------------------------------------------------------------------------------- /static/bg_custom_update.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/static/bg_custom_update.png -------------------------------------------------------------------------------- /static/loading_custom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/static/loading_custom.png -------------------------------------------------------------------------------- /static/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/static/logo.png -------------------------------------------------------------------------------- /uni.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * 这里是uni-app内置的常用样式变量 3 | * 4 | * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 5 | * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App 6 | * 7 | */ 8 | 9 | /** 10 | * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 11 | * 12 | * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 13 | */ 14 | 15 | /* 颜色变量 */ 16 | 17 | /* 行为相关颜色 */ 18 | $uni-color-primary: #007aff; 19 | $uni-color-success: #4cd964; 20 | $uni-color-warning: #f0ad4e; 21 | $uni-color-error: #dd524d; 22 | 23 | /* 文字基本颜色 */ 24 | $uni-text-color:#333;//基本色 25 | $uni-text-color-inverse:#fff;//反色 26 | $uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息 27 | $uni-text-color-placeholder: #808080; 28 | $uni-text-color-disable:#c0c0c0; 29 | 30 | /* 背景颜色 */ 31 | $uni-bg-color:#ffffff; 32 | $uni-bg-color-grey:#f8f8f8; 33 | $uni-bg-color-hover:#f1f1f1;//点击状态颜色 34 | $uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色 35 | 36 | /* 边框颜色 */ 37 | $uni-border-color:#c8c7cc; 38 | 39 | /* 尺寸变量 */ 40 | 41 | /* 文字尺寸 */ 42 | $uni-font-size-sm:24rpx; 43 | $uni-font-size-base:28rpx; 44 | $uni-font-size-lg:32rpx; 45 | 46 | /* 图片尺寸 */ 47 | $uni-img-size-sm:40rpx; 48 | $uni-img-size-base:52rpx; 49 | $uni-img-size-lg:80rpx; 50 | 51 | /* Border Radius */ 52 | $uni-border-radius-sm: 4rpx; 53 | $uni-border-radius-base: 6rpx; 54 | $uni-border-radius-lg: 12rpx; 55 | $uni-border-radius-circle: 50%; 56 | 57 | /* 水平间距 */ 58 | $uni-spacing-row-sm: 10px; 59 | $uni-spacing-row-base: 20rpx; 60 | $uni-spacing-row-lg: 30rpx; 61 | 62 | /* 垂直间距 */ 63 | $uni-spacing-col-sm: 8rpx; 64 | $uni-spacing-col-base: 16rpx; 65 | $uni-spacing-col-lg: 24rpx; 66 | 67 | /* 透明度 */ 68 | $uni-opacity-disabled: 0.3; // 组件禁用态的透明度 69 | 70 | /* 文章场景相关 */ 71 | $uni-color-title: #2C405A; // 文章标题颜色 72 | $uni-font-size-title:40rpx; 73 | $uni-color-subtitle: #555555; // 二级标题颜色 74 | $uni-font-size-subtitle:36rpx; 75 | $uni-color-paragraph: #3F536E; // 文章段落颜色 76 | $uni-font-size-paragraph:30rpx; -------------------------------------------------------------------------------- /unpackage/dist/dev/.automator/app-plus/.automator.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/.automator/app-plus/.automator.json -------------------------------------------------------------------------------- /unpackage/dist/dev/.automator/mp-weixin/.automator.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/.automator/mp-weixin/.automator.json -------------------------------------------------------------------------------- /unpackage/dist/dev/.nvue/app.css.js: -------------------------------------------------------------------------------- 1 | var _style_0 = {}; 2 | exports.styles = [_style_0]; 3 | -------------------------------------------------------------------------------- /unpackage/dist/dev/.nvue/app.js: -------------------------------------------------------------------------------- 1 | Promise.resolve("./pages/demo/nvue.js").then(() => { 2 | }); 3 | Promise.resolve("./app.css.js").then(() => { 4 | }); 5 | -------------------------------------------------------------------------------- /unpackage/dist/dev/.sourcemap/mp-weixin/pages/baseView/index.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/baseView/index.vue?3934","webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/baseView/index.vue?f7d0","webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/baseView/index.vue?b5bf","webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/baseView/index.vue?8fd3","uni-app:///pages/baseView/index.vue"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAkH;AAClH;AACyD;AACL;;;AAGpD;AACgN;AAChN,gBAAgB,iNAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,gFAAM;AACR,EAAE,yFAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,oFAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACtBf;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;AAAm0B,CAAgB,myBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;ACUv1B;AACA,mBADA;AAEA;AACA,4BADA,EAFA;;AAKA,MALA,kBAKA;AACA;;;AAGA,GATA;AAUA,SAVA,qBAUA;;AAEA,GAZA;AAaA,aAbA,E","file":"pages/baseView/index.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=64b636d2&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\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 = \"pages/baseView/index.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!./index.vue?vue&type=template&id=64b636d2&\"","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!./index.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!./index.vue?vue&type=script&lang=js&\"","\n\n\n\n\n"],"sourceRoot":""} -------------------------------------------------------------------------------- /unpackage/dist/dev/.sourcemap/mp-weixin/pages/demo/index.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["uni-app:///main.js","webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/demo/index.vue?3885","webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/demo/index.vue?f721","webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/demo/index.vue?fcff","webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/demo/index.vue?79b6","uni-app:///pages/demo/index.vue"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;kDAAA;AACA;AACA,2F,6FAFmBA,EAAE,CAACC,iCAAH,GAAuCC,mBAAvC;AAGnBC,UAAU,CAACC,cAAD,CAAV,C;;;;;;;;;;;;;ACHA;AAAA;AAAA;AAAA;AAAA;AAAkH;AAClH;AACyD;AACL;;;AAGpD;AACgN;AAChN,gBAAgB,iNAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,gFAAM;AACR,EAAE,yFAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,oFAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACtBf;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;AAAm0B,CAAgB,myBAAG,EAAC,C;;;;;;;;;;;;;;;;;;ACMv1B;AACA;AACA,sBADA,EADA,E","file":"pages/demo/index.js","sourcesContent":["import 'uni-pages';wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/demo/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=6a3babdf&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\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 = \"pages/demo/index.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!./index.vue?vue&type=template&id=6a3babdf&\"","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!./index.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!./index.vue?vue&type=script&lang=js&\"","\r\n\r\n\n"],"sourceRoot":""} -------------------------------------------------------------------------------- /unpackage/dist/dev/.sourcemap/mp-weixin/pages/mp/test2.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["uni-app:///main.js","webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/mp/test2.vue?6191","webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/mp/test2.vue?380c","webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/mp/test2.vue?acc4","webpack:////Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/mp/test2.vue?58cb","uni-app:///pages/mp/test2.vue"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;kDAAA;AACA;AACA,wF,6FAFmBA,EAAE,CAACC,iCAAH,GAAuCC,mBAAvC;AAGnBC,UAAU,CAACC,aAAD,CAAV,C;;;;;;;;;;;;;ACHA;AAAA;AAAA;AAAA;AAAA;AAAkH;AAClH;AACyD;AACL;;;AAGpD;AACgN;AAChN,gBAAgB,iNAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,gFAAM;AACR,EAAE,yFAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,oFAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACtBf;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;AAAm0B,CAAgB,myBAAG,EAAC,C;;;;;;;;;;;;;;;;;ACKv1B;AACA,SADA,qBACA;AACA;AACA,iBADA,EACA;AACA,2BAFA,EAEA;AACA,0KAHA;;AAKA,GAPA,E","file":"pages/mp/test2.js","sourcesContent":["import 'uni-pages';wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/mp/test2.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./test2.vue?vue&type=template&id=f75da426&\"\nvar renderjs\nimport script from \"./test2.vue?vue&type=script&lang=js&\"\nexport * from \"./test2.vue?vue&type=script&lang=js&\"\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 = \"pages/mp/test2.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!./test2.vue?vue&type=template&id=f75da426&\"","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!./test2.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!./test2.vue?vue&type=script&lang=js&\"","\n\n"],"sourceRoot":""} -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/__uniapperror.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/app-plus/__uniapperror.png -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/__uniappsuccess.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/app-plus/__uniappsuccess.png -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/__uniappview.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | View 6 | 7 | 8 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/app-config-service.js: -------------------------------------------------------------------------------- 1 | 2 | ;(function(){ 3 | let u=void 0,isReady=false,onReadyCallbacks=[],isServiceReady=false,onServiceReadyCallbacks=[]; 4 | const __uniConfig = {"pages":[],"globalStyle":{"backgroundColor":"#fff","navigationBar":{"backgroundColor":"#F8F8F8","titleText":"uni-app","titleColor":"#000000"}},"nvue":{"compiler":"uni-app","styleCompiler":"uni-app","flex-direction":"column"},"renderer":"auto","appname":"jj-uni-messagebox","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":true},"compilerVersion":"3.4.7","entryPagePath":"pages/index/index","entryPageQuery":"","realEntryPagePath":"","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"tabBar":{"position":"bottom","color":"#7A7E83","selectedColor":"#3cc51f","borderStyle":"black","blurEffect":"none","fontSize":"10px","iconWidth":"24px","spacing":"3px","height":"50px","backgroundColor":"#ffffff","list":[{"pagePath":"pages/index/index","text":"Home"},{"pagePath":"pages/mine/index","text":"Mine"},{"pagePath":"pages/demo/nvue","text":"nvue"},{"pagePath":"pages/app/index","text":"App"}],"selectedIndex":0,"shown":true},"locales":{}}; 5 | const __uniRoutes = [{"path":"pages/index/index","meta":{"isQuit":true,"isEntry":true,"isTabBar":true,"tabBarIndex":0,"navigationBar":{"titleText":"Home"}}},{"path":"pages/mine/index","meta":{"isQuit":true,"isTabBar":true,"tabBarIndex":1,"navigationBar":{"titleText":"Mine"}}},{"path":"pages/app/index","meta":{"isQuit":true,"isTabBar":true,"tabBarIndex":3,"navigationBar":{"titleText":"App"}}},{"path":"pages/demo/index","meta":{"navigationBar":{"backgroundColor":"#3F536E"}}},{"path":"pages/demo/nvue","meta":{"isQuit":true,"isTabBar":true,"tabBarIndex":2,"navigationBar":{"backgroundColor":"#3F536E"},"isNVue":true}},{"path":"pages/mp/test1","meta":{"navigationBar":{"backgroundColor":"#3F536E"}}},{"path":"pages/mp/test2","meta":{"navigationBar":{"backgroundColor":"#3F536E"}}},{"path":"pages/components/jj-messagebox/messageView/app-message-view","meta":{"background":"transparent","animationType":"zoom-fade-out","backgroundColor":"transparent","webviewBGTransparent":true,"mask":"none","navigationBar":{"style":"custom"}}},{"path":"pages/app/popup-view","meta":{"background":"transparent","animationType":"fade-in","backgroundColor":"transparent","webviewBGTransparent":true,"mask":"none","navigationBar":{"style":"custom"}}}].map(uniRoute=>(uniRoute.meta.route=uniRoute.path,__uniConfig.pages.push(uniRoute.path),uniRoute.path='/'+uniRoute.path,uniRoute)); 6 | __uniConfig.styles=[{}];//styles 7 | __uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}}); 8 | __uniConfig.onServiceReady=function(callback){if(__uniConfig.serviceReady){callback()}else{onServiceReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"serviceReady",{get:function(){return isServiceReady},set:function(val){isServiceReady=val;if(!isServiceReady){return}const callbacks=onServiceReadyCallbacks.slice(0);onServiceReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}}); 9 | service.register("uni-app-config",{create(a,b,c){if(!__uniConfig.viewport){var d=b.weex.config.env.scale,e=b.weex.config.env.deviceWidth,f=Math.ceil(e/d);Object.assign(__uniConfig,{viewport:f,defaultFontSize:16})}return{instance:{__uniConfig:__uniConfig,__uniRoutes:__uniRoutes,global:u,window:u,document:u,frames:u,self:u,location:u,navigator:u,localStorage:u,history:u,Caches:u,screen:u,alert:u,confirm:u,prompt:u,fetch:u,XMLHttpRequest:u,WebSocket:u,webkit:u,print:u}}}}); 10 | })(); 11 | -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/app-config.js: -------------------------------------------------------------------------------- 1 | (function(){})(); -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "@platforms": [ 3 | "android", 4 | "iPhone", 5 | "iPad" 6 | ], 7 | "id": "", 8 | "name": "jj-uni-messagebox", 9 | "version": { 10 | "name": "1.0.0", 11 | "code": "100" 12 | }, 13 | "description": "", 14 | "developer": { 15 | "name": "", 16 | "email": "", 17 | "url": "" 18 | }, 19 | "permissions": { 20 | "UniNView": { 21 | "description": "UniNView原生渲染" 22 | } 23 | }, 24 | "plus": { 25 | "useragent": { 26 | "value": "uni-app", 27 | "concatenate": true 28 | }, 29 | "splashscreen": { 30 | "target": "id:1", 31 | "autoclose": true, 32 | "waiting": true, 33 | "delay": 0 34 | }, 35 | "popGesture": "close", 36 | "launchwebview": { 37 | "id": "1", 38 | "kernel": "WKWebview" 39 | }, 40 | "statusbar": { 41 | "immersed": "supportedDevice", 42 | "style": "light", 43 | "background": "#F8F8F8" 44 | }, 45 | "runmode": "liberate", 46 | "usingComponents": true, 47 | "nvueStyleCompiler": "uni-app", 48 | "compilerVersion": 3, 49 | "distribute": { 50 | "google": { 51 | "permissions": [ 52 | "", 53 | "", 54 | "", 55 | "", 56 | "", 57 | "", 58 | "", 59 | "", 60 | "", 61 | "", 62 | "", 63 | "", 64 | "", 65 | "", 66 | "" 67 | ] 68 | }, 69 | "apple": {}, 70 | "plugins": { 71 | "audio": { 72 | "mp3": { 73 | "description": "Android平台录音支持MP3格式文件" 74 | } 75 | } 76 | } 77 | }, 78 | "uniStatistics": { 79 | "enable": false 80 | }, 81 | "allowsInlineMediaPlayback": true, 82 | "safearea": { 83 | "background": "#ffffff", 84 | "bottom": { 85 | "offset": "auto" 86 | } 87 | }, 88 | "uni-app": { 89 | "control": "uni-v3", 90 | "vueVersion": "3", 91 | "compilerVersion": "3.4.7", 92 | "nvueCompiler": "uni-app", 93 | "renderer": "auto", 94 | "nvue": { 95 | "flex-direction": "column" 96 | }, 97 | "nvueLaunchMode": "normal" 98 | }, 99 | "tabBar": { 100 | "position": "bottom", 101 | "color": "#7A7E83", 102 | "selectedColor": "#3cc51f", 103 | "borderStyle": "rgba(0,0,0,0.4)", 104 | "blurEffect": "none", 105 | "fontSize": "10px", 106 | "iconWidth": "24px", 107 | "spacing": "3px", 108 | "height": "50px", 109 | "backgroundColor": "#ffffff", 110 | "list": [ 111 | { 112 | "pagePath": "pages/index/index", 113 | "text": "Home" 114 | }, 115 | { 116 | "pagePath": "pages/mine/index", 117 | "text": "Mine" 118 | }, 119 | { 120 | "pagePath": "pages/demo/nvue", 121 | "text": "nvue" 122 | }, 123 | { 124 | "pagePath": "pages/app/index", 125 | "text": "App" 126 | } 127 | ], 128 | "selectedIndex": 0, 129 | "shown": true, 130 | "child": [ 131 | "lauchwebview" 132 | ], 133 | "selected": 0 134 | } 135 | }, 136 | "launch_path": "__uniappview.html" 137 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/pages/app/index.css: -------------------------------------------------------------------------------- 1 | 2 | .flexColumnCenter[data-v-24378d3b] { 3 | display: flex; 4 | flex-direction: column; 5 | justify-content: center; 6 | align-items: center; 7 | width: 100%; 8 | } 9 | .marginTopBottom[data-v-24378d3b] { 10 | margin-top: 10px; 11 | margin-bottom: 10px; 12 | } 13 | .marginLeftRight[data-v-24378d3b] { 14 | margin-right: 10px; 15 | margin-left: 10px; 16 | } 17 | .btn[data-v-24378d3b] { 18 | border-radius: 5px; 19 | background-color: #2A8AFF; 20 | border-color: #FFFFFF; 21 | color: #FFFFFF; 22 | padding: 0px 20px; 23 | height: 44px; 24 | } 25 | -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/pages/app/popup-view.css: -------------------------------------------------------------------------------- 1 | .messagebox-shade[data-v-2387f610] { 2 | width: 100%; 3 | height: 100%; 4 | position: fixed; 5 | bottom: 0; 6 | right: 0; 7 | background-color: rgba(0, 0, 0, 0.45); 8 | z-index: 999; 9 | display: flex; 10 | align-items: center; 11 | justify-content: center; 12 | } 13 | .messagebox-main[data-v-2387f610] { 14 | display: flex; 15 | flex-direction: column; 16 | position: relative; 17 | background: white; 18 | width: 80%; 19 | border-radius: 5px; 20 | overflow: hidden; 21 | box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.04); 22 | box-sizing: border-box; 23 | background-repeat: no-repeat; 24 | background-size: cover; 25 | background-attachment: fixed; 26 | } 27 | .background-content[data-v-2387f610] { 28 | display: flex; 29 | flex-direction: column; 30 | position: absolute; 31 | right: 0; 32 | bottom: 0; 33 | top: 0; 34 | left: 0; 35 | } 36 | .messagebox-content[data-v-2387f610] { 37 | box-sizing: border-box; 38 | width: 100%; 39 | padding: 20px; 40 | display: flex; 41 | flex-direction: column; 42 | position: relative; 43 | white-space: pre-wrap; 44 | } 45 | .rightTopClose[data-v-2387f610] { 46 | display: flex; 47 | flex-direction: column; 48 | justify-content: center; 49 | align-items: center; 50 | width: 35px; 51 | height: 35px; 52 | position: absolute; 53 | z-index: 100; 54 | top: 3px; 55 | right: 5px; 56 | } 57 | .closeImage[data-v-2387f610] { 58 | height: 15px; 59 | width: 15px; 60 | background-repeat: no-repeat; 61 | background-size: contain; 62 | } 63 | .image[data-v-2387f610] { 64 | height: 100%; 65 | width: 100%; 66 | background-repeat: no-repeat; 67 | background-size: contain; 68 | } 69 | .fadelogOutOpcity[data-v-2387f610]{ 70 | transition: all 0.25s; 71 | animation-timing-function: ease-out; 72 | -webkit-animation-timing-function: ease-out; 73 | opacity: 0; 74 | } 75 | 76 | /*弹层动画（从上往下）*/ 77 | 78 | /* .fadeIn { 79 | -webkit-animation: fadeInDown .3s; 80 | animation: fadeInDown .3s; 81 | } 82 | 83 | @keyframes fadeInDown { 84 | 0% { 85 | transform: translate3d(0, -20%, 0); 86 | opacity: 0; 87 | } 88 | 100% { 89 | transform: none; 90 | opacity: 1; 91 | } 92 | } 93 | 94 | @-webkit-keyframes fadeInDown { 95 | 0% { 96 | -webkit-transform: translate3d(0, -20%, 0); 97 | opacity: 0; 98 | } 99 | 100% { 100 | -webkit-transform: none; 101 | opacity: 1; 102 | } 103 | } */ 104 | 105 | /*弹层动画（从下往上出现）*/ 106 | .fadelogIn[data-v-2387f610] { 107 | animation: fadelogIn-2387f610 .25s; 108 | } 109 | @keyframes fadelogIn-2387f610 { 110 | 0% { 111 | transform: translate3d(0, 100%, 0); 112 | } 113 | 100% { 114 | transform: none; 115 | } 116 | } 117 | 118 | /*弹层动画（从上往下消失）*/ 119 | .fadelogOut[data-v-2387f610] { 120 | animation: fadelogOut-2387f610 .25s; 121 | /* 保留动画结束后的样子 */ 122 | animation-fill-mode: forwards; 123 | -webkit-animation-fill-mode: forwards; 124 | } 125 | @keyframes fadelogOut-2387f610 { 126 | 0% { 127 | transform: none; 128 | } 129 | 100% { 130 | transform: translate3d(0, 100%, 0); 131 | } 132 | } 133 | .jj-popup[data-v-2387f610] { 134 | display: flex; 135 | flex-direction: column; 136 | } 137 | .flexCenter[data-v-2387f610] { 138 | display: flex; 139 | justify-content: center; 140 | } 141 | 142 | 143 | body { 144 | background: transparent; 145 | background-color: transparent; 146 | } 147 | 148 | 149 | .image[data-v-01a1d68d] { 150 | height:100%; 151 | width:100%; 152 | background-repeat: no-repeat; 153 | background-size: contain; 154 | } 155 | -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/pages/index/index.css: -------------------------------------------------------------------------------- 1 | 2 | .header-box[data-v-050a3a63]{ 3 | display: flex; 4 | flex-direction: column; 5 | padding: 20px 0px; 6 | } 7 | .btn[data-v-050a3a63] { 8 | margin-top: 20px; 9 | margin-right: 10px; 10 | margin-left: 10px; 11 | border-radius: 5px; 12 | background-color: #2A8AFF; 13 | border-color: #FFFFFF; 14 | color: #FFFFFF; 15 | padding: 0px 20px; 16 | height: 44px; 17 | } 18 | 19 | 20 | body { 21 | background: #2C405A; 22 | /* background-color: transparent; */ 23 | } 24 | .content { 25 | display: flex; 26 | flex-direction: column; 27 | align-items: center; 28 | justify-content: center; 29 | } 30 | .coverView-box{ 31 | position: absolute; 32 | width: 100%; 33 | height: 100%; 34 | z-index: 99999; 35 | background: rgba(0, 0, 0, 0.5); 36 | left: 0; 37 | right: 0; 38 | top: 0; 39 | bottom: 0; 40 | } 41 | -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/pages/mp/test1.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/app-plus/pages/mp/test1.css -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/pages/mp/test2.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/app-plus/pages/mp/test2.css -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/static/background_image.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/app-plus/static/background_image.jpeg -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/static/bg_custom_update.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/app-plus/static/bg_custom_update.png -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/static/loading_custom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/app-plus/static/loading_custom.png -------------------------------------------------------------------------------- /unpackage/dist/dev/app-plus/static/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/app-plus/static/logo.png -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/app.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | Object.defineProperty(exports, "__esModule", { value: true }); 3 | exports[Symbol.toStringTag] = "Module"; 4 | var common_vendor = require("./common/vendor.js"); 5 | var pages_components_jjMessagebox_messageView_toast = require("./pages/components/jj-messagebox/messageView/toast.js"); 6 | var pages_components_jjMessagebox_messageView_alert = require("./pages/components/jj-messagebox/messageView/alert.js"); 7 | var pages_components_jjMessagebox_messageView_loading = require("./pages/components/jj-messagebox/messageView/loading.js"); 8 | require("./pages/components/jj-messagebox/static/image.js"); 9 | require("./pages/components/jj-messagebox/messageView/constant.js"); 10 | require("./pages/components/jj-messagebox/messageView/ref.js"); 11 | require("./pages/components/jj-messagebox/messageView/processor.js"); 12 | if (!Math) { 13 | "./pages/index/index.js"; 14 | "./pages/mine/index.js"; 15 | "./pages/app/index.js"; 16 | "./pages/demo/index.js"; 17 | "./pages/demo/nvue.js"; 18 | "./pages/mp/test1.js"; 19 | "./pages/mp/test2.js"; 20 | "./pages/components/jj-messagebox/messageView/app-message-view.js"; 21 | "./pages/app/popup-view.js"; 22 | } 23 | const _sfc_main = { 24 | onLaunch: function() { 25 | console.log("App Launch"); 26 | }, 27 | onShow: function() { 28 | console.log("App Show"); 29 | }, 30 | onHide: function() { 31 | console.log("App Hide"); 32 | } 33 | }; 34 | var App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/App.vue"]]); 35 | let installPlugin_Vue3 = function(app, appUrl) { 36 | app.config.globalProperties.$jj_loading = pages_components_jjMessagebox_messageView_loading.jj_loading; 37 | app.config.globalProperties.$jj_alert = pages_components_jjMessagebox_messageView_alert.jj_alert; 38 | app.config.globalProperties.$jj_toast = pages_components_jjMessagebox_messageView_toast.jj_toast; 39 | setupGlobalData(appUrl); 40 | }; 41 | let setupGlobalData = function(appUrl) { 42 | setTimeout(function() { 43 | getApp().globalData.$jj_app_message_url = appUrl || ""; 44 | getApp().globalData.$jj_loading = pages_components_jjMessagebox_messageView_loading.jj_loading; 45 | getApp().globalData.$jj_alert = pages_components_jjMessagebox_messageView_alert.jj_alert; 46 | getApp().globalData.$jj_toast = pages_components_jjMessagebox_messageView_toast.jj_toast; 47 | }, 0); 48 | }; 49 | const baseView = () => "./pages/baseView/index.js"; 50 | function createApp() { 51 | const app = common_vendor.createSSRApp(App); 52 | app.component("base-view", baseView); 53 | installPlugin_Vue3(app, "/pages/components/jj-messagebox/messageView/app-message-view"); 54 | return { 55 | app 56 | }; 57 | } 58 | createApp().app.mount("#app"); 59 | exports.createApp = createApp; 60 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "pages": [ 3 | "pages/index/index", 4 | "pages/mine/index", 5 | "pages/app/index", 6 | "pages/demo/index", 7 | "pages/demo/nvue", 8 | "pages/mp/test1", 9 | "pages/mp/test2", 10 | "pages/components/jj-messagebox/messageView/app-message-view", 11 | "pages/app/popup-view" 12 | ], 13 | "window": { 14 | "navigationBarTextStyle": "black", 15 | "navigationBarTitleText": "uni-app", 16 | "navigationBarBackgroundColor": "#F8F8F8", 17 | "backgroundColor": "#fff" 18 | }, 19 | "tabBar": { 20 | "color": "#7A7E83", 21 | "selectedColor": "#3cc51f", 22 | "borderStyle": "black", 23 | "backgroundColor": "#ffffff", 24 | "list": [ 25 | { 26 | "pagePath": "pages/index/index", 27 | "text": "Home" 28 | }, 29 | { 30 | "pagePath": "pages/mine/index", 31 | "text": "Mine" 32 | }, 33 | { 34 | "pagePath": "pages/demo/nvue", 35 | "text": "nvue" 36 | }, 37 | { 38 | "pagePath": "pages/app/index", 39 | "text": "App" 40 | } 41 | ] 42 | }, 43 | "usingComponents": { 44 | "base-view": "/pages/baseView/index" 45 | } 46 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/nvue.wxss: -------------------------------------------------------------------------------- 1 | label, 2 | scroll-view, 3 | swiper-item, 4 | view { 5 | display: flex; 6 | flex-direction: column; 7 | flex-shrink: 0; 8 | flex-grow: 0; 9 | flex-basis: auto; 10 | align-items: stretch; 11 | align-content: flex-start; 12 | } 13 | 14 | image, 15 | input, 16 | scroll-view, 17 | swiper, 18 | swiper-item, 19 | text, 20 | textarea, 21 | video, 22 | view { 23 | position: relative; 24 | border: 0 solid #000; 25 | box-sizing: border-box; 26 | } 27 | 28 | swiper-item { 29 | position: absolute; 30 | } 31 | 32 | button { 33 | margin: 0; 34 | } 35 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/app/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var pages_components_jjMessagebox_messageView_ref = require("../components/jj-messagebox/messageView/ref.js"); 3 | var common_vendor = require("../../common/vendor.js"); 4 | const _sfc_main = { 5 | data() { 6 | return {}; 7 | }, 8 | mounted() { 9 | }, 10 | onLoad() { 11 | }, 12 | computed: { 13 | isShowMap() { 14 | return pages_components_jjMessagebox_messageView_ref.jj_app_message_url().length; 15 | } 16 | }, 17 | methods: { 18 | showAlert() { 19 | }, 20 | showPopup() { 21 | } 22 | } 23 | }; 24 | if (!Array) { 25 | const _component_base_view = common_vendor.resolveComponent("base-view"); 26 | _component_base_view(); 27 | } 28 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 29 | return common_vendor.e({ 30 | a: common_vendor.o((...args) => $options.showAlert && $options.showAlert(...args)), 31 | b: common_vendor.o((...args) => $options.showPopup && $options.showPopup(...args)), 32 | c: $options.isShowMap 33 | }, $options.isShowMap ? {} : {}); 34 | } 35 | var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-24378d3b"], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/app/index.vue"]]); 36 | wx.createPage(MiniProgramPage); 37 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/app/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "App", 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/app/index.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/app/index.wxss: -------------------------------------------------------------------------------- 1 | 2 | .flexColumnCenter.data-v-24378d3b { 3 | display: flex; 4 | flex-direction: column; 5 | justify-content: center; 6 | align-items: center; 7 | width: 100%; 8 | } 9 | .marginTopBottom.data-v-24378d3b { 10 | margin-top: 10px; 11 | margin-bottom: 10px; 12 | } 13 | .marginLeftRight.data-v-24378d3b { 14 | margin-right: 10px; 15 | margin-left: 10px; 16 | } 17 | .btn.data-v-24378d3b { 18 | border-radius: 5px; 19 | background-color: #2A8AFF; 20 | border-color: #FFFFFF; 21 | color: #FFFFFF; 22 | padding: 0px 20px; 23 | height: 44px; 24 | } 25 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/app/popup-view.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var common_vendor = require("../../common/vendor.js"); 3 | var static_image = require("../../static/image.js"); 4 | const jjPopup = () => "../components/jj-messagebox/popup/jj-popup.js"; 5 | const _sfc_main = { 6 | components: { 7 | jjPopup 8 | }, 9 | data() { 10 | return { 11 | isShowPopup: false, 12 | backgroundImg: static_image.background_image() 13 | }; 14 | }, 15 | mounted() { 16 | this.isShowPopup = true; 17 | }, 18 | onLoad(options) { 19 | console.log("------\u4E0A\u4E00\u4E2A\u9875\u9762\u4F20\u8FC7\u6765\u7684\u53C2\u6570-----", options); 20 | }, 21 | methods: { 22 | closePopup() { 23 | common_vendor.index.navigateBack({}); 24 | } 25 | } 26 | }; 27 | if (!Array) { 28 | const _component_jj_popup = common_vendor.resolveComponent("jj-popup"); 29 | _component_jj_popup(); 30 | } 31 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 32 | return { 33 | a: $data.backgroundImg, 34 | b: common_vendor.o($options.closePopup), 35 | c: common_vendor.p({ 36 | visible: $data.isShowPopup, 37 | showClose: true, 38 | title: "\u8BF7\u9009\u62E9", 39 | titleStyle: { 40 | color: "red" 41 | }, 42 | touchClose: false 43 | }) 44 | }; 45 | } 46 | var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-01a1d68d"], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/app/popup-view.vue"]]); 47 | wx.createPage(MiniProgramPage); 48 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/app/popup-view.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationStyle": "custom", 3 | "background": "transparent", 4 | "usingComponents": { 5 | "jj-popup": "../components/jj-messagebox/popup/jj-popup" 6 | } 7 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/app/popup-view.wxml: -------------------------------------------------------------------------------- 1 | 今天天气不错 -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/app/popup-view.wxss: -------------------------------------------------------------------------------- 1 | 2 | page { 3 | background: transparent; 4 | background-color: transparent; 5 | } 6 | 7 | 8 | .image.data-v-01a1d68d { 9 | height:100%; 10 | width:100%; 11 | background-repeat: no-repeat; 12 | background-size: contain; 13 | } 14 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/baseView/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var common_vendor = require("../../common/vendor.js"); 3 | const messageView = () => "../components/jj-messagebox/messageView/index.js"; 4 | const _sfc_main = { 5 | name: "base-view", 6 | components: { 7 | messageView 8 | }, 9 | data() { 10 | return {}; 11 | }, 12 | mounted() { 13 | }, 14 | methods: {} 15 | }; 16 | if (!Array) { 17 | const _component_message_view = common_vendor.resolveComponent("message-view"); 18 | _component_message_view(); 19 | } 20 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 21 | return {}; 22 | } 23 | var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/baseView/index.vue"]]); 24 | wx.createComponent(Component); 25 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/baseView/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": { 4 | "message-view": "../components/jj-messagebox/messageView/index" 5 | } 6 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/baseView/index.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/baseView/index.wxss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/mp-weixin/pages/baseView/index.wxss -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/custom-alert.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var common_vendor = require("../../../../common/vendor.js"); 3 | const updateVersion = () => "./update-version-alert.js"; 4 | const _sfc_main = { 5 | components: { 6 | updateVersion 7 | }, 8 | props: { 9 | type: { 10 | type: String, 11 | default: "" 12 | }, 13 | customData: { 14 | type: Object, 15 | default: function() { 16 | return { type: "" }; 17 | } 18 | } 19 | }, 20 | mounted() { 21 | }, 22 | methods: { 23 | clickBtn(index) { 24 | this.$emit("clickBtn", index); 25 | } 26 | } 27 | }; 28 | if (!Array) { 29 | const _component_update_version = common_vendor.resolveComponent("update-version"); 30 | _component_update_version(); 31 | } 32 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 33 | return common_vendor.e({ 34 | a: $props.customData.type === "updateVersion" 35 | }, $props.customData.type === "updateVersion" ? { 36 | b: common_vendor.o($options.clickBtn), 37 | c: common_vendor.p({ 38 | customData: $props.customData 39 | }) 40 | } : {}); 41 | } 42 | var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/components/jj-messagebox/alert/custom-alert.vue"]]); 43 | wx.createComponent(Component); 44 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/custom-alert.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": { 4 | "update-version": "./update-version-alert" 5 | } 6 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/custom-alert.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/custom-alert.wxss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/custom-alert.wxss -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/jj-alert.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var pages_components_jjMessagebox_messageView_alert = require("../messageView/alert.js"); 3 | require("../messageView/constant.js"); 4 | require("../messageView/ref.js"); 5 | require("../../../../common/vendor.js"); 6 | require("../messageView/processor.js"); 7 | require("../messageView/loading.js"); 8 | require("../static/image.js"); 9 | require("../messageView/toast.js"); 10 | wx.createComponent(pages_components_jjMessagebox_messageView_alert.Component); 11 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/jj-alert.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": { 4 | "jj-button": "./jj-button", 5 | "custom-alert": "./custom-alert" 6 | } 7 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/jj-alert.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/jj-button.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var common_vendor = require("../../../../common/vendor.js"); 3 | const _sfc_main = { 4 | props: { 5 | btnObj: { 6 | type: Object, 7 | default: function() { 8 | return { 9 | title: "", 10 | activeBackground: "transparent", 11 | activeColor: "", 12 | style: { 13 | "color": "#000", 14 | "background": "#fff" 15 | }, 16 | touchClose: true, 17 | isDisable: false, 18 | click: () => { 19 | } 20 | }; 21 | } 22 | } 23 | }, 24 | data() { 25 | return { 26 | isTouching: false 27 | }; 28 | }, 29 | methods: { 30 | click() { 31 | this.$emit("btnClick"); 32 | }, 33 | btnStyle() { 34 | let style = { 35 | background: "#fff", 36 | "font-size": "15px", 37 | height: "44px", 38 | color: "#000" 39 | }; 40 | if (typeof this.btnObj.style === "object") { 41 | Object.assign(style, this.btnObj.style); 42 | } 43 | const activeBackground = this.btnObj.activeBackground || "rgba(0, 0, 0, 0.1)"; 44 | const activeColor = this.btnObj.activeColor || ""; 45 | if (this.isTouching) { 46 | if (activeBackground.length > 0) { 47 | style.background = activeBackground; 48 | } 49 | if (activeColor.length > 0) { 50 | style.color = activeColor; 51 | } 52 | } 53 | return style; 54 | }, 55 | touchstart() { 56 | this.isTouching = true; 57 | }, 58 | touchend() { 59 | this.isTouching = false; 60 | } 61 | } 62 | }; 63 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 64 | return { 65 | a: common_vendor.t($props.btnObj.title), 66 | b: common_vendor.s($options.btnStyle()), 67 | c: common_vendor.o(($event) => $options.click()), 68 | d: common_vendor.o(($event) => $options.touchstart()), 69 | e: common_vendor.o(($event) => $options.touchend()) 70 | }; 71 | } 72 | var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6fd3b3a4"], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/components/jj-messagebox/alert/jj-button.vue"]]); 73 | wx.createComponent(Component); 74 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/jj-button.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/jj-button.wxml: -------------------------------------------------------------------------------- 1 | {{a}} -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/jj-button.wxss: -------------------------------------------------------------------------------- 1 | 2 | .jj-btn-box.data-v-6fd3b3a4 { 3 | display: flex; 4 | height: 100%; 5 | width: 100%; 6 | align-items: center; 7 | justify-content: center; 8 | text-align: center; 9 | z-index: 100; 10 | } 11 | 12 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/update-version-alert.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var common_vendor = require("../../../../common/vendor.js"); 3 | const jjButton = () => "./jj-button.js"; 4 | const _sfc_main = { 5 | props: { 6 | customData: { 7 | type: Object, 8 | default: function() { 9 | return { type: "" }; 10 | } 11 | } 12 | }, 13 | components: { 14 | jjButton 15 | }, 16 | computed: { 17 | btnsList() { 18 | return this.customData.btns || []; 19 | }, 20 | customDataObj() { 21 | return this.customData.customDataObj || {}; 22 | }, 23 | contentList() { 24 | return this.customDataObj.contentList || []; 25 | }, 26 | backgroundImgUrl() { 27 | return this.customDataObj.backgroundImgUrl || ""; 28 | } 29 | }, 30 | mounted() { 31 | }, 32 | data() { 33 | return {}; 34 | }, 35 | methods: { 36 | clickFn(index) { 37 | this.$emit("clickBtn", index); 38 | } 39 | } 40 | }; 41 | if (!Array) { 42 | const _component_jj_button = common_vendor.resolveComponent("jj-button"); 43 | _component_jj_button(); 44 | } 45 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 46 | return common_vendor.e({ 47 | a: $options.backgroundImgUrl.length > 0 48 | }, $options.backgroundImgUrl.length > 0 ? { 49 | b: $options.backgroundImgUrl 50 | } : {}, { 51 | c: common_vendor.t($options.customDataObj.title), 52 | d: common_vendor.s({ 53 | "margin-top": $options.backgroundImgUrl.length > 0 ? "100px" : "0" 54 | }), 55 | e: common_vendor.t($options.customDataObj.contentTitle), 56 | f: common_vendor.f($options.contentList, (content, index, i0) => { 57 | return { 58 | a: common_vendor.t(content), 59 | b: content 60 | }; 61 | }), 62 | g: common_vendor.f($options.btnsList, (btn, index, i0) => { 63 | return { 64 | a: common_vendor.o(($event) => $options.clickFn(index)), 65 | b: "52dc9024-0-" + i0, 66 | c: common_vendor.p({ 67 | btnObj: btn 68 | }), 69 | d: index 70 | }; 71 | }) 72 | }); 73 | } 74 | var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-52dc9024"], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/components/jj-messagebox/alert/update-version-alert.vue"]]); 75 | wx.createComponent(Component); 76 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/update-version-alert.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": { 4 | "jj-button": "./jj-button" 5 | } 6 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/update-version-alert.wxml: -------------------------------------------------------------------------------- 1 | {{c}}{{e}}{{content.a}} -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/alert/update-version-alert.wxss: -------------------------------------------------------------------------------- 1 | 2 | .update-box.data-v-52dc9024{ 3 | padding: 20px 20px; 4 | } 5 | .flex-column.data-v-52dc9024{ 6 | display: flex; 7 | position: relative; 8 | flex-direction: column; 9 | } 10 | .flex-left.data-v-52dc9024{ 11 | justify-content: flex-start; 12 | align-items: flex-start; 13 | } 14 | .flexContentCenter.data-v-52dc9024 { 15 | justify-content: center; 16 | align-items: center; 17 | } 18 | .flexContentSpaceAround.data-v-52dc9024 { 19 | display: flex; 20 | flex-direction: row; 21 | justify-content: space-around; 22 | align-items: center; 23 | } 24 | .marginTop.data-v-52dc9024 { 25 | margin-top: 15px; 26 | } 27 | .title.data-v-52dc9024{ 28 | font-size: 22px; 29 | text-align: center; 30 | color: #007AFF; 31 | } 32 | .content.data-v-52dc9024{ 33 | font-size: 15px; 34 | } 35 | .btn-box.data-v-52dc9024 { 36 | height: 2.5rem; 37 | display: flex; 38 | font-size: 1.0625rem; 39 | align-items: center; 40 | justify-content: center; 41 | text-align: center; 42 | margin-right: 10px; 43 | } 44 | .btn.data-v-52dc9024{ 45 | height: 100%; 46 | display: flex; 47 | } 48 | .background-image.data-v-52dc9024{ 49 | display: flex; 50 | position: absolute; 51 | left: 0; 52 | right: 0; 53 | top: 0; 54 | bottom: 0; 55 | } 56 | .image.data-v-52dc9024 { 57 | height: 100%; 58 | width: 100%; 59 | background-repeat: no-repeat; 60 | background-size: contain; 61 | } 62 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/dialog/jj-dialog.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var pages_components_jjMessagebox_static_image = require("../static/image.js"); 3 | var common_vendor = require("../../../../common/vendor.js"); 4 | const _sfc_main = { 5 | name: "jj-dialog", 6 | props: { 7 | visible: { 8 | type: Boolean, 9 | default: false 10 | }, 11 | duration: { 12 | type: Number, 13 | default: 0.25 14 | }, 15 | radius: { 16 | type: Number, 17 | default: 5 18 | }, 19 | background: { 20 | type: String, 21 | default: "#fff" 22 | }, 23 | maskColor: { 24 | type: String, 25 | default: "rgba(0, 0, 0, 0.35)" 26 | }, 27 | touchClose: { 28 | type: Boolean, 29 | default: false 30 | }, 31 | showClose: { 32 | type: Boolean, 33 | default: true 34 | }, 35 | closeStyle: { 36 | type: Object, 37 | default: function() { 38 | return {}; 39 | } 40 | }, 41 | closeImageUrl: { 42 | type: String, 43 | default: "" 44 | }, 45 | title: { 46 | type: String, 47 | default: "" 48 | }, 49 | titleStyle: { 50 | type: Object, 51 | default: function() { 52 | return {}; 53 | } 54 | }, 55 | message: { 56 | type: String, 57 | default: "" 58 | }, 59 | messageStyle: { 60 | type: Object, 61 | default: function() { 62 | return {}; 63 | } 64 | }, 65 | width: { 66 | type: String, 67 | default: "80%" 68 | }, 69 | padding: { 70 | type: String, 71 | default: "20px" 72 | } 73 | }, 74 | watch: { 75 | visible: { 76 | handler(newVal) { 77 | this.jj_visible = newVal; 78 | }, 79 | immediate: true 80 | } 81 | }, 82 | data() { 83 | return { 84 | jj_visible: this.visible 85 | }; 86 | }, 87 | computed: { 88 | closeImgUrl() { 89 | if ((this.closeImageUrl || "").length > 0) { 90 | return this.closeImageUrl; 91 | } 92 | return pages_components_jjMessagebox_static_image.close_icon(); 93 | } 94 | }, 95 | methods: { 96 | close() { 97 | this.$emit("close"); 98 | this.jj_visible = false; 99 | }, 100 | mainClick(e) { 101 | } 102 | } 103 | }; 104 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 105 | return common_vendor.e({ 106 | a: $data.jj_visible 107 | }, $data.jj_visible ? common_vendor.e({ 108 | b: $props.showClose 109 | }, $props.showClose ? { 110 | c: common_vendor.s($props.closeStyle), 111 | d: $options.closeImgUrl, 112 | e: common_vendor.o((...args) => $options.close && $options.close(...args)) 113 | } : {}, { 114 | f: $props.title.length > 0 115 | }, $props.title.length > 0 ? { 116 | g: common_vendor.t($props.title), 117 | h: common_vendor.s($props.titleStyle) 118 | } : {}, { 119 | i: $props.message.length > 0 120 | }, $props.message.length > 0 ? { 121 | j: common_vendor.t($props.message), 122 | k: common_vendor.s($props.messageStyle) 123 | } : {}, { 124 | l: common_vendor.s({ 125 | "padding": $props.padding 126 | }), 127 | m: common_vendor.o((...args) => $options.mainClick && $options.mainClick(...args)), 128 | n: common_vendor.s({ 129 | "animation-duration": $props.duration + "s", 130 | "width": $props.width, 131 | "background": $props.background, 132 | "border-radius": $props.radius + "px" 133 | }), 134 | o: common_vendor.s({ 135 | "background-color": $props.maskColor 136 | }), 137 | p: common_vendor.o(() => { 138 | }), 139 | q: common_vendor.o(($event) => $props.touchClose ? $options.close() : "") 140 | }) : {}); 141 | } 142 | var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4259adc8"], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/components/jj-messagebox/dialog/jj-dialog.vue"]]); 143 | wx.createComponent(Component); 144 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/dialog/jj-dialog.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/dialog/jj-dialog.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/dialog/jj-dialog.wxss: -------------------------------------------------------------------------------- 1 | .messagebox-shade.data-v-4259adc8 { 2 | width: 100%; 3 | height: 100%; 4 | position: fixed; 5 | bottom: 0; 6 | right: 0; 7 | background-color: rgba(0, 0, 0, 0.45); 8 | z-index: 999; 9 | display: flex; 10 | align-items: center; 11 | justify-content: center; 12 | } 13 | .messagebox-main.data-v-4259adc8 { 14 | display: flex; 15 | flex-direction: column; 16 | position: relative; 17 | background: white; 18 | width: 80%; 19 | border-radius: 5px; 20 | overflow: hidden; 21 | box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.04); 22 | box-sizing: border-box; 23 | background-repeat: no-repeat; 24 | background-size: cover; 25 | background-attachment: fixed; 26 | } 27 | .background-content.data-v-4259adc8 { 28 | display: flex; 29 | flex-direction: column; 30 | position: absolute; 31 | right: 0; 32 | bottom: 0; 33 | top: 0; 34 | left: 0; 35 | } 36 | .messagebox-content.data-v-4259adc8 { 37 | box-sizing: border-box; 38 | width: 100%; 39 | padding: 20px; 40 | display: flex; 41 | flex-direction: column; 42 | position: relative; 43 | white-space: pre-wrap; 44 | } 45 | .rightTopClose.data-v-4259adc8 { 46 | display: flex; 47 | flex-direction: column; 48 | justify-content: center; 49 | align-items: center; 50 | width: 35px; 51 | height: 35px; 52 | position: absolute; 53 | z-index: 100; 54 | top: 3px; 55 | right: 5px; 56 | } 57 | .closeImage.data-v-4259adc8 { 58 | height: 15px; 59 | width: 15px; 60 | background-repeat: no-repeat; 61 | background-size: contain; 62 | } 63 | .image.data-v-4259adc8 { 64 | height: 100%; 65 | width: 100%; 66 | background-repeat: no-repeat; 67 | background-size: contain; 68 | } 69 | .fadelogOutOpcity.data-v-4259adc8{ 70 | transition: all 0.25s; 71 | animation-timing-function: ease-out; 72 | -webkit-animation-timing-function: ease-out; 73 | opacity: 0; 74 | } 75 | 76 | /*弹层动画（放大）*/ 77 | .popIn.data-v-4259adc8 { 78 | -webkit-animation: popIn-4259adc8 .25s; 79 | -webkit-animation-delay: 0s; 80 | animation-timing-function: ease-in-out; 81 | -webkit-animation-timing-function: ease-in-out; 82 | animation: popIn-4259adc8 .25s; 83 | } 84 | @keyframes popIn-4259adc8 { 85 | 0% { 86 | transform: scale3d(0, 0, 0); 87 | opacity: 0; 88 | } 89 | 100% { 90 | transform: scale3d(1, 1, 1); 91 | opacity: 1; 92 | } 93 | } 94 | .fadeInOpcity.data-v-4259adc8{ 95 | -webkit-animation: fadeIn-4259adc8 .25s; 96 | -webkit-animation-delay: 0s; 97 | animation-timing-function: ease-in; 98 | -webkit-animation-timing-function: ease-in; 99 | animation: fadeIn-4259adc8 .25s; 100 | } 101 | @keyframes fadeIn-4259adc8 { 102 | 0% { 103 | opacity: 0; 104 | } 105 | 100% { 106 | opacity: 1; 107 | } 108 | } 109 | 110 | /*弹层动画（缩小）*/ 111 | .popOut.data-v-4259adc8 { 112 | -webkit-animation: popOut-4259adc8 .25s; 113 | animation-timing-function: ease-out; 114 | animation: popOut-4259adc8 .25s; 115 | /* 保留动画结束后的样子 */ 116 | animation-fill-mode: forwards; 117 | -webkit-animation-fill-mode: forwards; 118 | } 119 | @keyframes popOut-4259adc8 { 120 | 0% { 121 | transform: scale3d(1,1, 1); 122 | opacity: 1; 123 | } 124 | 100% { 125 | opacity: 0; 126 | transform: scale3d(0,0,0); 127 | } 128 | } 129 | .jj-dialog.data-v-4259adc8 { 130 | display: flex; 131 | flex-direction: column; 132 | } 133 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/loading/jj-loading.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var pages_components_jjMessagebox_messageView_loading = require("../messageView/loading.js"); 3 | require("../static/image.js"); 4 | require("../../../../common/vendor.js"); 5 | require("../messageView/constant.js"); 6 | require("../messageView/ref.js"); 7 | require("../messageView/processor.js"); 8 | require("../messageView/toast.js"); 9 | require("../messageView/alert.js"); 10 | wx.createComponent(pages_components_jjMessagebox_messageView_loading.Component); 11 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/loading/jj-loading.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/loading/jj-loading.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/loading/jj-loading.wxss: -------------------------------------------------------------------------------- 1 | .messagebox-shade.data-v-0de08b90 { 2 | width: 100%; 3 | height: 100%; 4 | position: fixed; 5 | bottom: 0; 6 | right: 0; 7 | background-color: rgba(0, 0, 0, 0.45); 8 | z-index: 999; 9 | display: flex; 10 | align-items: center; 11 | justify-content: center; 12 | } 13 | .messagebox-main.data-v-0de08b90 { 14 | display: flex; 15 | flex-direction: column; 16 | position: relative; 17 | background: white; 18 | width: 80%; 19 | border-radius: 5px; 20 | overflow: hidden; 21 | box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.04); 22 | box-sizing: border-box; 23 | background-repeat: no-repeat; 24 | background-size: cover; 25 | background-attachment: fixed; 26 | } 27 | .background-content.data-v-0de08b90 { 28 | display: flex; 29 | flex-direction: column; 30 | position: absolute; 31 | right: 0; 32 | bottom: 0; 33 | top: 0; 34 | left: 0; 35 | } 36 | .messagebox-content.data-v-0de08b90 { 37 | box-sizing: border-box; 38 | width: 100%; 39 | padding: 20px; 40 | display: flex; 41 | flex-direction: column; 42 | position: relative; 43 | white-space: pre-wrap; 44 | } 45 | .rightTopClose.data-v-0de08b90 { 46 | display: flex; 47 | flex-direction: column; 48 | justify-content: center; 49 | align-items: center; 50 | width: 35px; 51 | height: 35px; 52 | position: absolute; 53 | z-index: 100; 54 | top: 3px; 55 | right: 5px; 56 | } 57 | .closeImage.data-v-0de08b90 { 58 | height: 15px; 59 | width: 15px; 60 | background-repeat: no-repeat; 61 | background-size: contain; 62 | } 63 | .image.data-v-0de08b90 { 64 | height: 100%; 65 | width: 100%; 66 | background-repeat: no-repeat; 67 | background-size: contain; 68 | } 69 | .fadelogOutOpcity.data-v-0de08b90{ 70 | transition: all 0.25s; 71 | animation-timing-function: ease-out; 72 | -webkit-animation-timing-function: ease-out; 73 | opacity: 0; 74 | } 75 | 76 | /*弹层动画（放大）*/ 77 | .popIn.data-v-0de08b90 { 78 | -webkit-animation: popIn-0de08b90 .25s; 79 | -webkit-animation-delay: 0s; 80 | animation-timing-function: ease-in-out; 81 | -webkit-animation-timing-function: ease-in-out; 82 | animation: popIn-0de08b90 .25s; 83 | } 84 | @keyframes popIn-0de08b90 { 85 | 0% { 86 | transform: scale3d(0, 0, 0); 87 | opacity: 0; 88 | } 89 | 100% { 90 | transform: scale3d(1, 1, 1); 91 | opacity: 1; 92 | } 93 | } 94 | .fadeInOpcity.data-v-0de08b90{ 95 | -webkit-animation: fadeIn-0de08b90 .25s; 96 | -webkit-animation-delay: 0s; 97 | animation-timing-function: ease-in; 98 | -webkit-animation-timing-function: ease-in; 99 | animation: fadeIn-0de08b90 .25s; 100 | } 101 | @keyframes fadeIn-0de08b90 { 102 | 0% { 103 | opacity: 0; 104 | } 105 | 100% { 106 | opacity: 1; 107 | } 108 | } 109 | 110 | /*弹层动画（缩小）*/ 111 | .popOut.data-v-0de08b90 { 112 | -webkit-animation: popOut-0de08b90 .25s; 113 | animation-timing-function: ease-out; 114 | animation: popOut-0de08b90 .25s; 115 | /* 保留动画结束后的样子 */ 116 | animation-fill-mode: forwards; 117 | -webkit-animation-fill-mode: forwards; 118 | } 119 | @keyframes popOut-0de08b90 { 120 | 0% { 121 | transform: scale3d(1,1, 1); 122 | opacity: 1; 123 | } 124 | 100% { 125 | opacity: 0; 126 | transform: scale3d(0,0,0); 127 | } 128 | } 129 | .flexContentCenter.data-v-0de08b90 { 130 | display: flex; 131 | flex-direction: column; 132 | justify-content: center; 133 | align-items: center; 134 | position: relative; 135 | } 136 | .imageCenter.data-v-0de08b90 { 137 | position: absolute; 138 | top: 50%; 139 | left: 50%; 140 | transform: translate(-50%, -50%); 141 | } 142 | .loading-image.data-v-0de08b90 { 143 | width: 100%; 144 | height: 100%; 145 | background-repeat: no-repeat; 146 | background-size: contain; 147 | animation: turn-0de08b90 1.5s linear infinite; 148 | } 149 | .message.data-v-0de08b90 { 150 | color: #FFFFFF; 151 | font-size: 14.5px; 152 | word-break: break-all; 153 | white-space: pre-wrap; 154 | } 155 | @keyframes turn-0de08b90 { 156 | 0% { 157 | -webkit-transform: rotate(0deg); 158 | } 159 | 50% { 160 | -webkit-transform: rotate(180deg); 161 | } 162 | 100% { 163 | -webkit-transform: rotate(360deg); 164 | } 165 | } 166 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/app-message-view.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var common_vendor = require("../../../../common/vendor.js"); 3 | var pages_components_jjMessagebox_messageView_ref = require("./ref.js"); 4 | const messageView = () => "./index.js"; 5 | const _sfc_main = { 6 | name: "app-message-view", 7 | components: { 8 | messageView 9 | }, 10 | mounted() { 11 | this.setupRouteUid(); 12 | }, 13 | onBackPress(options) { 14 | if (options.from === "navigateBack") { 15 | return false; 16 | } 17 | return !this.isBack; 18 | }, 19 | data() { 20 | return { 21 | route_uid: "", 22 | isBack: false 23 | }; 24 | }, 25 | methods: { 26 | setupRouteUid() { 27 | let routes = getCurrentPages() || []; 28 | let currentPage = routes[routes.length - 1]; 29 | this.route_uid = pages_components_jjMessagebox_messageView_ref.route_uidKey(currentPage); 30 | }, 31 | getCurrentIndex() { 32 | let routes = getCurrentPages() || []; 33 | for (let i = routes.length - 1; i >= 0; i--) { 34 | let page = routes[i]; 35 | const route_uid = pages_components_jjMessagebox_messageView_ref.route_uidKey(page); 36 | if (this.route_uid === route_uid) { 37 | return i; 38 | } 39 | } 40 | return -99; 41 | }, 42 | close(type) { 43 | let refList = pages_components_jjMessagebox_messageView_ref.getRefList(this.route_uid); 44 | let back = refList.every((item) => item.isShow === false); 45 | if (back) { 46 | this.backPage(); 47 | } 48 | }, 49 | backPage(completeFun) { 50 | if (this.isBack) { 51 | return; 52 | } 53 | this.isBack = true; 54 | let pages = getCurrentPages(); 55 | let currentIndex = this.getCurrentIndex(); 56 | let delta = pages.length - currentIndex; 57 | common_vendor.index.navigateBack({ 58 | delta, 59 | animationDuration: 0, 60 | animationType: "fade-out", 61 | complete: () => { 62 | if (typeof completeFun === "function") { 63 | setTimeout(() => { 64 | completeFun(); 65 | }, 250); 66 | } 67 | } 68 | }); 69 | } 70 | }, 71 | destroyed() { 72 | }, 73 | unmounted() { 74 | } 75 | }; 76 | if (!Array) { 77 | const _component_message_view = common_vendor.resolveComponent("message-view"); 78 | _component_message_view(); 79 | } 80 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 81 | return { 82 | a: common_vendor.o($options.close) 83 | }; 84 | } 85 | var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/components/jj-messagebox/messageView/app-message-view.vue"]]); 86 | wx.createPage(MiniProgramPage); 87 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/app-message-view.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationStyle": "custom", 3 | "background": "transparent", 4 | "usingComponents": { 5 | "message-view": "./index" 6 | } 7 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/app-message-view.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/app-message-view.wxss: -------------------------------------------------------------------------------- 1 | 2 | page { 3 | background: transparent; 4 | background-color: transparent; 5 | } 6 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/constant.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | let kToast = "jj_toast"; 3 | let kAlert = "jj_alert"; 4 | let kLoading = "jj_loading"; 5 | exports.kAlert = kAlert; 6 | exports.kLoading = kLoading; 7 | exports.kToast = kToast; 8 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var pages_components_jjMessagebox_messageView_constant = require("./constant.js"); 3 | var pages_components_jjMessagebox_messageView_ref = require("./ref.js"); 4 | var common_vendor = require("../../../../common/vendor.js"); 5 | const jjToast = () => "../toast/jj-toast.js"; 6 | const jjAlert = () => "../alert/jj-alert.js"; 7 | const jjLoading = () => "../loading/jj-loading.js"; 8 | const _sfc_main = { 9 | name: "message-view", 10 | components: { 11 | jjToast, 12 | jjAlert, 13 | jjLoading 14 | }, 15 | data() { 16 | return { 17 | ref: { 18 | kToast: pages_components_jjMessagebox_messageView_constant.kToast, 19 | kAlert: pages_components_jjMessagebox_messageView_constant.kAlert, 20 | kLoading: pages_components_jjMessagebox_messageView_constant.kLoading 21 | }, 22 | route_uid: "" 23 | }; 24 | }, 25 | mounted() { 26 | this.addRef(); 27 | }, 28 | methods: { 29 | addRef() { 30 | let refKey = pages_components_jjMessagebox_messageView_ref.refRouteKey(); 31 | let refObj = pages_components_jjMessagebox_messageView_ref.refMessageObj(); 32 | if (refKey.length > 0 && refObj[refKey] !== void 0) { 33 | return; 34 | } 35 | this.route_uid = refKey; 36 | for (let key in this.ref) { 37 | let refValue = this.ref[key]; 38 | let refV = this.$refs[refValue]; 39 | refV.route_uid = refKey; 40 | pages_components_jjMessagebox_messageView_ref.addRefObj(refValue, refV); 41 | } 42 | }, 43 | show(type) { 44 | this.$emit("show", type); 45 | }, 46 | close(type) { 47 | this.$emit("close", type); 48 | } 49 | }, 50 | beforeDestroy() { 51 | pages_components_jjMessagebox_messageView_ref.removeRefObj(); 52 | }, 53 | beforeUnmount() { 54 | pages_components_jjMessagebox_messageView_ref.removeRefObj(); 55 | } 56 | }; 57 | if (!Array) { 58 | const _component_jj_alert = common_vendor.resolveComponent("jj-alert"); 59 | const _component_jj_toast = common_vendor.resolveComponent("jj-toast"); 60 | const _component_jj_loading = common_vendor.resolveComponent("jj-loading"); 61 | (_component_jj_alert + _component_jj_toast + _component_jj_loading)(); 62 | } 63 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 64 | return { 65 | a: common_vendor.sr($data.ref.kAlert, "4c8616f5-0"), 66 | b: $data.ref.kAlert, 67 | c: common_vendor.o(($event) => $options.show($data.ref.kAlert)), 68 | d: common_vendor.o(($event) => $options.close($data.ref.kAlert)), 69 | e: common_vendor.sr($data.ref.kToast, "4c8616f5-1"), 70 | f: $data.ref.kToast, 71 | g: common_vendor.o(($event) => $options.show($data.ref.kToast)), 72 | h: common_vendor.o(($event) => $options.close($data.ref.kToast)), 73 | i: common_vendor.sr($data.ref.kLoading, "4c8616f5-2"), 74 | j: $data.ref.kLoading, 75 | k: common_vendor.o(($event) => $options.show($data.ref.kLoading)), 76 | l: common_vendor.o(($event) => $options.close($data.ref.kLoading)) 77 | }; 78 | } 79 | var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/components/jj-messagebox/messageView/index.vue"]]); 80 | wx.createComponent(Component); 81 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": { 4 | "jj-toast": "../toast/jj-toast", 5 | "jj-alert": "../alert/jj-alert", 6 | "jj-loading": "../loading/jj-loading" 7 | } 8 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/index.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/index.wxss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/index.wxss -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/processor.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var pages_components_jjMessagebox_messageView_constant = require("./constant.js"); 3 | var pages_components_jjMessagebox_messageView_ref = require("./ref.js"); 4 | require("../../../../common/vendor.js"); 5 | require("./loading.js"); 6 | require("./toast.js"); 7 | require("./alert.js"); 8 | let processorObj = function(type) { 9 | let obj = new Object(); 10 | obj.type = type; 11 | obj.isClose = false; 12 | obj.messageObj = null; 13 | obj.processDataFun = null; 14 | obj.updateData = {}; 15 | obj.close = function(isAnimation = true) { 16 | if (obj.isClose) { 17 | return; 18 | } 19 | if (obj.messageObj !== null) { 20 | removeData(isAnimation); 21 | } else { 22 | obj.isClose = true; 23 | } 24 | }; 25 | obj.closeAll = function(fun) { 26 | if (obj.messageObj !== null) { 27 | quickCloseVmFun(); 28 | if (typeof fun === "function") { 29 | fun(); 30 | } 31 | } 32 | }; 33 | let quickCloseVmFun = function() { 34 | let refList = pages_components_jjMessagebox_messageView_ref.getRefList(obj.messageObj.route_uid); 35 | for (let i = 0; i < refList.length; i++) { 36 | const ref = refList[i]; 37 | ref.quickClose(); 38 | } 39 | }; 40 | let removeData = function(isAnimation) { 41 | obj.isClose = true; 42 | if (isAnimation) { 43 | obj.messageObj.close(); 44 | } else { 45 | obj.messageObj.quickClose(); 46 | } 47 | obj.messageObj = null; 48 | }; 49 | obj.update = function(param1, param2, param3) { 50 | if (obj.isClose) { 51 | return; 52 | } 53 | if (obj.processDataFun !== null) { 54 | let updateData = updateDataFun(param1, param2, param3); 55 | if (obj.messageObj !== null) { 56 | obj.messageObj.update(updateData); 57 | } else { 58 | obj.updateData = updateData; 59 | } 60 | } 61 | }; 62 | let updateDataFun = function(param1, param2, param3) { 63 | let data = {}; 64 | if (obj.type === pages_components_jjMessagebox_messageView_constant.kAlert) { 65 | data = obj.processDataFun(param1, param2, param3); 66 | } else if (obj.type === pages_components_jjMessagebox_messageView_constant.kLoading) { 67 | data = obj.processDataFun(param1); 68 | } else if (obj.type === pages_components_jjMessagebox_messageView_constant.kToast) { 69 | data = obj.processDataFun(param1, param2, param3); 70 | } 71 | return data; 72 | }; 73 | return obj; 74 | }; 75 | exports.processorObj = processorObj; 76 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/messageView/ref.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | require("../../../../common/vendor.js"); 3 | let refMessageObj = function() { 4 | let obj = getApp().globalData.$jj_refMessageObj; 5 | if (obj !== void 0) { 6 | return obj; 7 | } 8 | getApp().globalData.$jj_refMessageObj = {}; 9 | return getApp().globalData.$jj_refMessageObj; 10 | }; 11 | let jj_app_message_url = function() { 12 | return getApp().globalData.$jj_app_message_url || ""; 13 | }; 14 | let refRouteKey = function() { 15 | let routes = getCurrentPages(); 16 | if (routes.length === 0) { 17 | return ""; 18 | } 19 | let rKey = route_uidKey(routes[routes.length - 1]); 20 | return rKey; 21 | }; 22 | let route_uidKey = function(page) { 23 | let uid = 0; 24 | uid = page.$page.id; 25 | return page.route + "/" + uid; 26 | }; 27 | let getRef = function(refId) { 28 | let refKey = refRouteKey(); 29 | let refObj = refMessageObj(); 30 | let currentObj = refObj[refKey]; 31 | if (currentObj !== void 0) { 32 | let ref = currentObj[refId]; 33 | if (ref !== void 0) { 34 | return ref; 35 | } 36 | } 37 | return currentObj; 38 | }; 39 | let addRefObj = function(refId, ref) { 40 | let refKey = refRouteKey(); 41 | let refObj = refMessageObj(); 42 | let currentObj = refObj[refKey]; 43 | if (currentObj !== void 0) { 44 | currentObj[refId] = ref; 45 | } else { 46 | let obj = {}; 47 | obj[refId] = ref; 48 | refObj[refKey] = obj; 49 | } 50 | }; 51 | let removeRefObj = function() { 52 | let refKey = refRouteKey(); 53 | let refObj = refMessageObj(); 54 | let currentObj = refObj[refKey]; 55 | if (currentObj !== void 0) { 56 | delete refObj[refKey]; 57 | } 58 | }; 59 | let getRefList = function(route_uid) { 60 | let refList = []; 61 | let refKey = route_uid; 62 | if (refKey === void 0) { 63 | refKey = refRouteKey(); 64 | } 65 | let currentObj = refMessageObj()[refKey]; 66 | if (currentObj !== void 0) { 67 | let refObj = refMessageObj()[refKey]; 68 | for (let key in refObj) { 69 | refList.push(refObj[key]); 70 | } 71 | } 72 | return refList; 73 | }; 74 | exports.addRefObj = addRefObj; 75 | exports.getRef = getRef; 76 | exports.getRefList = getRefList; 77 | exports.jj_app_message_url = jj_app_message_url; 78 | exports.refMessageObj = refMessageObj; 79 | exports.refRouteKey = refRouteKey; 80 | exports.removeRefObj = removeRefObj; 81 | exports.route_uidKey = route_uidKey; 82 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/popup/jj-popup.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var pages_components_jjMessagebox_static_image = require("../static/image.js"); 3 | var common_vendor = require("../../../../common/vendor.js"); 4 | const _sfc_main = { 5 | name: "jj-popup", 6 | props: { 7 | visible: { 8 | type: Boolean, 9 | default: false 10 | }, 11 | duration: { 12 | type: Number, 13 | default: 0.25 14 | }, 15 | radius: { 16 | type: Number, 17 | default: 5 18 | }, 19 | background: { 20 | type: String, 21 | default: "#fff" 22 | }, 23 | maskColor: { 24 | type: String, 25 | default: "rgba(0, 0, 0, 0.35)" 26 | }, 27 | touchClose: { 28 | type: Boolean, 29 | default: false 30 | }, 31 | showClose: { 32 | type: Boolean, 33 | default: true 34 | }, 35 | closeStyle: { 36 | type: Object, 37 | default: function() { 38 | return {}; 39 | } 40 | }, 41 | closeImageUrl: { 42 | type: String, 43 | default: "" 44 | }, 45 | title: { 46 | type: String, 47 | default: "" 48 | }, 49 | titleStyle: { 50 | type: Object, 51 | default: function() { 52 | return {}; 53 | } 54 | }, 55 | message: { 56 | type: String, 57 | default: "" 58 | }, 59 | messageStyle: { 60 | type: Object, 61 | default: function() { 62 | return {}; 63 | } 64 | }, 65 | height: { 66 | type: String, 67 | default: "60%" 68 | }, 69 | padding: { 70 | type: String, 71 | default: "20px" 72 | } 73 | }, 74 | watch: { 75 | visible: { 76 | handler(newVal) { 77 | this.jj_visible = newVal; 78 | if (newVal && !this.isPopup) { 79 | this.isPopup = true; 80 | } 81 | }, 82 | immediate: true 83 | } 84 | }, 85 | data() { 86 | return { 87 | jj_visible: this.visible, 88 | isPopup: true 89 | }; 90 | }, 91 | computed: { 92 | closeImgUrl() { 93 | if ((this.closeImageUrl || "").length > 0) { 94 | return this.closeImageUrl; 95 | } 96 | return pages_components_jjMessagebox_static_image.close_icon(); 97 | } 98 | }, 99 | methods: { 100 | close() { 101 | if (!this.isPopup) { 102 | return; 103 | } 104 | this.isPopup = false; 105 | }, 106 | animationend() { 107 | if (!this.isPopup) { 108 | this.$emit("close"); 109 | this.isPopup = true; 110 | this.jj_visible = false; 111 | } 112 | }, 113 | mainClick() { 114 | } 115 | } 116 | }; 117 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 118 | return common_vendor.e({ 119 | a: $data.jj_visible 120 | }, $data.jj_visible ? common_vendor.e({ 121 | b: $props.showClose 122 | }, $props.showClose ? { 123 | c: common_vendor.s($props.closeStyle), 124 | d: $options.closeImgUrl, 125 | e: common_vendor.o((...args) => $options.close && $options.close(...args)) 126 | } : {}, { 127 | f: $props.title.length > 0 128 | }, $props.title.length > 0 ? { 129 | g: common_vendor.t($props.title), 130 | h: common_vendor.s($props.titleStyle) 131 | } : {}, { 132 | i: $props.message.length > 0 133 | }, $props.message.length > 0 ? { 134 | j: common_vendor.t($props.message), 135 | k: common_vendor.s($props.messageStyle) 136 | } : {}, { 137 | l: common_vendor.s({ 138 | "padding": $props.padding 139 | }), 140 | m: common_vendor.o((...args) => $options.animationend && $options.animationend(...args)), 141 | n: common_vendor.o((...args) => $options.mainClick && $options.mainClick(...args)), 142 | o: common_vendor.n($data.isPopup ? "" : "fadelogOut"), 143 | p: common_vendor.s({ 144 | "animation-duration": $props.duration + "s", 145 | "height": $props.height, 146 | "background": $props.background, 147 | "border-top-left-radius": $props.radius + "px", 148 | "border-top-right-radius": $props.radius + "px" 149 | }), 150 | q: common_vendor.n(!$data.isPopup ? "fadelogOutOpcity" : ""), 151 | r: common_vendor.s({ 152 | "background-color": $props.maskColor 153 | }), 154 | s: common_vendor.o(() => { 155 | }), 156 | t: common_vendor.o(($event) => $props.touchClose ? $options.close() : "") 157 | }) : {}); 158 | } 159 | var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2387f610"], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/components/jj-messagebox/popup/jj-popup.vue"]]); 160 | wx.createComponent(Component); 161 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/popup/jj-popup.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/popup/jj-popup.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/popup/jj-popup.wxss: -------------------------------------------------------------------------------- 1 | .messagebox-shade.data-v-2387f610 { 2 | width: 100%; 3 | height: 100%; 4 | position: fixed; 5 | bottom: 0; 6 | right: 0; 7 | background-color: rgba(0, 0, 0, 0.45); 8 | z-index: 999; 9 | display: flex; 10 | align-items: center; 11 | justify-content: center; 12 | } 13 | .messagebox-main.data-v-2387f610 { 14 | display: flex; 15 | flex-direction: column; 16 | position: relative; 17 | background: white; 18 | width: 80%; 19 | border-radius: 5px; 20 | overflow: hidden; 21 | box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.04); 22 | box-sizing: border-box; 23 | background-repeat: no-repeat; 24 | background-size: cover; 25 | background-attachment: fixed; 26 | } 27 | .background-content.data-v-2387f610 { 28 | display: flex; 29 | flex-direction: column; 30 | position: absolute; 31 | right: 0; 32 | bottom: 0; 33 | top: 0; 34 | left: 0; 35 | } 36 | .messagebox-content.data-v-2387f610 { 37 | box-sizing: border-box; 38 | width: 100%; 39 | padding: 20px; 40 | display: flex; 41 | flex-direction: column; 42 | position: relative; 43 | white-space: pre-wrap; 44 | } 45 | .rightTopClose.data-v-2387f610 { 46 | display: flex; 47 | flex-direction: column; 48 | justify-content: center; 49 | align-items: center; 50 | width: 35px; 51 | height: 35px; 52 | position: absolute; 53 | z-index: 100; 54 | top: 3px; 55 | right: 5px; 56 | } 57 | .closeImage.data-v-2387f610 { 58 | height: 15px; 59 | width: 15px; 60 | background-repeat: no-repeat; 61 | background-size: contain; 62 | } 63 | .image.data-v-2387f610 { 64 | height: 100%; 65 | width: 100%; 66 | background-repeat: no-repeat; 67 | background-size: contain; 68 | } 69 | .fadelogOutOpcity.data-v-2387f610{ 70 | transition: all 0.25s; 71 | animation-timing-function: ease-out; 72 | -webkit-animation-timing-function: ease-out; 73 | opacity: 0; 74 | } 75 | 76 | /*弹层动画（从上往下）*/ 77 | 78 | /* .fadeIn { 79 | -webkit-animation: fadeInDown .3s; 80 | animation: fadeInDown .3s; 81 | } 82 | 83 | @keyframes fadeInDown { 84 | 0% { 85 | transform: translate3d(0, -20%, 0); 86 | opacity: 0; 87 | } 88 | 100% { 89 | transform: none; 90 | opacity: 1; 91 | } 92 | } 93 | 94 | @-webkit-keyframes fadeInDown { 95 | 0% { 96 | -webkit-transform: translate3d(0, -20%, 0); 97 | opacity: 0; 98 | } 99 | 100% { 100 | -webkit-transform: none; 101 | opacity: 1; 102 | } 103 | } */ 104 | 105 | /*弹层动画（从下往上出现）*/ 106 | .fadelogIn.data-v-2387f610 { 107 | animation: fadelogIn-2387f610 .25s; 108 | } 109 | @keyframes fadelogIn-2387f610 { 110 | 0% { 111 | transform: translate3d(0, 100%, 0); 112 | } 113 | 100% { 114 | transform: none; 115 | } 116 | } 117 | 118 | /*弹层动画（从上往下消失）*/ 119 | .fadelogOut.data-v-2387f610 { 120 | animation: fadelogOut-2387f610 .25s; 121 | /* 保留动画结束后的样子 */ 122 | animation-fill-mode: forwards; 123 | -webkit-animation-fill-mode: forwards; 124 | } 125 | @keyframes fadelogOut-2387f610 { 126 | 0% { 127 | transform: none; 128 | } 129 | 100% { 130 | transform: translate3d(0, 100%, 0); 131 | } 132 | } 133 | .jj-popup.data-v-2387f610 { 134 | display: flex; 135 | flex-direction: column; 136 | } 137 | .flexCenter.data-v-2387f610 { 138 | display: flex; 139 | justify-content: center; 140 | } 141 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/toast/jj-toast.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var pages_components_jjMessagebox_messageView_toast = require("../messageView/toast.js"); 3 | require("../static/image.js"); 4 | require("../../../../common/vendor.js"); 5 | require("../messageView/constant.js"); 6 | require("../messageView/ref.js"); 7 | require("../messageView/processor.js"); 8 | require("../messageView/loading.js"); 9 | require("../messageView/alert.js"); 10 | wx.createComponent(pages_components_jjMessagebox_messageView_toast.Component); 11 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/toast/jj-toast.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/toast/jj-toast.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/components/jj-messagebox/toast/jj-toast.wxss: -------------------------------------------------------------------------------- 1 | .messagebox-shade.data-v-0666c070 { 2 | width: 100%; 3 | height: 100%; 4 | position: fixed; 5 | bottom: 0; 6 | right: 0; 7 | background-color: rgba(0, 0, 0, 0.45); 8 | z-index: 999; 9 | display: flex; 10 | align-items: center; 11 | justify-content: center; 12 | } 13 | .messagebox-main.data-v-0666c070 { 14 | display: flex; 15 | flex-direction: column; 16 | position: relative; 17 | background: white; 18 | width: 80%; 19 | border-radius: 5px; 20 | overflow: hidden; 21 | box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.04); 22 | box-sizing: border-box; 23 | background-repeat: no-repeat; 24 | background-size: cover; 25 | background-attachment: fixed; 26 | } 27 | .background-content.data-v-0666c070 { 28 | display: flex; 29 | flex-direction: column; 30 | position: absolute; 31 | right: 0; 32 | bottom: 0; 33 | top: 0; 34 | left: 0; 35 | } 36 | .messagebox-content.data-v-0666c070 { 37 | box-sizing: border-box; 38 | width: 100%; 39 | padding: 20px; 40 | display: flex; 41 | flex-direction: column; 42 | position: relative; 43 | white-space: pre-wrap; 44 | } 45 | .rightTopClose.data-v-0666c070 { 46 | display: flex; 47 | flex-direction: column; 48 | justify-content: center; 49 | align-items: center; 50 | width: 35px; 51 | height: 35px; 52 | position: absolute; 53 | z-index: 100; 54 | top: 3px; 55 | right: 5px; 56 | } 57 | .closeImage.data-v-0666c070 { 58 | height: 15px; 59 | width: 15px; 60 | background-repeat: no-repeat; 61 | background-size: contain; 62 | } 63 | .image.data-v-0666c070 { 64 | height: 100%; 65 | width: 100%; 66 | background-repeat: no-repeat; 67 | background-size: contain; 68 | } 69 | .fadelogOutOpcity.data-v-0666c070{ 70 | transition: all 0.25s; 71 | animation-timing-function: ease-out; 72 | -webkit-animation-timing-function: ease-out; 73 | opacity: 0; 74 | } 75 | .flexContentCenter.data-v-0666c070 { 76 | display: flex; 77 | flex-direction: column; 78 | justify-content: center; 79 | align-items: center; 80 | position: relative; 81 | } 82 | .message.data-v-0666c070 { 83 | color: #FFFFFF; 84 | font-size: 14.5px; 85 | word-break: break-all; 86 | text-align: center; 87 | white-space: pre-wrap; 88 | } 89 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/demo/demo.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": { 4 | "jj-dialog": "../components/jj-messagebox/dialog/jj-dialog", 5 | "jj-popup": "../components/jj-messagebox/popup/jj-popup" 6 | } 7 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/demo/demo.wxml: -------------------------------------------------------------------------------- 1 | 自定Dialog内容 今天天气不错 -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/demo/demo.wxss: -------------------------------------------------------------------------------- 1 | 2 | .flexColumnCenter.data-v-eae40a34 { 3 | display: flex; 4 | flex-direction: column; 5 | width: 100%; 6 | } 7 | .flexRow.data-v-eae40a34 { 8 | display: flex; 9 | flex-direction: row; 10 | justify-content: center; 11 | align-items: center; 12 | flex-wrap: wrap; 13 | width: 100%; 14 | } 15 | .marginTopBottom.data-v-eae40a34 { 16 | margin-top: 10px; 17 | margin-bottom: 10px; 18 | } 19 | .marginLeftRight.data-v-eae40a34 { 20 | margin-right: 10px; 21 | margin-left: 10px; 22 | } 23 | .btn.data-v-eae40a34 { 24 | border-radius: 5px; 25 | background-color: #2A8AFF; 26 | border-color: #FFFFFF; 27 | color: #FFFFFF; 28 | padding: 0px 20px; 29 | height: 44px; 30 | } 31 | .image.data-v-eae40a34 { 32 | height: 100%; 33 | width: 100%; 34 | background-repeat: no-repeat; 35 | background-size: contain; 36 | } 37 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/demo/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var common_vendor = require("../../common/vendor.js"); 3 | const demoPage = () => "./demo.js"; 4 | const _sfc_main = { 5 | components: { 6 | demoPage 7 | } 8 | }; 9 | if (!Array) { 10 | const _component_demo_page = common_vendor.resolveComponent("demo-page"); 11 | _component_demo_page(); 12 | } 13 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 14 | return {}; 15 | } 16 | var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/demo/index.vue"]]); 17 | wx.createPage(MiniProgramPage); 18 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/demo/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#3F536E", 3 | "usingComponents": { 4 | "demo-page": "./demo" 5 | } 6 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/demo/index.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/demo/index.wxss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/mp-weixin/pages/demo/index.wxss -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/demo/nvue.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#3F536E", 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/demo/nvue.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/demo/nvue.wxss: -------------------------------------------------------------------------------- 1 | @import "../../nvue.wxss"; 2 | 3 | .flexColumnCenter.data-v-0def79a3 { 4 | display: flex; 5 | flex-direction: column; 6 | } 7 | .flexRow.data-v-0def79a3 { 8 | display: flex; 9 | flex-direction: row; 10 | justify-content: center; 11 | align-items: center; 12 | flex-wrap: wrap; 13 | } 14 | .marginTopBottom.data-v-0def79a3 { 15 | margin-top: 10px; 16 | margin-bottom: 10px; 17 | } 18 | .marginLeftRight.data-v-0def79a3 { 19 | margin-right: 10px; 20 | margin-left: 10px; 21 | } 22 | .btn.data-v-0def79a3 { 23 | border-radius: 5px; 24 | background-color: #2A8AFF; 25 | border-color: #FFFFFF; 26 | color: #FFFFFF; 27 | padding: 0px 20px; 28 | height: 44px; 29 | } 30 | 31 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/index/header.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var __defProp = Object.defineProperty; 3 | var __getOwnPropSymbols = Object.getOwnPropertySymbols; 4 | var __hasOwnProp = Object.prototype.hasOwnProperty; 5 | var __propIsEnum = Object.prototype.propertyIsEnumerable; 6 | var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; 7 | var __spreadValues = (a, b) => { 8 | for (var prop in b || (b = {})) 9 | if (__hasOwnProp.call(b, prop)) 10 | __defNormalProp(a, prop, b[prop]); 11 | if (__getOwnPropSymbols) 12 | for (var prop of __getOwnPropSymbols(b)) { 13 | if (__propIsEnum.call(b, prop)) 14 | __defNormalProp(a, prop, b[prop]); 15 | } 16 | return a; 17 | }; 18 | var static_image = require("../../static/image.js"); 19 | var common_vendor = require("../../common/vendor.js"); 20 | const _sfc_main = { 21 | methods: { 22 | showToast(type) { 23 | let message = "\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u54C8\u3002\u3002\u3002"; 24 | if (type.length > 0) { 25 | this.$jj_toast(message, type, 1); 26 | } else { 27 | this.$jj_toast(message); 28 | } 29 | }, 30 | updateVersion() { 31 | let btnStyle = { 32 | "padding": "0px 15px", 33 | "border": "1px solid #C0C0C0", 34 | "font-size": "15px", 35 | "height": "40px", 36 | "border-radius": "10px" 37 | }; 38 | let customDataObj = { 39 | title: "\u53D1\u73B0\u65B0\u7248\u672C1.2.6", 40 | contentTitle: "\u66F4\u65B0\u5185\u5BB9:", 41 | backgroundImgUrl: static_image.bg_custom_update(), 42 | contentList: [ 43 | "1\u3001\u4FEE\u590D\u90E8\u5206bug", 44 | "2\u3001\u65B0\u589E\u65B0\u73A9\u6CD5", 45 | "3\u3001\u4F18\u5316" 46 | ] 47 | }; 48 | let updateAlert = this.$jj_alert({ 49 | type: "updateVersion", 50 | width: "280px", 51 | background: "transparent", 52 | priority: 1e3, 53 | customDataObj, 54 | btns: [ 55 | { 56 | title: "\u4EE5\u540E\u518D\u8BF4", 57 | style: __spreadValues({}, btnStyle), 58 | click: () => { 59 | console.log("\u4EE5\u540E\u518D\u8BF4"); 60 | } 61 | }, 62 | { 63 | title: "\u7ACB\u5373\u66F4\u65B0", 64 | touchClose: false, 65 | activeBackground: "#2A8AFF", 66 | activeColor: "#fff", 67 | style: __spreadValues({ 68 | "background": "transparent", 69 | "color": "#2A8AFF" 70 | }, btnStyle), 71 | click: () => { 72 | console.log("\u7ACB\u5373\u66F4\u65B0"); 73 | customDataObj.title = "\u6B63\u5728\u66F4\u65B0 \u2018\u7248\u672C1.2.6\u2019 "; 74 | updateAlert.update({ customDataObj }); 75 | let loading = this.$jj_loading({ 76 | message: "\u52A0\u8F7D 0 %", 77 | width: "110px" 78 | }); 79 | let count = 0; 80 | let interval = setInterval(function() { 81 | count += Math.round(Math.random() * 10); 82 | if (count > 100) { 83 | count = 100; 84 | } 85 | let message = "\u52A0\u8F7D" + count + "%"; 86 | loading.update(message); 87 | if (count === 100) { 88 | clearInterval(interval); 89 | setTimeout(function() { 90 | loading.close(); 91 | updateAlert.close(); 92 | getApp().globalData.$jj_toast("\u66F4\u65B0\u5B8C\u6210"); 93 | }, 500); 94 | } 95 | }, 200); 96 | } 97 | } 98 | ] 99 | }); 100 | this.$jj_alert({ 101 | message: "\u5C1D\u8BD5\u8986\u76D6\u6389\u5DF2\u6709\u7684\u5F39\u7A97" 102 | }); 103 | } 104 | } 105 | }; 106 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 107 | return { 108 | a: common_vendor.o(($event) => $options.showToast("")), 109 | b: common_vendor.o(($event) => $options.showToast("success")), 110 | c: common_vendor.o((...args) => $options.updateVersion && $options.updateVersion(...args)) 111 | }; 112 | } 113 | var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-050a3a63"], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/index/header.vue"]]); 114 | wx.createComponent(Component); 115 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/index/header.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/index/header.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/index/header.wxss: -------------------------------------------------------------------------------- 1 | 2 | .header-box.data-v-050a3a63{ 3 | display: flex; 4 | flex-direction: column; 5 | padding: 20px 0px; 6 | } 7 | .btn.data-v-050a3a63 { 8 | margin-top: 20px; 9 | margin-right: 10px; 10 | margin-left: 10px; 11 | border-radius: 5px; 12 | background-color: #2A8AFF; 13 | border-color: #FFFFFF; 14 | color: #FFFFFF; 15 | padding: 0px 20px; 16 | height: 44px; 17 | } 18 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/index/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var common_vendor = require("../../common/vendor.js"); 3 | const headerView = () => "./header.js"; 4 | const _sfc_main = { 5 | components: { 6 | headerView 7 | }, 8 | data() { 9 | return {}; 10 | }, 11 | onLoad() { 12 | }, 13 | methods: { 14 | goDemo() { 15 | common_vendor.index.navigateTo({ 16 | url: "/pages/demo/index" 17 | }); 18 | }, 19 | goMP(name) { 20 | common_vendor.index.navigateTo({ 21 | url: `/pages/mp/${name}` 22 | }); 23 | } 24 | } 25 | }; 26 | if (!Array) { 27 | const _component_header_view = common_vendor.resolveComponent("header-view"); 28 | const _component_base_view = common_vendor.resolveComponent("base-view"); 29 | (_component_header_view + _component_base_view)(); 30 | } 31 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 32 | return { 33 | a: common_vendor.o(($event) => $options.goDemo()) 34 | }; 35 | } 36 | var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/index/index.vue"]]); 37 | wx.createPage(MiniProgramPage); 38 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/index/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "Home", 3 | "usingComponents": { 4 | "header-view": "./header" 5 | } 6 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/index/index.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/index/index.wxss: -------------------------------------------------------------------------------- 1 | 2 | page { 3 | background: #2C405A; 4 | /* background-color: transparent; */ 5 | } 6 | .content { 7 | display: flex; 8 | flex-direction: column; 9 | align-items: center; 10 | justify-content: center; 11 | } 12 | .coverView-box{ 13 | position: absolute; 14 | width: 100%; 15 | height: 100%; 16 | z-index: 99999; 17 | background: rgba(0, 0, 0, 0.5); 18 | left: 0; 19 | right: 0; 20 | top: 0; 21 | bottom: 0; 22 | } 23 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mine/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var pages_mine_request = require("./request.js"); 3 | var common_vendor = require("../../common/vendor.js"); 4 | const demoPage = () => "../demo/demo.js"; 5 | const _sfc_main = { 6 | components: { demoPage }, 7 | data() { 8 | return {}; 9 | }, 10 | methods: { 11 | loadingUserInfo() { 12 | pages_mine_request.requsetUserInfo(); 13 | } 14 | } 15 | }; 16 | if (!Array) { 17 | const _component_demoPage = common_vendor.resolveComponent("demoPage"); 18 | _component_demoPage(); 19 | } 20 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 21 | return { 22 | a: common_vendor.o((...args) => $options.loadingUserInfo && $options.loadingUserInfo(...args)) 23 | }; 24 | } 25 | var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4bd6864f"], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/mine/index.vue"]]); 26 | wx.createPage(MiniProgramPage); 27 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mine/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "Mine", 3 | "usingComponents": { 4 | "demo-page": "../demo/demo" 5 | } 6 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mine/index.wxml: -------------------------------------------------------------------------------- 1 | 获取用户信息 -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mine/index.wxss: -------------------------------------------------------------------------------- 1 | 2 | .mine-box.data-v-4bd6864f{ 3 | display: flex; 4 | flex-direction: column; 5 | } 6 | .bottom-box.data-v-4bd6864f{ 7 | display: flex; 8 | position: relative; 9 | justify-content: center; 10 | align-items: center; 11 | background: #2C405A; 12 | color: #fff; 13 | margin-top: 20px; 14 | height: 50px; 15 | } 16 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mine/request.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | let requsetUserInfo = function() { 3 | let load = getApp().globalData.$jj_loading(); 4 | setTimeout(function() { 5 | load.close(); 6 | getApp().globalData.$jj_toast("\u6210\u529F\u83B7\u53D6\u7528\u6237\u4FE1\u606F\u3002\u3002\u3002\u3002\u3002\u3002\u54C8\u54C8\u{1F604}\u{1F604}"); 7 | }, 3e3); 8 | }; 9 | exports.requsetUserInfo = requsetUserInfo; 10 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mp/test1.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var common_vendor = require("../../common/vendor.js"); 3 | const _sfc_main = { 4 | mounted() { 5 | this.$jj_alert({ 6 | title: "\u63D0\u793A", 7 | isUseHTMLString: true, 8 | message: "\u8BE5\u9875\u9762\u80FD\u663E\u793A\u5F39\u7A97,\u662F\u56E0\u4E3A\u5728vue.config.js\u914D\u7F6E\u6587\u4EF6\uFF0C\u52A8\u6001\u63D2\u5165messageView\u89C6\u56FE" 9 | }); 10 | } 11 | }; 12 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 13 | return {}; 14 | } 15 | var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/mp/test1.vue"]]); 16 | wx.createPage(MiniProgramPage); 17 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mp/test1.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#3F536E", 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mp/test1.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mp/test1.wxss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/mp-weixin/pages/mp/test1.wxss -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mp/test2.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var common_vendor = require("../../common/vendor.js"); 3 | const _sfc_main = { 4 | mounted() { 5 | this.$jj_alert({ 6 | title: "\u63D0\u793A", 7 | isUseHTMLString: true, 8 | message: "\u8BE5\u9875\u9762\u80FD\u663E\u793A\u5F39\u7A97,\u662F\u56E0\u4E3A\u5728vue.config.js\u914D\u7F6E\u6587\u4EF6\uFF0C\u52A8\u6001\u63D2\u5165messageView\u89C6\u56FE" 9 | }); 10 | } 11 | }; 12 | function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { 13 | return {}; 14 | } 15 | var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/weiqu/Documents/GitApp/jj-uni-messagebox/pages/mp/test2.vue"]]); 16 | wx.createPage(MiniProgramPage); 17 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mp/test2.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#3F536E", 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mp/test2.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/pages/mp/test2.wxss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/mp-weixin/pages/mp/test2.wxss -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/project.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "description": "项目配置文件。", 3 | "packOptions": { 4 | "ignore": [], 5 | "include": [] 6 | }, 7 | "setting": { 8 | "urlCheck": false, 9 | "es6": true, 10 | "babelSetting": { 11 | "ignore": [], 12 | "disablePlugins": [], 13 | "outputPath": "" 14 | }, 15 | "condition": false 16 | }, 17 | "compileType": "miniprogram", 18 | "libVersion": "2.30.2", 19 | "appid": "touristappid", 20 | "projectname": "jj-uni-messagebox", 21 | "condition": {}, 22 | "editorSetting": { 23 | "tabIndent": "insertSpaces", 24 | "tabSize": 2 25 | } 26 | } -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/static/background_image.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/mp-weixin/static/background_image.jpeg -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/static/bg_custom_update.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/mp-weixin/static/bg_custom_update.png -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/static/loading_custom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/mp-weixin/static/loading_custom.png -------------------------------------------------------------------------------- /unpackage/dist/dev/mp-weixin/static/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/04zhujunjie/jj-uni-messagebox/c7e32825b79b92b0d6d92c590a1dc6588c80af0f/unpackage/dist/dev/mp-weixin/static/logo.png -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | chainWebpack: config => { 3 | config.module.rule('vue').use('vue-loader').loader('vue-loader').tap(options => { 4 | const compile = options.compiler.compile 5 | options.compiler.compile = (template, ...args) => { 6 | //只支持小程序平台，在小程序平台resourcePath才有值，h5和app平台的值为undefined 7 | const resourcePath = args[0].resourcePath 8 | if (resourcePath !== undefined) { 9 | // console.log(" 编译模版的页面路径：-------", resourcePath) 10 | //根据页面路径进行筛选，在pages/mp目录的.vue文件进行动态插入弹窗组件， 11 | if (resourcePath.indexOf('pages/mp') !== -1) { 12 | //小程序在编译模版前，动态插入messageView组件视图，messageView要注册为全局组件 13 | template = template.replace(/[\s\S]+?<[\d\D]+?>/, _ => `${_} 14 | 15 | `) 16 | } 17 | } 18 | return compile(template, ...args) 19 | } 20 | return options 21 | }) 22 | 23 | } 24 | } --------------------------------------------------------------------------------