update creater style

This commit is contained in:
Timi
2025-12-09 18:12:02 +08:00
parent 19b6206695
commit a38ed44fd1
6 changed files with 64 additions and 39 deletions

View File

@ -1,6 +1,5 @@
/* pages/main/journal-creater/index.wxss */
.container {
height: 100vh;
.content {
width: calc(100% - 64px);
@ -40,7 +39,6 @@
.gallery {
gap: 10rpx;
display: grid;
margin-top: 1rem;
grid-template-columns: repeat(3, 1fr);
.item {
@ -50,6 +48,12 @@
background: var(--theme-bg-card);
box-shadow: 1px 1px 6px var(--theme-shadow-light);
border-radius: 2rpx;
&.add {
color: var(--theme-wx);
margin: 0;
font-size: 80rpx;
}
.thumbnail {
height: 200rpx;
@ -63,26 +67,32 @@
.play-icon {
top: 50%;
left: 50%;
width: 60rpx;
height: 60rpx;
color: rgba(255, 255, 255, .8);
z-index: 2;
position: absolute;
font-size: 128rpx;
transform: translate(-50%, -50%);
text-shadow: 4rpx 4rpx 0 rgba(0, 0, 0, .5);
pointer-events: none;
}
}
.delete {
top: 10rpx;
right: 10rpx;
color: rgba(0, 0, 0, .7);
z-index: 3;
position: absolute;
font-size: 45rpx;
}
.delete {
top: 10rpx;
right: 10rpx;
width: 40rpx;
height: 40rpx;
color: rgba(0, 0, 0, .7);
z-index: 3;
padding: 5rpx;
position: absolute;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
font-size: 45rpx;
}
}
}
@ -91,11 +101,23 @@
.progress {
width: 100%;
margin-top: 1rem;
}
.submit {
width: 10rem;
.ctrl {
width: 100%;
display: flex;
margin-top: 1rem;
align-items: center;
.clear {
width: 200rpx;
}
.submit {
flex: 1;
margin-left: 12rpx;
}
}
}
}