今天尝试将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宽度设置为很大后,仍然是上下两行啊??等后面再解决这个问题。