2018.5.29 模板文件使用解惑

今天尝试将jquery制作的聊天室补充模板artTemplate，遇到了最TM纠结的一个问题。

首先gulp-tmod将tpl模板文件编译为js文件（define成一个js模块），后面再require此模块，按照tmodjs的官方说明（ http://aui.github.io/tmodjs/  ） 应该是：

将路径改好后，始终不能奏效。经吴川指导，改为

require (['./assets/template/add'], function(render){
        document.getElementById('conclusion').innerHTML = render(obj); //obj是数据对象
});

分析为require所得函数必须作为回调函数的参数使用，否则require所得函数无法与本文件中的任何一项数据发生联系.

 

5.30

今天尝试利用fh-ui做模板内容，学习模板的同时熟悉ui，将ui.css引入之后，导致chat-left 和chat-right的div（原本左右浮动，处于同一行）变成了上下两行，因为ui的css样式中将box-sizing设置为了border-box,将其设置为content-box（默认值）之后恢复。注意border-box中子元素无法撑开父元素的盒模型，父元素的宽度包括border的宽度，padding的宽度，以及content的宽度。可是我将父元素chat-box宽度设置为很大后，仍然是上下两行啊？？等后面再解决这个问题。

转载于:https://www.cnblogs.com/yuhanao/p/9107002.html