feat:修改铸造消耗弹窗样式
This commit is contained in:
parent
ea39ee1881
commit
907e2265b1
@ -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 {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user