feat:修改铸造消耗弹窗样式

This commit is contained in:
zerosaturation 2026-07-27 13:38:23 +08:00
parent ea39ee1881
commit 907e2265b1
4 changed files with 34 additions and 7 deletions

View File

@ -192,22 +192,37 @@ function handleCancel() {
} }
.card-income-text-wrap { .card-income-text-wrap {
width: 64rpx; width: max-content;
height: 32rpx; height: 32rpx;
background-image: url('@/static/square/shuijingzhanshikuang.png'); /* background-image: url('@/static/square/shuijingzhanshikuang.png');
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center; */
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 16rpx 0 32rpx; border-radius: 120rpx;
opacity: 0.75;
background: linear-gradient(
270deg,
rgba(255, 15, 19, 0.83) 0%,
rgba(30, 180, 217, 0.470865) 57.01%,
rgba(51, 241, 255, 0) 178.07%
);
padding: 0 16rpx 0 40rpx;;
} }
.card-income-text { .card-income-text {
font-size: 24rpx; font-size: 24rpx;
color: #fff; font-weight: bold;
font-weight: 700; color: #ffb800;
text-align: center; font-family: "yt", sans-serif;
text-shadow:
0 0 10rpx rgba(255, 184, 0, 0.8),
0 2rpx 4rpx rgba(0, 0, 0, 0.5);
letter-spacing: 1rpx;
display: flex;
align-items: center;
white-space: nowrap;
} }
.modal-title { .modal-title {

View File

@ -1124,6 +1124,8 @@ onMounted(() => {
flex-direction: column; flex-direction: column;
gap: 24rpx; gap: 24rpx;
margin-bottom: 40rpx; margin-bottom: 40rpx;
opacity: 0;
pointer-events: none;
} }
.section-title { .section-title {

View File

@ -161,6 +161,8 @@ function handleClick() {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
padding: 8rpx;
box-sizing: border-box;
} }
.top-label { .top-label {

View File

@ -203,6 +203,14 @@ function handleClick(item) {
padding: 32rpx; padding: 32rpx;
} }
.cover-image-1{
padding: 27.2rpx 40rpx;
}
.cover-image-6{
padding: 32rpx;
}
.base-image { .base-image {
position: absolute; position: absolute;
bottom: -8rpx; bottom: -8rpx;