前端页面小结

最近为智慧农业做了一个界面(只是一部分),从中学到了很多自己之前不太懂的东西,做一下总结;方便以后用得着;

1.业务需求:通过for循环遍历出几个<div>显示不同的大棚,在此div中再遍历出几个div显示不同的设备,然后每个设备显示出所检测到的数值;

2.实现代码:

3。效果图:

4.遇到的问题:

①循环出来的div是一竖排排列的,不知道怎么弄成每三个一排,加内部样式(id和类选择器)对<div easyui-panal>不起作用,后来在div里加style才起到作用(好像只能在div里才起作用,这个问题还没有弄清楚);

②为了让效果更好一点用的是<div class="easyui-draggable easyui-resizable" data-options="handle:'#mytitle'">

5.自认为的关键点:

①添加float:left让div变成横排

②因为不知道添加的数据有多少所以高度就不用设,自适应高度(本来以为超出所设的高度会自动出现滚动条,但是没出现,不知道怎么回事);

猜你喜欢

转载自www.cnblogs.com/wawy/p/10779194.html