Echart可视化学习(三)
2024-10-19 20:27:24
文档的源代码地址,需要的下载就可以了(访问密码:7567)
https://url56.ctfile.com/f/34653256-527823386-04154f
正文:
编写中间模块
添加显示样式
数字模块 no 有个背景颜色 rgba(101, 132, 226, 0.1); 有个15像素的内边距
查看效果
注意中间列 column 有个 左右 10px 下 15px 的外边距
查看效果
no 模块里面上下划分 上面是数字(no-hd) 下面是相关文字说明(no-bd)
no-hd 数字模块 有一个边框 1px solid rgba(25, 186, 139, 0.17)
查看效果
no-hd 数字模块 里面分为两个小li
每个小li高度为 80px 文字大小为 70px 颜色为 #ffeb7b 字体是图标字体 electronicFont
声明一个字体
字体使用,添加其它样式
查看效果
no-hd 利用 after 和 before制作2个小角, 边框 2px solid #02a6b5 宽度为 30px 高度为 10px
查看效果
小竖线 给 第一个小li after 就可以 1px宽 背景颜色为 rgba(255, 255, 255, 0.2); 高度 50% top 25% 即可
查看效果
no-bd 里面也有两个小li 高度为 40px 文字颜色为 rgba(255, 255, 255, 0.7) 文字大小为 18px 上内边距为 10px
查看效果
最新文章
- ELK初步实践
- shell 命令集
- Visual Studio 必备神器
- Liferay中SQL打印参数
- 《Linux内核设计与实现》读书笔记(十一)- 定时器和时间管理【转】
- 新版本 JSAPI微信支付V3 C# DEMO
- Programming a Spider in Java 源码帖
- C#中实现邮件发送功能
- python 装饰器简介
- (Problem 33)Digit canceling fractions
- MySql学习笔记(一) —— 关键字的使用
- 文件快速删除工具, 解决你的node_modules
- express 最佳实践(二):中间件
- 用addRoutes实现动态路由
- ivew Tooltip
- visual stutio 20017
- 小程序实践(二):swiper组件实现轮播图效果
- Failed to read HTTP message: org.springframework.http.converter.HttpMessageNotReadableException: Required request body is missing: public xxxxxxxx.
- [C++]Linux之头文件sys/types.h[/usr/include/sys]
- centos7-软件安装-redis3.2