仪表盘页面
GET
/dashboard请求参数
无
示例代码
返回响应
成功(200)
失败(404)
HTTP 状态码: 200
内容格式: JSONapplication/json
数据结构
No schema defined
示例
{
"status": 0,
"msg": "",
"doNotDisplayToast": 0,
"data": {
"type": "page",
"className": "m:overflow-auto",
"css": {
".clear-card-mb": {
"margin-bottom": "0 !important"
},
".cxd-Image": {
"border": "0"
},
".bg-blingbling": {
"color": "#fff",
"background": "linear-gradient(to bottom right, #2C3E50, #FD746C, #FF8235, #ffff1c, #92FE9D, #00C9FF, #a044ff, #e73827)",
"background-repeat": "no-repeat",
"background-size": "1000% 1000%",
"animation": "gradient 60s ease infinite"
},
"@keyframes gradient": [
"0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%}"
],
".bg-blingbling .cxd-Card-title": {
"color": "#fff"
}
},
"body": [
{
"type": "grid",
"columns": [
{
"type": "card",
"className": "h-96",
"body": {
"type": "wrapper",
"className": "h-full",
"body": [
{
"type": "flex",
"className": "h-full",
"direction": "column",
"justify": "center",
"alignItems": "center",
"items": [
{
"type": "image",
"src": "http://localhost/admin-assets/logo.png"
},
{
"type": "wrapper",
"className": "text-3xl mt-9",
"body": "Owl Admin"
},
{
"type": "flex",
"className": "w-64 mt-5",
"justify": "space-around",
"items": [
{
"type": "action",
"level": "link",
"label": "GitHub",
"blank": true,
"actionType": "url",
"link": "https://github.com/slowlyo/owl-admin"
},
{
"type": "action",
"level": "link",
"label": "OwlAdmin 文档",
"blank": true,
"actionType": "url",
"link": "http://doc.owladmin.com"
},
{
"type": "action",
"level": "link",
"label": "Amis 文档",
"blank": true,
"actionType": "url",
"link": "https://aisuda.bce.baidu.com/amis/zh-CN/docs/index"
}
]
}
]
}
]
},
"md": 5
},
{
"type": "flex",
"items": [
{
"type": "card",
"className": "h-96",
"body": {
"type": "chart",
"height": 350,
"config": "{\n backgroundColor:'',\n tooltip: { trigger: 'item' },\n legend: { bottom: 0, left: 'center' },\n series: [\n {\n name: 'Access From',\n type: 'pie',\n radius: ['40%', '70%'],\n avoidLabelOverlap: false,\n itemStyle: { borderRadius: 10, borderColor: '#fff', borderWidth: 2 },\n label: { show: false, position: 'center' },\n emphasis: { label: { show: true, fontSize: '40', fontWeight: 'bold' } },\n labelLine: { show: false },\n data: [ { value: 1048, name: 'Search Engine' }, { value: 735, name: 'Direct' }, { value: 580, name: 'Email' }, { value: 484, name: 'Union Ads' }, { value: 300, name: 'Video Ads' } ]\n }\n ]\n}"
}
},
{
"type": "card",
"className": "h-96 ml-4 w-8/12",
"body": {
"type": "tpl",
"html": "<style>\n .cube-box{ height: 300px; display: flex; align-items: center; justify-content: center; }\n .cube { width: 100px; height: 100px; position: relative; transform-style: preserve-3d; animation: rotate 10s linear infinite; }\n .cube:after {\n content: '';\n width: 100%;\n height: 100%;\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);\n position: absolute;\n transform-origin: bottom;\n transform-style: preserve-3d;\n transform: rotateX(90deg) translateY(50px) translateZ(-50px);\n background-color: rgba(0, 0, 0, 0.1);\n }\n .cube div {\n background-color: rgba(64, 158, 255, 0.7);\n position: absolute;\n width: 100%;\n height: 100%;\n border: 1px solid rgb(27, 99, 170);\n box-shadow: 0 0 60px rgba(64, 158, 255, 0.7);\n }\n .cube div:nth-child(1) { transform: translateZ(-50px); animation: shade 10s -5s linear infinite; }\n .cube div:nth-child(2) { transform: translateZ(50px) rotateY(180deg); animation: shade 10s linear infinite; }\n .cube div:nth-child(3) { transform-origin: right; transform: translateZ(50px) rotateY(270deg); animation: shade 10s -2.5s linear infinite; }\n .cube div:nth-child(4) { transform-origin: left; transform: translateZ(50px) rotateY(90deg); animation: shade 10s -7.5s linear infinite; }\n .cube div:nth-child(5) { transform-origin: bottom; transform: translateZ(50px) rotateX(90deg); background-color: rgba(0, 0, 0, 0.7); }\n .cube div:nth-child(6) { transform-origin: top; transform: translateZ(50px) rotateX(270deg); }\n\n @keyframes rotate {\n 0% { transform: rotateX(-15deg) rotateY(0deg); }\n 100% { transform: rotateX(-15deg) rotateY(360deg); }\n }\n @keyframes shade { 50% { background-color: rgba(0, 0, 0, 0.7); } }\n</style>\n<div class=\"cube-box\">\n <div class=\"cube\">\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n </div>\n</div>"
}
}
]
}
]
},
{
"type": "grid",
"columns": [
{
"type": "card",
"className": "clear-card-mb",
"body": {
"type": "chart",
"height": 380,
"className": "h-96",
"config": "{\nbackgroundColor:'',\ntitle:{ text: '会员增长情况', },\ntooltip: { trigger: 'axis' },\nxAxis: { type: 'category', boundaryGap: false, data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] },\nyAxis: { type: 'value' },\ngrid:{ left: '7%', right:'3%', top: 60, bottom: 30, },\nlegend: { data: ['访问量','注册量'] },\nseries: [\n { name: '访问量', data: [141,110,93,32,48,132,24], type: 'line', areaStyle: {}, smooth: true, symbol: 'none', },\n { name:'注册量', data: [182,191,10,144,10,127,170], type: 'line', areaStyle: {}, smooth: true, symbol: 'none', },\n]}"
},
"md": 8
},
{
"type": "flex",
"className": "h-full",
"items": [
{
"type": "card",
"className": "h-full bg-blingbling",
"header": {
"title": "时钟"
},
"body": [
{
"type": "custom",
"name": "clock",
"html": "<div id=\"clock\" class=\"text-4xl\"></div><div id=\"clock-date\" class=\"mt-5\"></div>",
"onMount": "const clock = document.getElementById('clock');\nconst tick = () => {\n clock.innerHTML = (new Date()).toLocaleTimeString();\n requestAnimationFrame(tick);\n};\ntick();\n\nconst clockDate = document.getElementById('clock-date');\nclockDate.innerHTML = (new Date()).toLocaleDateString();"
}
]
},
{
"type": "carousel",
"className": "h-full clear-card-mb rounded-md",
"options": [
{
"image": "https://cn.bing.com/th?id=OHR.Springequinox2024_ZH-CN5647214924_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"href": "https://cn.bing.com/th?id=OHR.Springequinox2024_ZH-CN5647214924_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"title": "粉嫩的春日美景"
},
{
"image": "https://cn.bing.com/th?id=OHR.AlmondBloom_ZH-CN9441550492_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"href": "https://cn.bing.com/th?id=OHR.AlmondBloom_ZH-CN9441550492_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"title": "春日私语"
},
{
"image": "https://cn.bing.com/th?id=OHR.ElephantRock_ZH-CN9293300383_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"href": "https://cn.bing.com/th?id=OHR.ElephantRock_ZH-CN9293300383_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"title": "温柔的“沙丘巨人”"
},
{
"image": "https://cn.bing.com/th?id=OHR.StFiniansBay_ZH-CN8655586052_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"href": "https://cn.bing.com/th?id=OHR.StFiniansBay_ZH-CN8655586052_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"title": "今天,让我们穿绿衣裳吧!"
},
{
"image": "https://cn.bing.com/th?id=OHR.BambooPanda_ZH-CN8455481760_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"href": "https://cn.bing.com/th?id=OHR.BambooPanda_ZH-CN8455481760_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"title": "被竹子包围了"
},
{
"image": "https://cn.bing.com/th?id=OHR.AnzaBorregoBloom_ZH-CN8284458835_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"href": "https://cn.bing.com/th?id=OHR.AnzaBorregoBloom_ZH-CN8284458835_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"title": "一抹春色"
},
{
"image": "https://cn.bing.com/th?id=OHR.AyutthayaTree_ZH-CN8075870220_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"href": "https://cn.bing.com/th?id=OHR.AyutthayaTree_ZH-CN8075870220_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp",
"title": "一个π"
}
],
"thumbMode": "cover",
"animation": "slide"
}
],
"direction": "column"
}
]
}
]
}
}
最后修改时间: 7 个月前