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

This commit is contained in:
小莫唐尼 2024-07-10 23:00:00 +08:00
parent c3349ae070
commit d0b3a42c1d

View File

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