页面主体部分
设置测试样式
查看页面效果
需要一个上左右的10px的内边距
添加文本
样式更改
查看效果
接下来column 列容器，分三列，占比 3：5：3
首先是“父亲” ——mainbox添加flex属性
然后主体添加三个部分的“孩子”
分别分成3：5：3
接下来准备一个：公共面板模块 panel
属性设置
1像素的 1px solid rgba(25, 186, 139, 0.17) 边框
有line.jpg 背景图片
padding为 上为 0 左右 15px 下为 40px
下外边距是 15px
查看效果
利用panel 盒子 before 和after 制作两个角 大小为 10px 线条为 2px solid #02a6b5
查看效果
下面的两个角
添加属性
查看效果
完成一个柱形图 bar 模块(布局)
标题模块 h2 高度为 48px 文字颜色为白色 文字大小为 20px
图标内容模块 chart 高度 240px
以上可以作为panel公共样式部分
样式布置
查看效果
其它模块复制就可以了
查看效果
