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-07-23 14:31:21 +08:00
parent 36d92847bd
commit cfb1b8cd7f
8 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/ShootProgress.vue
View File

@@ -223,13 +223,13 @@ onUnmounted(() => {
transform: translateX(-10px);
}
.container > view:first-child > image:first-child {
width: 80px;
width: 22vw;
transform: translateX(10px);
}
.container > view:first-child > text {
color: #fed847;
font-size: 18px;
transform: translateY(-10px);
transform: translateY(-10px) translateX(-10px);
}
.container > view:first-child > button:last-child {
overflow: visible;
@@ -239,27 +239,32 @@ onUnmounted(() => {
transform: translateX(10px) translateY(-10px);
}
.container > view:last-child {
display: flex;
justify-content: center;
align-items: center;
z-index: -1;
width: clac(100% - 30px);
margin: 0 15px;
text-align: center;
background-color: #ffffff80;
border-radius: 20px;
margin-top: -20px;
margin-top: -16px;
font-size: 12px;
height: 20px;
line-height: 20px;
height: 15px;
line-height: 15px;
position: relative;
overflow: hidden;
}
.container > view:last-child > view {
position: absolute;
height: 20px;
border-radius: 20px;
height: 15px;
border-radius: 15px;
z-index: -1;
transition: all 1s linear;
}
.container > view:last-child > text {
font-size: 10px;
line-height: 15px;
z-index: 1;
color: #000;
}