admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

湖里大屏：更改 Card 组件，标题下添加背景图

Browse Source
This commit is contained in:
Jack 2022-08-23 18:00:13 +08:00
parent 0fb0c8f23e
commit 8efdc2c036
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/views/projectAdmin/jlw/assets/images/bg/bg-card.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 523 B

7
src/views/projectAdmin/jlw/components/Card.vue
View File

@ -24,7 +24,12 @@ export default {
height: 100%; height: 100%;
border: 1px solid #0081c3; border: 1px solid #0081c3;
background-color: #07162b; background-color: #07162b;
background-image: url(../assets/images/bg/bg-card.png);
background-repeat: no-repeat;
background-position-x: 10px;
background-position-y: 30px;
.title { .title {
margin-bottom: 10px;
padding-left: 6px; padding-left: 6px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
@ -32,7 +37,7 @@ export default {
color: #6ee4f0; color: #6ee4f0;
} }
.content { .content {
height: calc(100% - 30px); height: calc(100% - 40px);
overflow: auto; overflow: auto;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {