backup/ZY-Player
1
0
Fork 0
mirror of https://github.com/cuiocean/ZY-Player.git synced 2026-02-14 07:55:27 +08:00
Code Issues Projects Releases Wiki Activity

用el-button实现header部分的按钮

Browse Source
This commit is contained in:
haiyangcui
2020-10-18 22:54:21 +02:00
parent d4ad68e030
commit 694986d6c5
8 changed files with 44 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/scss/style.scss
View File

@@ -222,6 +222,12 @@
cursor: pointer;
}
}
.el-button{
border: none;
&:hover{
cursor: pointer;
}
}
}
.listpage-body{
height: calc(100% - 40px);

7
src/assets/scss/theme/dark.scss
View File

@@ -364,6 +364,13 @@
color: var(--d-fc-3)
}
}
.el-button{
background-color: var(--d-bgc-2);
color: var(--d-fc-2);
&:hover{
color: var(--d-fc-3)
}
}
}
.listpage-body{
/* 设置el-table的样式*/

7
src/assets/scss/theme/green.scss
View File

@@ -362,6 +362,13 @@
color: var(--g-fc-3)
}
}
.el-button{
background-color: var(--g-bgc-2);
color: var(--g-fc-2);
&:hover{
color: var(--g-fc-3)
}
}
}
.listpage-body{
/* 设置el-table的样式*/

7
src/assets/scss/theme/light.scss
View File

@@ -362,6 +362,13 @@
color: var(--l-fc-3)
}
}
.el-button{
background-color: var(--l-bgc-2);
color: var(--l-fc-2);
&:hover{
color: var(--l-fc-3)
}
}
}
.listpage-body{
/* 设置el-table的样式*/

7
src/assets/scss/theme/pink.scss
View File

@@ -361,6 +361,13 @@
color: var(--p-fc-3)
}
}
.el-button{
background-color: var(--p-bgc-2);
color: var(--p-fc-2);
&:hover{
color: var(--p-fc-3)
}
}
}
.listpage-body{
/* 设置el-table的样式*/

10
src/components/EditSites.vue
View File

@@ -2,11 +2,11 @@
<div class="listpage" id="editSites">
<div class="listpage-content">
<div class="listpage-header">
<span class="btn" @click="addSite">添加</span>
<span class="btn" @click="exportSites">导出</span>
<span class="btn" @click="importSites">导入</span>
<span class="btn" @click="removeAllSites">清空</span>
<span class="btn" @click="resetSitesEvent">重置</span>
<el-button @click.stop="addSite" type="text">添加</el-button>
<el-button @click.stop="exportSites" type="text">导出</el-button>
<el-button @click.stop="importSites" type="text">导入</el-button>
<el-button @click.stop="removeAllSites" type="text">清空</el-button>
<el-button @click.stop="resetSitesEvent" type="text">重置</el-button>
</div>
<div class="listpage-body" id="sites-table">
<el-table

2
src/components/History.vue
View File

@@ -3,7 +3,7 @@
<div class="listpage-content">
<div class="listpage-header">
<span class="btn"></span>
<span class="btn" @click="clearAllHistory">清空</span>
<el-button @click.stop="clearAllHistory" type="text">清空</el-button>
</div>
<div class="listpage-body" id="history-table">
<el-table

8
src/components/Star.vue
View File

@@ -2,10 +2,10 @@
<div class="listpage" id="star">
<div class="listpage-content">
<div class="listpage-header">
<span class="btn" @click="exportFavoritesEvent">导出</span>
<span class="btn" @click="importFavoritesEvent">导入</span>
<span class="btn" @click="clearFavoritesEvent">清空</span>
<span class="btn" @click="updateAllEvent">同步所有收藏</span>
<el-button @click.stop="exportFavoritesEvent" type="text">导出</el-button>
<el-button @click.stop="importFavoritesEvent" type="text">导入</el-button>
<el-button @click.stop="clearFavoritesEvent" type="text">清空</el-button>
<el-button @click.stop="updateAllEvent" type="text">同步所有收藏</el-button>
</div>
<div class="listpage-body" id="list-table">
<el-table