From 961c60dd1a546969359b717c289f7cf21d083670 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子li <15040126243@163.com> Date: 星期一, 10 五月 2021 23:53:15 +0800 Subject: [PATCH] update 更新banner --- ruoyi-ui/src/views/index.vue | 271 ++++++++++++++++++++++++++++++++++------------------- 1 files changed, 173 insertions(+), 98 deletions(-) diff --git a/ruoyi-ui/src/views/index.vue b/ruoyi-ui/src/views/index.vue index 4828d88..520e068 100644 --- a/ruoyi-ui/src/views/index.vue +++ b/ruoyi-ui/src/views/index.vue @@ -1,98 +1,173 @@ -<template> - <div class="dashboard-editor-container"> - - <panel-group @handleSetLineChartData="handleSetLineChartData" /> - - <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;"> - <line-chart :chart-data="lineChartData" /> - </el-row> - - <el-row :gutter="32"> - <el-col :xs="24" :sm="24" :lg="8"> - <div class="chart-wrapper"> - <raddar-chart /> - </div> - </el-col> - <el-col :xs="24" :sm="24" :lg="8"> - <div class="chart-wrapper"> - <pie-chart /> - </div> - </el-col> - <el-col :xs="24" :sm="24" :lg="8"> - <div class="chart-wrapper"> - <bar-chart /> - </div> - </el-col> - </el-row> - - - </div> -</template> - -<script> -import PanelGroup from './dashboard/PanelGroup' -import LineChart from './dashboard/LineChart' -import RaddarChart from './dashboard/RaddarChart' -import PieChart from './dashboard/PieChart' -import BarChart from './dashboard/BarChart' - -const lineChartData = { - newVisitis: { - expectedData: [100, 120, 161, 134, 105, 160, 165], - actualData: [120, 82, 91, 154, 162, 140, 145] - }, - messages: { - expectedData: [200, 192, 120, 144, 160, 130, 140], - actualData: [180, 160, 151, 106, 145, 150, 130] - }, - purchases: { - expectedData: [80, 100, 121, 104, 105, 90, 100], - actualData: [120, 90, 100, 138, 142, 130, 130] - }, - shoppings: { - expectedData: [130, 140, 141, 142, 145, 150, 160], - actualData: [120, 82, 91, 154, 162, 140, 130] - } -} - -export default { - name: 'Index', - components: { - PanelGroup, - LineChart, - RaddarChart, - PieChart, - BarChart - }, - data() { - return { - lineChartData: lineChartData.newVisitis - } - }, - methods: { - handleSetLineChartData(type) { - this.lineChartData = lineChartData[type] - } - } -} -</script> - -<style lang="scss" scoped> -.dashboard-editor-container { - padding: 32px; - background-color: rgb(240, 242, 245); - position: relative; - - .chart-wrapper { - background: #fff; - padding: 16px 16px 0; - margin-bottom: 32px; - } -} - -@media (max-width:1024px) { - .chart-wrapper { - padding: 8px; - } -} -</style> +<template> + <div class="app-container home"> + <el-row :gutter="20"> + <el-col :sm="24" :lg="12" style="padding-left: 20px"> + <h2>RuoYi-Vue-Plus鍚庡彴绠$悊妗嗘灦</h2> + <p> + 鍩轰簬RuoYi-Vue闆嗘垚 Lombok+Mybatis-Plus+Undertow+knife4j+Hutool+Feign 閲嶅啓鎵�鏈夊師鐢熶笟鍔� 瀹氭湡涓嶳uoYi-Vue鍚屾 + </p> + <p> + <b>褰撳墠鐗堟湰:</b> <span>v{{ version }}</span> + </p> + <p> + <el-tag type="danger">¥鍏嶈垂寮�婧�</el-tag> + </p> + <p> + <el-button + type="primary" + size="mini" + icon="el-icon-cloudy" + plain + @click="goTarget('https://gitee.com/JavaLionLi/RuoYi-Vue-Plus')" + >璁块棶鐮佷簯</el-button + > + </p> + </el-col> + + <el-col :sm="24" :lg="12" style="padding-left: 50px"> + <el-row> + <el-col :span="12"> + <h2>鎶�鏈�夊瀷</h2> + </el-col> + </el-row> + <el-row> + <el-col :span="6"> + <h4>鍚庣鎶�鏈�</h4> + <ul> + <li>SpringBoot</li> + <li>Spring Security</li> + <li>JWT</li> + <li>MyBatis</li> + <li>Druid</li> + <li>Fastjson</li> + <li>...</li> + </ul> + </el-col> + <el-col :span="6"> + <h4>鍓嶇鎶�鏈�</h4> + <ul> + <li>Vue</li> + <li>Vuex</li> + <li>Element-ui</li> + <li>Axios</li> + <li>Sass</li> + <li>Quill</li> + <li>...</li> + </ul> + </el-col> + </el-row> + </el-col> + </el-row> + <el-divider /> + <el-row :gutter="20"> + <el-col :xs="24" :sm="24" :md="12" :lg="8"> + <el-card class="update-log"> + <div slot="header" class="clearfix"> + <span>鏇存柊鏃ュ織</span> + </div> + <el-collapse accordion> + <el-collapse-item title="v1.0.0 - 2021-5-10"> + <ol> + <li>RuoYi-Vue-Plus 鍚庡彴绠$悊绯荤粺姝e紡鍙戝竷</li> + <li>ORM妗嗘灦 浣跨敤 Mybatis-Plus 3.4.2 绠�鍖朇RUD</li> + <li>Bean绠�鍖� 浣跨敤 Lombok 绠�鍖� get set toString 绛夌瓑</li> + <li>瀹瑰櫒鏀瑰姩 Tomcat 鏀逛负 骞跺彂鎬ц兘鏇村ソ鐨� undertow</li> + <li>鎵�鏈夊師鐢熷姛鑳戒娇鐢� Mybatis-Plus 涓� Lombok 閲嶅啓</li> + <li>浠g爜鐢熸垚妯℃澘 鏀逛负閫傞厤 Mybatis-Plus 鐨勪唬鐮�</li> + <li>浠g爜鐢熸垚妯℃澘 鎷嗗垎鍑篤o,QueryBo,AddBo,EditBo绛夐鍩熷璞�</li> + <li>椤圭洰淇敼涓� maven澶氱幆澧冮厤缃�</li> + <li>swagger 淇敼涓� knife4j</li> + <li>闆嗘垚 Hutool 5.X 骞堕噸鍐橰uoYi閮ㄥ垎鍔熻兘</li> + <li>闆嗘垚 Feign 鎺ュ彛鍖栫鐞� Http 璇锋眰(濡備笁鏂硅姹� 鏀粯,鐭俊,鎺ㄩ�佺瓑)</li> + <li>闆嗘垚 spring-boot-admin 鍏ㄦ柟浣嶇洃鎺�</li> + <li>澧炲姞demo妯″潡绀轰緥(缁欎笉浼氬鍔犳ā鍧楃殑灏忎紮浼村仛鍙傝��)</li> + </ol> + </el-collapse-item> + </el-collapse> + </el-card> + </el-col> + </el-row> + </div> +</template> + +<script> +export default { + name: "index", + data() { + return { + // 鐗堟湰鍙� + version: "1.0.0", + }; + }, + methods: { + goTarget(href) { + window.open(href, "_blank"); + }, + }, +}; +</script> + +<style scoped lang="scss"> +.home { + blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eee; + } + hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eee; + } + .col-item { + margin-bottom: 20px; + } + + ul { + padding: 0; + margin: 0; + } + + font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + color: #676a6c; + overflow-x: hidden; + + ul { + list-style-type: none; + } + + h4 { + margin-top: 0px; + } + + h2 { + margin-top: 10px; + font-size: 26px; + font-weight: 100; + } + + p { + margin-top: 10px; + + b { + font-weight: 700; + } + } + + .update-log { + ol { + display: block; + list-style-type: decimal; + margin-block-start: 1em; + margin-block-end: 1em; + margin-inline-start: 0; + margin-inline-end: 0; + padding-inline-start: 40px; + } + } +} +</style> + -- Gitblit v1.9.3