zhc077
/
hnjd_comp
forked from wangjiadong/comp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pul

Browse Source
dev^2
significative 5 months ago
parent 6b820337aa
commit ffdce67cfc
1 changed files with 5 additions and 194 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 199
      jeecgboot-vue3-master/src/views/depart/workbench/index.vue

199
jeecgboot-vue3-master/src/views/depart/workbench/index.vue
Unescape View File

@ -1,203 +1,14 @@
<template>
<div class="workbench">
<div class="header">
<div class="card">
<div class="top">
<div class="text">
本年度已开展比赛数
</div>
<Icon icon="mainHome-time|svg" :size="20" />
</div>
<div class="center">
<div class="text">
67
</div>
</div>
<div class="bottom">
<div class="bot_card">国赛：12</div>
<div class="bot_card">省赛：12</div>
<div class="bot_card">校赛：24</div>
</div>
</div>
<div class="card">
<div class="top">
<div class="text">
本年度已开展比赛数
</div>
<Icon icon="mainHome-time|svg" :size="20" />
</div>
<div class="center">
<div class="text">
67
</div>
</div>
<div class="bottom">
<div class="bot_card">国赛：12</div>
<div class="bot_card">省赛：12</div>
<div class="bot_card">校赛：24</div>
</div>
</div>
<div class="card">
<div class="top">
<div class="text">
本年度已开展比赛数
</div>
<Icon icon="mainHome-time|svg" :size="20" />
</div>
<div class="center">
<div class="text">
67
</div>
</div>
<div class="bottom">
<div class="bot_card">国赛：12</div>
<div class="bot_card">省赛：12</div>
<div class="bot_card">校赛：24</div>
</div>
</div>
<div class="card">
<div class="top">
<div class="text">
本年度已开展比赛数
</div>
<Icon icon="mainHome-time|svg" :size="20" />
</div>
<div class="center">
<div class="text">
67
</div>
</div>
<div class="bottom">
<div class="bot_card">国赛：12</div>
<div class="bot_card">省赛：12</div>
<div class="bot_card">校赛：24</div>
</div>
</div>
</div>
<div class="content">
<div class="con_left"></div>
<div class="con_right"></div>
</div>
<div class="footer">
<div class="foo_card"></div>
<div class="foo_card"></div>
</div>
<component :is="com()" />
</div>
</template>
<script lang="ts" setup>
import { ChDepartment } from './components/index'
function com(){
return ChDepartment
}
</script>
<style lang="less" scoped>
.workbench {
padding: 16px 16px 0;
&>* {
display: flex;
justify-content: space-between;
}
.header {
.card {
width: 405px;
height: 182px;
background: #FFFFFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.03);
border-radius: 4px 4px 4px 4px;
padding: 20px 24px 0;
.top {
display: flex;
justify-content: space-between;
.text {
height: 22px;
font-family: Inter, Inter;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.45);
line-height: 22px;
text-align: left;
font-style: normal;
text-transform: none;
}
}
.center {
margin-top: 4px;
width: 357px;
height: 78px;
border-radius: 0px 0px 0px 0px;
display: flex;
align-items: center;
.text {
height: 38px;
font-family: Inter, Inter;
font-weight: 400;
font-size: 48px;
color: rgba(51, 51, 51, 0.88);
line-height: 38px;
text-align: left;
font-style: normal;
text-transform: none;
}
}
.bottom {
margin-top: 18px;
display: flex;
justify-content: space-between;
.bot_card {
width: 91px;
height: 22px;
font-family: Inter, Inter;
font-weight: 400;
font-size: 14px;
color: rgba(51, 51, 51, 0.88);
line-height: 22px;
text-align: left;
font-style: normal;
text-transform: none;
}
}
}
}
.content {
margin-top: 16px;
.con_left {
width: 489px;
height: 459px;
background: #FFFFFF;
border-radius: 2px 2px 2px 2px;
border: 1px solid #F0F0F0;
}
.con_right {
width: 1160px;
height: 458px;
background: #FFFFFF;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px 4px 4px 4px;
}
}
.footer {
margin-top: 21px;
.foo_card {
width: 820px;
height: 502px;
background: #FFFFFF;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
border-radius: 6px 6px 6px 6px;
}
}
}
</style>
Write Preview
Loading…
Cancel
Save