Просмотр исходного кода

polish: 扫码图标改为框+横线极简风格

外框+居中横线 经典扫码光束造型

Co-Authored-By: Claude <noreply@anthropic.com>
skyline 3 дней назад
Родитель
Сommit
a4f3375ab1
1 измененных файлов с 2 добавлено и 2 удалено
  1. 2 2
      haha-admin-mp/src/pages/replenish/home.vue

+ 2 - 2
haha-admin-mp/src/pages/replenish/home.vue

@@ -201,7 +201,7 @@ onShow(async () => { await loadData(); });
   &:active { transform: translateX(-50%) scale(0.92); background: $primary-color-dark; }
 }
 .scan-icon { width: 56rpx; height: 56rpx; position: relative;
-  &::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 5rpx solid $text-color-primary; border-radius: 12rpx; }
-  &::after { content: ''; position: absolute; top: 12rpx; left: 12rpx; width: 22rpx; height: 22rpx; border: 3rpx solid $text-color-primary; border-radius: 4rpx; }
+  &::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 5rpx solid $text-color-primary; border-radius: 10rpx; }
+  &::after { content: ''; position: absolute; top: 50%; left: 8rpx; right: 8rpx; height: 3rpx; background: $text-color-primary; border-radius: 2rpx; transform: translateY(-50%); }
 }
 </style>