diff --git a/mock/tools.ts b/mock/tools.ts
index 6e2e59b..1a55065 100644
--- a/mock/tools.ts
+++ b/mock/tools.ts
@@ -80,7 +80,7 @@ function getTools() {
desc: '在线图片裁剪,标注,滤镜,画等操作',
url: '/signimage',
cateId: 5,
- cate: '设计工具',
+ cate: '图片处理',
},
{
id: 1,
@@ -142,8 +142,8 @@ function getTools() {
logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/%E8%B0%83%E8%89%B2%E6%9D%BF.png',
desc: '包含纯色、渐变与阶梯色和常用色彩组合',
url: '/palettes',
- cateId: 5,
- cate: '设计工具'
+ cateId: 7,
+ cate: '其他工具'
},
{
id: 1,
@@ -152,7 +152,7 @@ function getTools() {
desc: '在线生成带logo、透明、艺术的二维码',
url: '/qrcode',
cateId: 5,
- cate: '设计工具'
+ cate: '图片处理'
},
{
id: 1,
@@ -160,8 +160,8 @@ function getTools() {
logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/choose.png',
desc: '选择困难,难以决定,今天吃什么,现在做什么,自定义选项都给你安排的明明白白',
url: '/decision',
- cateId: 7,
- cate: '其他'
+ cateId: 9,
+ cate: '选择随机'
},
{
id: 1,
@@ -169,8 +169,8 @@ function getTools() {
logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/medium.png',
desc: '支持中文的摩斯电码编码解码',
url: '/morse',
- cateId: 3,
- cate: '文本处理'
+ cateId: 4,
+ cate: '教育学术'
},
{
id: 1,
@@ -178,8 +178,8 @@ function getTools() {
logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/randomnum.png',
desc: '可定制范围内进行随机数字,可用于抽奖、点名等用途',
url: '/random',
- cateId: 7,
- cate: '其他'
+ cateId: 9,
+ cate: '选择随机'
},
{
id: 1,
@@ -188,7 +188,7 @@ function getTools() {
desc: '在线数字一键转换成人民币大写,中文大写转换数字',
url: '/numberToChinese',
cateId: 7,
- cate: '其他'
+ cate: '其他工具'
},
{
id: 1,
@@ -215,7 +215,7 @@ function getTools() {
desc: '把文本转换成图片,生成长图,具有超多个性文字排版',
url: '/textToImg',
cateId: 5,
- cate: '设计工具'
+ cate: '图片处理'
},
{
id: 1,
@@ -235,6 +235,69 @@ function getTools() {
cateId: 8,
cate: '数据图表',
},
+ {
+ id: 1,
+ title: '折线图',
+ logo: '/images/logo/bar.png',
+ desc: '在线制作柱状图,像做表格一样制作可视化图表,支持导出静态或动态图表',
+ url: '/line',
+ cateId: 8,
+ cate: '数据图表',
+ },
+ {
+ id: 1,
+ title: '饼图',
+ logo: '/images/logo/bar.png',
+ desc: '在线制作柱状图,像做表格一样制作可视化图表,支持导出静态或动态图表',
+ url: '/pie',
+ cateId: 8,
+ cate: '数据图表',
+ },
+ {
+ id: 1,
+ title: '散点图',
+ logo: '/images/logo/bar.png',
+ desc: '在线制作柱状图,像做表格一样制作可视化图表,支持导出静态或动态图表',
+ url: '/scatter',
+ cateId: 8,
+ cate: '数据图表',
+ },
+ {
+ id: 1,
+ title: '抛硬币',
+ logo: '/images/logo/bar.png',
+ desc: '在线抛硬币,选择困难那么交给硬币来帮你选择吧',
+ url: '/coin',
+ cateId: 9,
+ cate: '选择随机',
+ },
+ {
+ id: 1,
+ title: '投骰子',
+ logo: '/images/logo/bar.png',
+ desc: '在线投骰子,可自定义骰子数量,简单好用的骰子工具',
+ url: '/dice',
+ cateId: 9,
+ cate: '选择随机',
+ },
+ {
+ id: 1,
+ title: '文本去重',
+ logo: '/images/logo/bar.png',
+ desc: '可以删除或去除文本或字符串中的重复行',
+ url: '/textRemoveDuplicate',
+ cateId: 3,
+ cate: '文本处理',
+ },
+ {
+ id: 1,
+ title: '图片分割',
+ logo: '/images/logo/bar.png',
+ desc: '将图片分割成四宫格、九宫格、十六宫格,支持自定义行与列',
+ url: '/imgCut',
+ cateId: 5,
+ cate: '图片处理',
+ },
]
}
@@ -343,15 +406,6 @@ function getToolsCate() {
cateId: 3,
cate: '文本处理'
},
- {
- id: 1,
- title: '摩斯电码',
- logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/medium.png',
- desc: '支持中文的摩斯电码编码解码',
- url: '/morse',
- cateId: 3,
- cate: '文本处理'
- },
{
id: 1,
title: '字数统计',
@@ -360,7 +414,16 @@ function getToolsCate() {
url: '/wordCount',
cateId: 3,
cate: '文本处理',
- }
+ },
+ {
+ id: 1,
+ title: '文本去重',
+ logo: '/images/logo/bar.png',
+ desc: '可以删除或去除文本或字符串中的重复行',
+ url: '/textRemoveDuplicate',
+ cateId: 3,
+ cate: '文本处理',
+ },
]
},
{
@@ -377,6 +440,15 @@ function getToolsCate() {
cateId: 4,
cate: '教育学术'
},
+ {
+ id: 1,
+ title: '摩斯电码',
+ logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/medium.png',
+ desc: '支持中文的摩斯电码编码解码',
+ url: '/morse',
+ cateId: 4,
+ cate: '教育学术'
+ },
{
id: 1,
title: '常用进制转换',
@@ -399,18 +471,9 @@ function getToolsCate() {
},
{
id: 5,
- title: '设计工具',
+ title: '图片处理',
icon: '',
list: [
- {
- id: 1,
- title: '色板',
- logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/%E8%B0%83%E8%89%B2%E6%9D%BF.png',
- desc: '包含纯色、渐变与阶梯色和常用色彩组合',
- url: '/palettes',
- cateId: 5,
- cate: '设计工具'
- },
{
id: 1,
title: '二维码生成',
@@ -418,7 +481,7 @@ function getToolsCate() {
desc: '在线生成带logo、透明、艺术的二维码',
url: '/qrcode',
cateId: 5,
- cate: '设计工具'
+ cate: '图片处理'
},
{
id: 1,
@@ -427,7 +490,7 @@ function getToolsCate() {
desc: '在线图片裁剪,标注,滤镜,画等操作',
url: '/signimage',
cateId: 5,
- cate: '设计工具',
+ cate: '图片处理',
},
{
id: 1,
@@ -436,8 +499,17 @@ function getToolsCate() {
desc: '把文本转换成图片,生成长图,具有超多个性文字排版',
url: '/textToImg',
cateId: 5,
- cate: '设计工具'
- }
+ cate: '图片处理'
+ },
+ {
+ id: 1,
+ title: '图片分割',
+ logo: '/images/logo/bar.png',
+ desc: '将图片分割成四宫格、九宫格、十六宫格,支持自定义行与列',
+ url: '/imgCut',
+ cateId: 5,
+ cate: '图片处理',
+ },
]
},
{
@@ -478,12 +550,38 @@ function getToolsCate() {
url: '/bar',
cateId: 8,
cate: '数据图表',
+ },{
+ id: 1,
+ title: '折线图',
+ logo: '/images/logo/bar.png',
+ desc: '在线制作折线图,像做表格一样制作可视化图表,支持导出静态或动态图表',
+ url: '/line',
+ cateId: 8,
+ cate: '数据图表',
+ },
+ {
+ id: 1,
+ title: '饼图',
+ logo: '/images/logo/bar.png',
+ desc: '在线制作饼图,像做表格一样制作可视化图表,支持导出静态或动态图表',
+ url: '/pie',
+ cateId: 8,
+ cate: '数据图表',
+ },
+ {
+ id: 1,
+ title: '散点图',
+ logo: '/images/logo/bar.png',
+ desc: '在线制作散点图,像做表格一样制作可视化图表,支持导出静态或动态图表',
+ url: '/scatter',
+ cateId: 8,
+ cate: '数据图表',
}
]
},
{
- id: 7,
- title: '其他',
+ id: 9,
+ title: '选择随机',
icon: '',
list: [
{
@@ -492,17 +590,8 @@ function getToolsCate() {
logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/randomnum.png',
desc: '可定制范围内进行随机数字,可用于抽奖、点名等用途',
url: '/random',
- cateId: 7,
- cate: '其他'
- },
- {
- id: 1,
- title: '数字转金额大写',
- logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/text%20recognition.png',
- desc: '在线数字一键转换成人民币大写,中文大写转换数字',
- url: '/numberToChinese',
- cateId: 7,
- cate: '其他'
+ cateId: 9,
+ cate: '选择随机'
},
{
id: 1,
@@ -510,8 +599,42 @@ function getToolsCate() {
logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/choose.png',
desc: '选择困难,难以决定,今天吃什么,现在做什么,自定义选项都给你安排的明明白白',
url: '/decision',
+ cateId: 9,
+ cate: '选择随机'
+ },
+ {
+ id: 1,
+ title: '抛硬币',
+ logo: '/images/logo/bar.png',
+ desc: '在线抛硬币,选择困难那么交给硬币来帮你选择吧',
+ url: '/coin',
+ cateId: 9,
+ cate: '选择随机',
+ },
+ {
+ id: 1,
+ title: '投骰子',
+ logo: '/images/logo/bar.png',
+ desc: '在线投骰子,可自定义骰子数量,简单好用的骰子工具',
+ url: '/dice',
+ cateId: 9,
+ cate: '选择随机',
+ },
+ ]
+ },
+ {
+ id: 7,
+ title: '其他工具',
+ icon: '',
+ list: [
+ {
+ id: 1,
+ title: '数字转金额大写',
+ logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/text%20recognition.png',
+ desc: '在线数字一键转换成人民币大写,中文大写转换数字',
+ url: '/numberToChinese',
cateId: 7,
- cate: '其他'
+ cate: '其他工具'
},
{
id: 1,
@@ -520,7 +643,16 @@ function getToolsCate() {
desc: '手持滚动弹幕',
url: '/barrage',
cateId: 7,
- cate: '其他',
+ cate: '其他工具',
+ },
+ {
+ id: 1,
+ title: '色板',
+ logo: 'https://baseran2.oss-cn-shenzhen.aliyuncs.com/toools-web/icon/%E8%B0%83%E8%89%B2%E6%9D%BF.png',
+ desc: '包含纯色、渐变与阶梯色和常用色彩组合',
+ url: '/palettes',
+ cateId: 7,
+ cate: '其他工具'
}
]
}
diff --git a/public/images/coin/dollar.png b/public/images/coin/dollar.png
new file mode 100644
index 0000000..1945776
Binary files /dev/null and b/public/images/coin/dollar.png differ
diff --git a/public/images/coin/xingxing.png b/public/images/coin/xingxing.png
new file mode 100644
index 0000000..8e5f3e4
Binary files /dev/null and b/public/images/coin/xingxing.png differ
diff --git a/public/images/dice/dice1.png b/public/images/dice/dice1.png
new file mode 100644
index 0000000..c3ba8f3
Binary files /dev/null and b/public/images/dice/dice1.png differ
diff --git a/public/images/dice/dice2.png b/public/images/dice/dice2.png
new file mode 100644
index 0000000..5dfde70
Binary files /dev/null and b/public/images/dice/dice2.png differ
diff --git a/public/images/dice/dice3.png b/public/images/dice/dice3.png
new file mode 100644
index 0000000..426b87f
Binary files /dev/null and b/public/images/dice/dice3.png differ
diff --git a/public/images/dice/dice4.png b/public/images/dice/dice4.png
new file mode 100644
index 0000000..e392264
Binary files /dev/null and b/public/images/dice/dice4.png differ
diff --git a/public/images/dice/dice5.png b/public/images/dice/dice5.png
new file mode 100644
index 0000000..f7c641c
Binary files /dev/null and b/public/images/dice/dice5.png differ
diff --git a/public/images/dice/dice6.png b/public/images/dice/dice6.png
new file mode 100644
index 0000000..0ec9e98
Binary files /dev/null and b/public/images/dice/dice6.png differ
diff --git a/public/images/dice/dice_run1.png b/public/images/dice/dice_run1.png
new file mode 100644
index 0000000..a9aa844
Binary files /dev/null and b/public/images/dice/dice_run1.png differ
diff --git a/public/images/dice/dice_run2.png b/public/images/dice/dice_run2.png
new file mode 100644
index 0000000..d9fb714
Binary files /dev/null and b/public/images/dice/dice_run2.png differ
diff --git a/public/images/dice/dice_run3.png b/public/images/dice/dice_run3.png
new file mode 100644
index 0000000..df4801d
Binary files /dev/null and b/public/images/dice/dice_run3.png differ
diff --git a/public/images/dice/dice_run4.png b/public/images/dice/dice_run4.png
new file mode 100644
index 0000000..6df47a9
Binary files /dev/null and b/public/images/dice/dice_run4.png differ
diff --git a/src/components/Chart/Bar/Bar.vue b/src/components/Chart/Bar/Bar.vue
index 2564e7f..7e839a4 100644
--- a/src/components/Chart/Bar/Bar.vue
+++ b/src/components/Chart/Bar/Bar.vue
@@ -296,7 +296,7 @@ const updateDataFile = async (params) => {
console.log(e)
}
}
- fileReader.readAsBinaryString(_file)
+ fileReader.readAsArrayBuffer(_file)
}
//copy
diff --git a/src/components/Chart/Line/Line.vue b/src/components/Chart/Line/Line.vue
new file mode 100644
index 0000000..3b5d26c
--- /dev/null
+++ b/src/components/Chart/Line/Line.vue
@@ -0,0 +1,466 @@
+
+
+
+
本项目是一个开源工具站, 求星星
+本项目基于
本项目开源地址:
ctrl + D收藏本站,以便以后使用
联系作者/问题反馈