[关闭]
@jeffjade 2016-05-03T15:07:27.000000Z 字数 1862 阅读 1469

Vue(Webpack+Gulp+Sass+Jade)撸活动预期计划表

Vue


第一阶段:

第二阶段:

第三阶段:

第四阶段:

结合已存有组件化,模块化,流程化活动方案,往自动化,高效化方向牵引,前进(04~)。

备注:不断做,不端思考,且行且更新ing。


既之前写的 popupToast 之后,写一发 普通弹框(normalDialog)组件,地址如下:

web\cdn\ns\modules\components\widgets\normalDialog.vue

引入:

  1. import normalDialog from 'normalDialog';

如上引入该组件,之后在 components , template 中加入即可;

备注:请确保在对应mod下的actpublic中配置了对应的别名,Like This:

  1. module.exports = function() {
  2. return {
  3. ActTools : './../../actpublic/actTools.js',
  4. popupToastComp: './../../../modules/components/widgets/popupToast.vue',
  5. normalDialog: './../../../modules/components/widgets/normalDialog.vue'
  6. }
  7. }

使用:

像下面这样调用,即可;

  1. function testDemo(){
  2. console.log('Look,Look, Whether it can be implemented about callBackFunc!');
  3. }
  4. var dlgMsgObj = {
  5. title_text: "温馨提示",
  6. body_text: text,
  7. confirm_text: "确认",
  8. close_callback_func: testDemo
  9. }
  10. // var dlgMsgObj = text; //Just Single Param, U Can Deliver Like This
  11. this.$broadcast('show-normal-dlg', dlgMsgObj);

备注,如果只有文本不同,只需传入 body_text 即可!这里强烈主张,函数传参不宜多,超过三个就 object or json or Array以传之。此弹框,以 majmod 为基础编写,样式有变,请自行写一css以覆盖此样式;具体 请参见 四川麻将-欢乐卡五星 活动。

稍后会写功能更强大的 复杂弹框 组件。

封装,使用体验很重要,如有建议or意见,请尽快提


Hey: Boys And Grils:

Vue来开发活动之本周计划:

By Vue Components Document

以上:16-04-18

Hey: Grils And Boys :
活动开发机制Vue迁移之本周计划:

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注