更新图标
lyswhut
parent
1eb9920bcf
commit
ded75563e9
|
|
@ -359,6 +359,10 @@ body {
|
|||
flex-flow: column nowrap;
|
||||
transition: background-color @transition-theme;
|
||||
background-color: @color-theme_2;
|
||||
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#toolbar, #player {
|
||||
flex: none;
|
||||
|
|
|
|||
|
|
@ -703,7 +703,7 @@
|
|||
|
||||
|
||||
// Width
|
||||
@width-app-left: 7.3%;
|
||||
@width-app-left: 6.5%;
|
||||
|
||||
// Height
|
||||
@height-toolbar: 54px;
|
||||
|
|
|
|||
|
|
@ -12,19 +12,19 @@ div(:class="$style.aside")
|
|||
div(:class="$style.icon")
|
||||
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 801.99 811.98' space='preserve')
|
||||
use(xlink:href='#icon-search-2')
|
||||
span {{$t('core.aside.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' viewBox='0 0 805.65 805.58' space='preserve')
|
||||
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 739.96 763.59' space='preserve')
|
||||
use(xlink:href='#icon-album')
|
||||
span {{$t('core.aside.song_list')}}
|
||||
//- 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' viewBox='0 0 819.1 819.38' space='preserve')
|
||||
use(xlink:href='#icon-leaderboard')
|
||||
span {{$t('core.aside.leaderboard')}}
|
||||
//- span {{$t('core.aside.leaderboard')}}
|
||||
dl
|
||||
//- dt {{$t('core.aside.my_music')}}
|
||||
dd
|
||||
|
|
@ -33,22 +33,22 @@ div(:class="$style.aside")
|
|||
div(:class="$style.icon")
|
||||
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 830.33 740.22' space='preserve')
|
||||
use(xlink:href='#icon-love')
|
||||
span {{$t('core.aside.love_list')}}
|
||||
//- 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}}
|
||||
dl
|
||||
//- dt {{$t('core.aside.other')}}
|
||||
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' viewBox='0 0 803.9 719.04' space='preserve')
|
||||
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 798.85 718.96' space='preserve')
|
||||
use(xlink:href='#icon-download-2')
|
||||
span {{$t('core.aside.download')}}
|
||||
//- 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' viewBox='0 0 812.85 812.85' space='preserve')
|
||||
svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' viewBox='0 0 854.85 775.41' space='preserve')
|
||||
use(xlink:href='#icon-setting')
|
||||
span {{$t('core.aside.setting')}}
|
||||
//- span {{$t('core.aside.setting')}}
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
@ -129,6 +129,10 @@ export default {
|
|||
|
||||
.menu {
|
||||
flex: auto;
|
||||
// display: flex;
|
||||
// flex-flow: column nowrap;
|
||||
// justify-content: center;
|
||||
// padding-bottom: 40px;
|
||||
// padding: 5px;
|
||||
dl {
|
||||
-webkit-app-region: no-drag;
|
||||
|
|
@ -150,7 +154,7 @@ export default {
|
|||
text-decoration: none;
|
||||
|
||||
position: relative;
|
||||
padding: 10px 3px;
|
||||
padding: 18px 3px;
|
||||
// margin: 5px 0;
|
||||
// border-left: 5px solid transparent;
|
||||
transition: @transition-theme;
|
||||
|
|
@ -180,9 +184,9 @@ export default {
|
|||
}
|
||||
|
||||
.icon {
|
||||
margin-bottom: 5px;
|
||||
// margin-bottom: 5px;
|
||||
&> svg {
|
||||
width: 27%;
|
||||
width: 32%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -87,11 +87,11 @@ svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/19
|
|||
path(d='M702.07,351c0-193.87-157.16-351-351-351S0,157.16,0,351s157.16,351,351,351S702.07,544.91,702.07,351ZM351,611.46C207.21,611.46,90.61,494.86,90.61,351S207.21,90.61,351,90.61,611.46,207.21,611.46,351,494.86,611.46,351,611.46Z')
|
||||
|
||||
g#icon-album(fill='currentColor')
|
||||
// 0 0 819.06 819.38
|
||||
path(d='M447.55,495.89a90.4,90.4,0,1,1-90.39,90.4,90.39,90.39,0,0,1,90.39-90.4Zm0,60.26a30.13,30.13,0,1,0,30.13,30.13,30.13,30.13,0,0,0-30.13-30.13Zm0,0')
|
||||
path(d='M538,418l39,39a30.13,30.13,0,0,0,42.61-42.61l-90.4-90.4c-19-19-51.44-5.54-51.44,21.3V586.29a30.13,30.13,0,0,0,60.26,0Zm0,0')
|
||||
path(d='M775.61,167.7H205.31a43.5,43.5,0,0,0-43.45,43.45V775.93a43.5,43.5,0,0,0,43.45,43.45h570.3a43.5,43.5,0,0,0,43.45-43.45V211.15A43.5,43.5,0,0,0,775.61,167.7Zm-43.45,86.9V732.48H248.76V254.59Z')
|
||||
path(d='M685.29,43.45A43.5,43.5,0,0,0,641.84,0H43.45A43.5,43.5,0,0,0,0,43.45V658.4a43.45,43.45,0,0,0,86.9,0V86.9H641.84A43.5,43.5,0,0,0,685.29,43.45Z')
|
||||
// 0 0 739.96 763.59
|
||||
path(d='M392.64,445.47a86.07,86.07,0,1,1-86.07,86.07,86.07,86.07,0,0,1,86.07-86.07Zm0,57.38a28.69,28.69,0,1,0,28.69,28.69,28.69,28.69,0,0,0-28.69-28.69Zm0,0')
|
||||
path(d='M478.71,371.28l37.1,37.1a28.69,28.69,0,0,0,40.57-40.57l-86.07-86.07c-18.08-18.08-49-5.28-49,20.28V531.54a28.69,28.69,0,0,0,57.38,0Zm0,0')
|
||||
path(d='M679.17,39.27A39.32,39.32,0,0,0,639.9,0H39.27A39.32,39.32,0,0,0,0,39.27V657.59a39.27,39.27,0,1,0,78.54,0v-579H639.9A39.32,39.32,0,0,0,679.17,39.27Z')
|
||||
path(d='M700.69,136.32,398,136.25a39.27,39.27,0,0,0-39.3,39.27v0a39.27,39.27,0,0,0,39.24,39.27l263.47.05V685l-440.35-.35V440.26A39.27,39.27,0,0,0,181.79,401h0a39.27,39.27,0,0,0-39.27,39.27V724a39.32,39.32,0,0,0,39.27,39.27l518.89.35A39.32,39.32,0,0,0,740,724.32V175.59A39.32,39.32,0,0,0,700.69,136.32Z')
|
||||
|
||||
g#icon-leaderboard(fill='currentColor')
|
||||
// 0 0 805.65 805.58
|
||||
|
|
@ -111,14 +111,15 @@ svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/19
|
|||
//- path(d='m356.414062 271.082031-85.332031 85.332031c-8.339843 8.34375-21.824219 8.34375-30.164062 0l-85.332031-85.332031c-6.101563-6.101562-7.9375-15.273437-4.632813-23.253906 3.308594-7.957031 11.09375-13.160156 19.714844-13.160156h64v-213.335938c0-11.773437 9.554687-21.332031 21.332031-21.332031s21.332031 9.558594 21.332031 21.332031v213.335938h64c8.621094 0 16.40625 5.203125 19.714844 13.160156 3.304687 7.980469 1.46875 17.152344-4.632813 23.253906zm0 0')
|
||||
|
||||
g#icon-download-2(fill='currentColor')
|
||||
// 0 0 803.9 719.04
|
||||
path(d='M757.95,341.33h0A46,46,0,0,0,712,387.28V627.14l-620.1-.4V387.28a46,46,0,0,0-45.95-45.95h0A46,46,0,0,0,0,387.28v285.4a46,46,0,0,0,45.95,45.95l712,.41a46,46,0,0,0,45.95-45.95V387.28A46,46,0,0,0,757.95,341.33Z')
|
||||
path(d='M369.58,478.66a45.48,45.48,0,0,0,64.24,0L597.25,315.47a45.43,45.43,0,0,0,0-64.27h0a45.43,45.43,0,0,0-64.23,0l-85,84.87V45.95a45.95,45.95,0,1,0-91.9,0V336.68l-85.24-85.24a45.43,45.43,0,0,0-64.25,64.25Z')
|
||||
// 0 0 798.85 718.96
|
||||
path(d='M755.47,343.91h0a43.37,43.37,0,0,0-43.37,43.37V632.21l-625.35-.38V387.28a43.37,43.37,0,0,0-43.37-43.37h0A43.37,43.37,0,0,0,0,387.28V675.2a43.42,43.42,0,0,0,43.37,43.37l712.1.39a43.42,43.42,0,0,0,43.37-43.37V387.28A43.37,43.37,0,0,0,755.47,343.91Z')
|
||||
path(d='M367.06,478.66a45.48,45.48,0,0,0,64.24,0L594.72,315.47a45.43,45.43,0,0,0,0-64.27h0a45.43,45.43,0,0,0-64.23,0l-85,84.87V45.95a45.95,45.95,0,0,0-91.9,0V336.68l-85.24-85.24a45.43,45.43,0,0,0-64.25,64.25Z')
|
||||
|
||||
g#icon-setting(fill='currentColor')
|
||||
//- 0 0 812.85 812.85
|
||||
path(d='M406.6,229.74c-97.47,0-176.78,79.3-176.78,176.77s79.3,176.77,176.78,176.77S583.37,504,583.37,406.51,504.07,229.74,406.6,229.74Zm93.89,176.77a93.89,93.89,0,1,1-93.89-93.9A94,94,0,0,1,500.49,406.51Z')
|
||||
path(d='M809.31,347.73a41.38,41.38,0,0,0-35.23-35.6l-53.57-7.62a327.53,327.53,0,0,0-17.77-43.69l33.48-44.11a41.42,41.42,0,0,0-.21-50.37l-.28-.35a519.94,519.94,0,0,0-38.6-43.55l-3.21-3.3-.13-.13a539,539,0,0,0-43.59-38.63l-.33-.26a41.35,41.35,0,0,0-50.24-.37L556.35,112.3a327.77,327.77,0,0,0-43.4-18.38L505.45,39A41.52,41.52,0,0,0,469.62,3.52l-1.17-.13A520.3,520.3,0,0,0,411,0h-4.64a511.73,511.73,0,0,0-58.76,3.54A41.34,41.34,0,0,0,312,38.77l-7.62,53.57A329.19,329.19,0,0,0,260.74,110L216.55,76.55a41.3,41.3,0,0,0-50.41.23l-.25.2a517.08,517.08,0,0,0-43.66,38.7l-3.3,3.29A539.79,539.79,0,0,0,80.3,162.55l-.26.33a41.38,41.38,0,0,0-.36,50.26l32.52,43.19a331.49,331.49,0,0,0-18.36,43.41L39,307.31A41.5,41.5,0,0,0,3.52,343.14l-.13,1.17A520.26,520.26,0,0,0,0,401.78v4.64a507.26,507.26,0,0,0,3.54,58.76A41.33,41.33,0,0,0,38.78,500.8l53.4,7.54A335.58,335.58,0,0,0,110,552.1L76.54,596.22a41.39,41.39,0,0,0,.29,50.46l.11.15a515,515,0,0,0,38.74,43.72l3.41,3.33a541,541,0,0,0,43.54,38.59l.36.29a41.54,41.54,0,0,0,50.21.34l43.11-32.37a333.74,333.74,0,0,0,43.59,18.46l7.57,54.69a41.54,41.54,0,0,0,35.81,35.46l1.2.13A520.42,520.42,0,0,0,402,812.85h4.64c24.43,0,46.4-2.13,54.67-2.94l2.18-.21.33,0,1.19-.15a41.33,41.33,0,0,0,35.75-35.25l7.62-53.75a333.17,333.17,0,0,0,43.58-17.69l44.2,33.58a41.31,41.31,0,0,0,50.4-.23l.3-.24a521.08,521.08,0,0,0,43.63-38.67l3.35-3.35a512.91,512.91,0,0,0,38.65-43.6l.28-.36a41.54,41.54,0,0,0,.34-50.21l-32.44-43.19a329.12,329.12,0,0,0,18.43-43.51l54.78-7.5a41.54,41.54,0,0,0,35.46-35.81l.13-1.19a520.22,520.22,0,0,0,3.39-57.47v-4.64A509.52,509.52,0,0,0,809.31,347.73Zm-163,120.15a245.45,245.45,0,0,1-29.95,69.58,41.72,41.72,0,0,0,2,46.93l28.85,38.39c-3.63,4-7.59,8.14-11.76,12.31L632,638.5c-3.69,3.74-7.63,7.52-12.11,11.62l-37.87-28.73a42.93,42.93,0,0,0-16.3-8.12,41.35,41.35,0,0,0-31.32,4.8,245.8,245.8,0,0,1-72.35,29.3,41.7,41.7,0,0,0-31.73,34.55l-6.73,47.73c-6,.28-11.6.42-17,.42H402c-5.29,0-11-.14-16.92-.42l-6.75-48.31a41.32,41.32,0,0,0-31.14-34.53,244.29,244.29,0,0,1-67.79-28,41.13,41.13,0,0,0-50.81-.82l-38.48,28.93c-3.93-3.6-8.11-7.55-12.3-11.75l-3.41-3.32c-3.71-3.71-7.55-7.74-11.62-12.19L191,582.33a41.36,41.36,0,0,0,3.66-48.08,245.42,245.42,0,0,1-28.36-68.48c0-.24-.07-.55-.14-.89A41.61,41.61,0,0,0,131,430l-47.73-6.73c-.26-5.68-.4-11.37-.41-17v-4.64c0-5.27.14-10.91.41-16.82l48.49-6.68A41.3,41.3,0,0,0,166.3,347a244.07,244.07,0,0,1,29-69.49c.59-.84,1.29-1.85,1.92-2.9a41.49,41.49,0,0,0-2.32-46.3L166,189.81c3.65-4,7.61-8.17,11.75-12.31l3.41-3.49c3.68-3.73,7.63-7.52,12.11-11.61l37.51,28.47a41.31,41.31,0,0,0,48,3.57,246.17,246.17,0,0,1,69.89-28.71,41.11,41.11,0,0,0,34.18-35l6.74-47.73c5.69-.26,11.39-.4,17-.41h4.64c5.53,0,11.22.12,16.82.36l6.67,48.52A41.29,41.29,0,0,0,465.9,166a242.42,242.42,0,0,1,69.74,29.07,41,41,0,0,0,48.93-.61L623,165.57c4,3.69,8.16,7.6,12.31,11.76l3.4,3.39c3.7,3.65,7.53,7.65,11.62,12.11l-29.6,39a41.54,41.54,0,0,0-1.87,47.35,246.11,246.11,0,0,1,28.81,71.48,41.67,41.67,0,0,0,34.52,31.72l47.58,6.81c.26,5.67.4,11.37.42,17v4.64c0,5.55-.12,11.24-.36,16.82l-48.5,6.67A41.21,41.21,0,0,0,646.3,467.88Z')
|
||||
//- 0 0 821.28 734.37
|
||||
path.cls-1(d='M410.4,513.59a145.48,145.48,0,0,1-73.28-19.87c-69.77-40.54-93.55-130.29-53-200.06a146.35,146.35,0,1,1,253.07,147h0a145.39,145.39,0,0,1-89.05,67.94A147.22,147.22,0,0,1,410.4,513.59Zm.38-230.7a84.75,84.75,0,0,0-21.72,2.85,84.26,84.26,0,1,0,94.43,123.78h0a84.31,84.31,0,0,0-72.71-126.62Z')
|
||||
path.cls-1(d='M573,734.37H248.32a86.27,86.27,0,0,1-74.5-43L11.49,410.2a86.27,86.27,0,0,1,0-86L173.81,43a86.27,86.27,0,0,1,74.5-43H573a86.27,86.27,0,0,1,74.5,43L809.79,324.17a86.27,86.27,0,0,1,0,86L647.47,691.35A86.27,86.27,0,0,1,573,734.37ZM248.32,74.51a11.55,11.55,0,0,0-10,5.76L76,361.42a11.56,11.56,0,0,0,0,11.52L238.34,654.1a11.56,11.56,0,0,0,10,5.76H573a11.55,11.55,0,0,0,10-5.76L745.27,372.94a11.55,11.55,0,0,0,0-11.52L582.94,80.27a11.56,11.56,0,0,0-10-5.76Z')
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue