目录

前言

✨项目代码

1、带有node_modules的项目包 🚀

2、不带有node_modules的项目包 🚀

⚒️项目屏幕大小调整

💎 使用开源项目

1、DataV 🔰

2、Echarts 🔰

3、PPchart 🔰

4、表格平滑滚动 🔰

🐋素材网站

插图库 💡

灵感网站 💡

前言

因为在实习，需要做一个大屏（糊弄领导与甲方）

所以，去找了那些开源大屏，把我觉得好看的组件都拿出来，放到我自己搞的大屏中

这样，也方便我后面再需要什么，就直接拿来修修改改就行了

然后，我就做呀做，前前后后做了3天左右，总之就是CV工程，没有什么难度，就是耗时间

效果图：

✨项目代码

node版本：大于等于v16.20.2

1、带有node_modules的项目包 🚀

带有node_modules的项目包——56M

 my-datiew-six-screen-npm.zip - 蓝奏云文件大小：56.7 M|icon-default.png?t=N7T8https://wwm.lanzout.com/iqzYL1txmpub

可以直接解压，然后再项目里运行命令

npm run dev # 运行项目

2、不带有node_modules的项目包 🚀

my-datiew-six-screen.zip - 蓝奏云文件大小：472.4 K|icon-default.png?t=N7T8https://wwm.lanzout.com/iLU4I1txmxnc解压后，安装包，然后再运行项目

npm install # 安装包

npm run dev # 运行项目

npm run build # 打包项目

⚒️项目屏幕大小调整

用了【fullScreenContainer】

这里可以自定义大小，来显示屏幕的内容

显示6个

显示3个

💎 使用开源项目

1、DataV 🔰

DataVVue 大屏数据展示组件库icon-default.png?t=N7T8http://datav.jiaminghi.com/这里的组件，我差不多都用了一遍，啊哈哈，除了地图

2、Echarts 🔰

Apache EChartsApache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。icon-default.png?t=N7T8https://echarts.apache.org/zh/index.html对于如何快速使用，就可以去看看他的示例代码

然后想单独设置属性的时候，就看他的文档

3、PPchart 🔰

PPChart - 让图表更简单让图表更简单。PPChart 提供 Echarts 收录、图表制作等服务icon-default.png?t=N7T8http://ppchart.com/#/这里面有【大量现成的图表】

4、表格平滑滚动 🔰

介绍 | 技术聊斋欢迎来到闲聊世界icon-default.png?t=N7T8https://doc.wssio.com/opensource/vue3-seamless-scroll/

🐋素材网站

插图库 💡

ByteDance IconParkIconPark, park your icon. Made by ByteDanceicon-default.png?t=N7T8https://iconpark.oceanengine.com/illustrations/2

灵感网站 💡

网址导航 - 卖PPT的小女孩“卖PPT的小女孩”是一个专注于PPT模版销售的在线平台，提供多种风格的专业、创意、商务PPT模版，满足不同客户的需求。我们致力于提供高质量的模版设计，让您轻松制作出精美的演示文稿。欢迎选购，为您的演讲或展示增添一份独特魅力！icon-default.png?t=N7T8https://www.maipptdexiaonvhai.cn/site

 

# echarts # vue.js # 前端
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

java集合或对象转化为json数组或者对象的方法

JSON-lib这个Java类包用于把bean,map和XML转换成JSON并能够把JSON转回成bean和DynaBean。下载地址:http://json-lib.sourceforge.net/还要需要的第3方包:org.apache.commons(3.2以上版本)org.apache.oronet.sf.ezmorph(ezmorph-1.0.4.jar)nu

avatar GitCode 开源社区

SDL Trados 2019 和 SDL Trados 2021 最新版本的下载地址 (2021年七月更新)

SDL Trados 2019 和 SDL Trados 2021 最新版本的下载地址SDL Trados 2019 CU 8 fix GS and Language Cloud 相关网络问题，正常使用没有必要更新下载地址:https://update.sdl.com/updates/update1/studio15/live/SDLTradosStudio2019_SR2_15.2.8.3007

avatar GitCode 开源社区

Struts.xml配置返回JSON数据

网易编辑器的代码编辑功能不怎么样唉~！测试struts.xml中result参数的不同返回不同的json数据目的是为了比较result中type不同和result中参数的不同所产生的效果如果查询的是所有的数据，在action中定义的类型如下：private List entities;public List getEntities() {return entities;}1．第一种：在xml文件

avatar GitCode 开源社区