tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(dashbaord.vue): 代码格式化添加控制台页面至缓存

Browse Source 
Former-commit-id: 130fbdf4dde908c0cf689109fb9ef77392761e24
This commit is contained in:
郝先瑞
2022-05-15 20:30:55 +08:00
parent 6726a48d4c
commit ad9ee534e1
1 changed files with 16 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/views/dashboard/index.vue
View File

@@ -1,27 +1,25 @@
<script lang="ts">
export default { name: 'Dashboard' };
</script>
<script setup lang="ts">
// 组件引用
import GithubCorner from '@/components/GithubCorner/index.vue';
import SvgIcon from '@/components/SvgIcon/index.vue';
import BarChart from './components/Chart/BarChart.vue';
import PieChart from './components/Chart/PieChart.vue';
import RadarChart from './components/Chart/RadarChart.vue';
import Project from './components/Project/index.vue';
import Team from './components/Team/index.vue';
</script>
<template> <template>
<div class="dashboard-container"> <div class="dashboard-container">
<github-corner class="github-corner" /> <github-corner class="github-corner" />
<!-- 数据 --> <!-- 数据 -->
<el-row :gutter="40" class="card-panel__col"> <el-row :gutter="40" class="card-panel__col">
<!-- <el-col :xs="24" :lg="6" class="card-panel__col">
<div class="card-panel">
<div class="card-panel-icon-wrapper" style="margin-top: -10px">
<el-image style="width:200px; height: 100px"
src="https://gitee.com/haoxr/image/raw/master/20210606213932.png"/>
</div>
<div class="card-panel-description">
<div class="card-panel-text">
{{ nickname }}
</div>
<div class="card-panel-text">
<el-tag size="mini" type="danger">莫得感情</el-tag>
<el-tag size="mini" type="success" style="margin-left: 5px">打工人</el-tag>
</div>
</div>
</div>
</el-col>-->
<el-col :xs="24" :sm="12" :lg="6" class="card-panel__col"> <el-col :xs="24" :sm="12" :lg="6" class="card-panel__col">
<div class="card-panel"> <div class="card-panel">
<div class="card-panel-icon-wrapper icon-people"> <div class="card-panel-icon-wrapper icon-people">
@@ -101,8 +99,6 @@
width="100%" width="100%"
class="chart-container" class="chart-container"
/> />
<!--订单漏斗图-->
<!--<FunnelChart id="funnelChart" height="400px" width="100%" class="chart-container"/>-->
</el-col> </el-col>
<el-col :xs="24" :sm="12" :lg="8" class="card-panel__col"> <el-col :xs="24" :sm="12" :lg="8" class="card-panel__col">
@@ -117,18 +113,6 @@
</div> </div>
</template> </template>
<script setup lang="ts">
// 组件引用
import GithubCorner from '@/components/GithubCorner/index.vue';
import SvgIcon from '@/components/SvgIcon/index.vue';
import BarChart from './components/Chart/BarChart.vue';
import PieChart from './components/Chart/PieChart.vue';
import RadarChart from './components/Chart/RadarChart.vue';
import Project from './components/Project/index.vue';
import Team from './components/Team/index.vue';
</script>
<style lang="scss" scoped> <style lang="scss" scoped>
.dashboard-container { .dashboard-container {
padding: 24px; padding: 24px;
@@ -149,9 +133,6 @@ import Team from './components/Team/index.vue';
} }
.user-profile { .user-profile {
.user-name {
}
.box-center { .box-center {
padding-top: 10px; padding-top: 10px;
} }