GithubProxy/uni-halo
1
0
Fork 0
mirror of https://github.com/ialley-workshop-open/uni-halo.git synced 2025-05-19 01:50:15 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
小莫唐尼 2024-07-10 23:00:00 +08:00
parent c3349ae070
commit d0b3a42c1d
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
pagesA/start/start.vue
View File

@ -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%;
}
}