04 2023 档案

可视化组件g2之分组箱型图、柱形图、散点图简单使用
摘要：<!-- 引入 G2 文件 --> <script src="./plugins/g2.v5.min.js"></script> <style> .container { display: flex; } .div { height: 500px; } </style> <!-- 创建图表容器 -- 阅读全文
posted @ 2023-04-06 15:30 carol2014 阅读(145) 评论(0) 推荐(0) 编辑
轮播图组件swiper之两个轮播图同步
摘要：试用下一个swiper轮播图作为另一个swiper轮播图的分页器，解决同步问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="I 阅读全文
posted @ 2023-04-03 14:56 carol2014 阅读(448) 评论(0) 推荐(0) 编辑
bootstrap之carousel轮播图自定义分页器
摘要：最近要开发一个轮播图的看板页面，试用下bootstrap的轮播图组件，因为分页器的部分需要自定义（文字过长需要放到轮播图区域的外面），使用 List group组件作为轮播图的分页器放在左边。 <!DOCTYPE html> <html lang="en"> <head> <meta charset 阅读全文
posted @ 2023-04-03 14:49 carol2014 阅读(144) 评论(0) 推荐(0) 编辑