Procházet zdrojové kódy

分享菜单样式优化

任一存 před 2 roky
rodič
revize
fabde767f8
1 změnil soubory, kde provedl 4 přidání a 3 odebrání
  1. 4 3
      src/views/RelicDetail.vue

+ 4 - 3
src/views/RelicDetail.vue

@@ -112,7 +112,7 @@
         @click="isShowShareMenu = !isShowShareMenu"
       >
         <img
-          :src="require(`@/assets/images/btn-share-${isDarkTheme ? 'dark' : 'light'}.png`)"
+          :src="require(`@/assets/images/btn-share-${isDarkTheme ? 'dark' : 'light'}${isShowShareMenu ? '-active' : ''}.png`)"
           alt=""
           draggable="false"
         >
@@ -122,6 +122,7 @@
           :style="{
             height: isShowShareMenu ? '154px' : '100%',
             opacity: isShowShareMenu ? '1' : '0',
+            backgroundColor: isDarkTheme ? '#555' : '#ccc',
           }"
         />
       </button>
@@ -374,8 +375,8 @@ export default {
         flex-direction: column;
         align-items: center;
         justify-content: space-evenly;
-        padding-bottom: 34px;
-        background-color: #444;
+        padding-top: 5px;
+        padding-bottom: 35px;
         > button {
           width: 27px;
           height: 27px;