/* components/card-btn/index.wxss */
|
.card-btn {
|
--fy-card-btn-width: 46vw;
|
--fy-card-btn-img-width: 30vw;
|
--fy-card-btn-height: 180rpx;
|
position: relative;
|
width: var(--fy-card-btn-width);
|
height: var(--fy-card-btn-height);
|
background-color: var(--td-bg-color);
|
box-shadow: var(--td-shadow-2);
|
padding-top: var(--td-spacer);
|
border-radius: var(--td-border-radius);
|
flex: 1;
|
}
|
|
.card-btn__img {
|
position: absolute;
|
width: var(--fy-card-btn-img-width);
|
height: var(--fy-card-btn-height);
|
/* background-color: red; */
|
right: 0;
|
bottom: 0;
|
z-index: 0;
|
}
|
|
.card-btn__text {
|
position: relative;
|
white-space: nowrap;
|
z-index: 1;
|
margin-left: var(--td-spacer-1);
|
}
|
|
.card-btn__text-title {
|
color: var(--td-font-gray-1);
|
font-size: var(--td-font-size-m);
|
font-weight: 600;
|
}
|
|
.card-btn__text-subtitle {
|
color: var(--td-font-gray-2);
|
font-size: var(--td-font-size-s);
|
}
|
|
.card-btn__icon {
|
position: absolute;
|
bottom: var(--td-spacer);
|
left: var(--td-spacer);
|
background: white;
|
width: 24px;
|
border-radius: var(--td-border-radius-50);
|
}
|
