@jeffjade
2016-05-03T07:07:27.000000Z
字数 1862
阅读 1712
Vue
结合已存有组件化,模块化,流程化活动方案,往自动化,高效化方向牵引,前进(04~)。
备注:不断做,不端思考,且行且更新ing。
既之前写的 popupToast 之后,写一发 普通弹框(normalDialog)组件,地址如下:
web\cdn\ns\modules\components\widgets\normalDialog.vue
import normalDialog from 'normalDialog';
如上引入该组件,之后在 components , template 中加入即可;
备注:请确保在对应mod下的actpublic中配置了对应的别名,Like This:
module.exports = function() {return {ActTools : './../../actpublic/actTools.js',popupToastComp: './../../../modules/components/widgets/popupToast.vue',normalDialog: './../../../modules/components/widgets/normalDialog.vue'}}
像下面这样调用,即可;
function testDemo(){console.log('Look,Look, Whether it can be implemented about callBackFunc!');}var dlgMsgObj = {title_text: "温馨提示",body_text: text,confirm_text: "确认",close_callback_func: testDemo}// var dlgMsgObj = text; //Just Single Param, U Can Deliver Like Thisthis.$broadcast('show-normal-dlg', dlgMsgObj);
备注,如果只有文本不同,只需传入 body_text 即可!这里强烈主张,函数传参不宜多,超过三个就 object or json or Array以传之。此弹框,以 majmod 为基础编写,样式有变,请自行写一css以覆盖此样式;具体 请参见 四川麻将-欢乐卡五星 活动。
稍后会写功能更强大的 复杂弹框 组件。
封装,使用体验很重要,如有建议or意见,请尽快提。
Hey: Boys And Grils:
以Vue来开发活动之本周计划:
以上:16-04-18
Hey: Grils And Boys :
活动开发机制Vue迁移之本周计划:
