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

fix: 修复启动页面图片背景不生效问题、取消logo阴影

小莫唐尼 1 год назад
Родитель
Сommit
d0b3a42c1d
1 измененных файлов с 16 добавлено и 7 удалено
  1. 16 7
      pagesA/start/start.vue

+ 16 - 7
pagesA/start/start.vue

@@ -1,5 +1,5 @@
 <template>
-    <view class="app-page bg-gradient-blue-lighten-b" :class="calcPageClass" :style="calcPageStyle">
+    <view class="app-page bg-gradient-blue-lighten-b" :class="calcPageClass" :style="[calcPageStyle]">
         <view v-if="calcBackgroundType!=='video'" class="tn-satr">
             <view class="sky"></view>
             <view class="stars">
@@ -46,9 +46,12 @@
                :show-progress="false"></video>
 
         <cover-view v-if="startConfig.title || startConfig.logo" class="title-container">
+
             <cover-view v-if="startConfig.logo" class="app-logo">
-                <cover-image class="app-logo-image" :src="$utils.checkImageUrl(startConfig.logo)"
-                             mode="aspectFill"></cover-image>
+                <view class="app-logo-border">
+                    <cover-image class="app-logo-image" :src="$utils.checkImageUrl(startConfig.logo)"
+                                 mode="aspectFill"></cover-image>
+                </view>
             </cover-view>
 
             <cover-view v-if="startConfig.title" class="app-title" :style="startConfig.titleStyle">
@@ -178,14 +181,20 @@ export default {
 .app-logo {
     width: 200rpx;
     height: 200rpx;
-    border: 8rpx solid rgba(255, 255, 255, 0.35);
-    border-radius: 50%;
-    box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.15);
-    overflow: hidden;
+
+    &-border {
+        width: 100%;
+        height: 100%;
+        box-sizing: border-box;
+        border: 8rpx solid rgba(255, 255, 255, 0.35);
+        border-radius: 50%;
+        overflow: hidden;
+    }
 
     &-image {
         width: 100%;
         height: 100%;
+        border-radius: 50%;
     }
 }