仪表盘页面

{"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 \u6587\u6863","blank":true,"actionType":"url","link":"http:\/\/doc.owladmin.com"},{"type":"action","level":"link","label":"Amis \u6587\u6863","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: '\u4f1a\u5458\u589e\u957f\u60c5\u51b5', },\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: ['\u8bbf\u95ee\u91cf','\u6ce8\u518c\u91cf'] },\nseries: [\n    { name: '\u8bbf\u95ee\u91cf', data: [141,110,93,32,48,132,24], type: 'line', areaStyle: {}, smooth: true, symbol: 'none', },\n    { name:'\u6ce8\u518c\u91cf', 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":"\u65f6\u949f"},"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":"\u7c89\u5ae9\u7684\u6625\u65e5\u7f8e\u666f"},{"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":"\u6625\u65e5\u79c1\u8bed"},{"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":"\u6e29\u67d4\u7684\u201c\u6c99\u4e18\u5de8\u4eba\u201d"},{"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":"\u4eca\u5929\uff0c\u8ba9\u6211\u4eec\u7a7f\u7eff\u8863\u88f3\u5427\uff01"},{"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":"\u88ab\u7af9\u5b50\u5305\u56f4\u4e86"},{"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":"\u4e00\u62b9\u6625\u8272"},{"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":"\u4e00\u4e2a\u03c0"}],"thumbMode":"cover","animation":"slide"}],"direction":"column"}]}]}}