ion/Melo
1
0
Fork 0
Code Issues Pull Requests Actions 11 Packages Projects Releases Wiki Activity

修改布局

Browse Source
This commit is contained in:
lyswhut
2020-05-02 19:52:43 +08:00
parent 33383cd3bd
commit 6724912c73
5 changed files with 24 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/core/Aside.vue
+10 -7
View File
@@ -10,19 +10,19 @@ div(:class="$style.aside")
dd
router-link(:active-class="$style.active" to="search")
div(:class="$style.icon")
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 30.239 30.239' space='preserve')
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 30.239 30.239' space='preserve')
use(xlink:href='#icon-search')
span {{$t('core.aside.search')}}
dd
router-link(:active-class="$style.active" to="songList")
div(:class="$style.icon")
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 511.334 511.334' space='preserve')
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 511.334 511.334' space='preserve')
use(xlink:href='#icon-album')
span {{$t('core.aside.song_list')}}
dd
router-link(:active-class="$style.active" to="leaderboard")
div(:class="$style.icon")
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 512.001 512.001' space='preserve')
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512.001 512.001' space='preserve')
use(xlink:href='#icon-leaderboard')
span {{$t('core.aside.leaderboard')}}
dl
@@ -31,7 +31,7 @@ div(:class="$style.aside")
//- router-link(:active-class="($route.query.id === defaultList.id || $route.query.id == '') ? $style.active : ''" :to="`list?id=${defaultList.id || ''}`") {{$t('core.aside.default_list')}}
router-link(:active-class="$route.query.id === loveList.id ? $style.active : ''" :to="`list?id=${loveList.id}`")
div(:class="$style.icon")
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 512 512' space='preserve')
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' space='preserve')
use(xlink:href='#icon-love')
span {{$t('core.aside.love_list')}}
router-link(:active-class="$route.query.id === item.id ? $style.active : ''" v-for="item in userList" :to="`list?id=${item._id}`" :key="item._id") {{item.name}}
@@ -40,13 +40,13 @@ div(:class="$style.aside")
dd
router-link(:active-class="$style.active" to="download")
div(:class="$style.icon")
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 24 24' space='preserve')
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' space='preserve')
use(xlink:href='#icon-download-2')
span {{$t('core.aside.download')}}
dd
router-link(:active-class="$style.active" to="setting")
div(:class="$style.icon")
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' width='35%' viewBox='0 0 512 512' space='preserve')
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' space='preserve')
use(xlink:href='#icon-setting')
span {{$t('core.aside.setting')}}
</template>
@@ -150,7 +150,7 @@ export default {
text-decoration: none;
position: relative;
padding: 10px 10px;
padding: 10px 3px;
// margin: 5px 0;
// border-left: 5px solid transparent;
transition: @transition-theme;
@@ -181,6 +181,9 @@ export default {
.icon {
margin-bottom: 5px;
&> svg {
width: 27%;
}
}
src/renderer/components/core/Player.vue
+2 -2
View File
@@ -676,7 +676,7 @@ export default {
transition: @transition-theme;
transition-property: color;
flex: none;
padding: 3px 3px 3px 5px;
padding: 2px;
opacity: 1;
transition: @transition-theme;
transition-property: opacity;
@@ -698,7 +698,7 @@ export default {
transition: @transition-theme;
transition-property: border-color;
// border-radius: 50%;
border-radius: @radius-progress-border;
// border-radius: @radius-progress-border;
// border: 2px solid @color-theme_2-background_1;
}
}