Browse Source

perf: 返回按钮的图标可以有阴影

任一存 1 year ago
parent
commit
5b4934cb1f
2 changed files with 2 additions and 2 deletions
  1. BIN
      src/assets/images/icon_back_white-with-shadow.png
  2. 2 2
      src/components/BtnBack.vue

BIN
src/assets/images/icon_back_white-with-shadow.png


+ 2 - 2
src/components/BtnBack.vue

@@ -3,7 +3,7 @@
     <button>
     <button>
       <img
       <img
         class=""
         class=""
-        :src="require(`@/assets/images/icon_back_${props.color}.png`)"
+        :src="require(`@/assets/images/icon_back_${props.color}${textShadow ? '-with-shadow' : ''}.png`)"
         alt=""
         alt=""
         draggable="false"
         draggable="false"
       >
       >
@@ -84,7 +84,7 @@ const textColor = computed(() => {
     line-height: calc(28px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
     line-height: calc(28px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
   }
   }
   >.text.needShadow{
   >.text.needShadow{
-    text-shadow: calc(1px / v-bind('windowHeightDesign') * v-bind('windowHeight')) calc(1px / v-bind('windowHeightDesign') * v-bind('windowHeight')) calc(2px / v-bind('windowHeightDesign') * v-bind('windowHeight')) rgba(0, 0, 0, 0.3);
+    text-shadow: calc(1px / v-bind('windowHeightDesign') * v-bind('windowHeight')) calc(1px / v-bind('windowHeightDesign') * v-bind('windowHeight')) calc(2px / v-bind('windowHeightDesign') * v-bind('windowHeight')) rgba(0, 0, 0, 0.7);
   }
   }
 }
 }
 </style>
 </style>