工具 vscode或HBulider
js插件:Vue.js
教程:
首先引入vue.js
然后在body标签中创建一个div标签并设置id为“app”
在id为"app"的div中再创建一个div标签添加一个class"content"并且加一个自己定义的lr-img,并且给他设置一个V-for循环
在head里面添加style标签,在style标签里面为app ,content两个div设置布局
然后添加组件,将父组件给子组件传值,并且再data里边导入数组,并添加所有图片的路径,运行即可