@jeffjade
2016-05-03T15:07:27.000000Z
字数 1862
阅读 1469
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 This
this.$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迁移之本周计划: