2019-03-07

在模版加入图片<img src="相对路径">，在渲染时图片会报错

Failed to load resource: net::ERR_EMPTY_RESPONSE
出现错误。
若是<img src="绝对路径>就可以成功，但是在测试时会偶尔弹出Failed sever of 404 这样的错误。如果使用json不会出现这样的错误。
使用json又遇到了这样的问题：<div x-router></div>路由渲染容器中的HTML文件使用json数据时会出现
消失如：<li x-repeat="imgs">{{img}}</li>在浏览器中既不能在网页中看见也不能在检查HTML视图中看见这样的标签，并且如果使用模块添加HTML文件同样会出现上面的问题。在路由渲染容器里的渲染的模块在创建时就传入data就可以完成编译。于是想了一下templateUrl与dataUrl的相互关系，templateUrl传入HTML文件，dataUrl传入数据，模块创建时，HTML文件就在使用数据了，所以，HTML与数据文件在同一模块可以有好的作用
templateUrl:'html&json/r_1.html',
dataUrl:'html&json/shopImg.json',

加入滚动条，注意scrollTop表示距离，输入数值，因此计算每小块的高度。还有点击事件，模块函数的参数已经设置好了，用就可以了。