laoma/shoot-miniprograms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成我的成长脚印UI

Browse Source
This commit is contained in:
kron
2025-05-27 12:38:39 +08:00
parent e9070438f2
commit 6b4eff428c
10 changed files with 336 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/AppBackground.vue
View File

@@ -11,7 +11,7 @@ const bgs = ref(["../static/app-bg.png", "../static/app-bg2.png"]);
<template>
<view class="background">
<image class="bg-image" :src="bgs[type]" mode="aspectFill" />
<image class="bg-image" :src="bgs[type]" mode="widthFix" />
<view class="bg-overlay" v-if="type === 0"></view>
</view>
</template>
@@ -27,11 +27,8 @@ const bgs = ref(["../static/app-bg.png", "../static/app-bg2.png"]);
}
.bg-image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.bg-overlay {
@@ -42,8 +39,8 @@ const bgs = ref(["../static/app-bg.png", "../static/app-bg2.png"]);
top: 0;
background: linear-gradient(
to bottom,
rgba(26, 26, 26, 0.8),
rgba(0, 0, 0, 0.8)
rgba(26, 26, 26, 0.2),
rgba(0, 0, 0, 0.2)
);
}
</style>