chache/pages/home/index.wxss

212 lines
4.1 KiB
Plaintext
Raw Normal View History

2024-01-16 22:53:42 +08:00
label,
scroll-view,
swiper-item,
view {
align-content: flex-start;
align-items: stretch;
display: -webkit-flex;
display: flex;
flex-basis: auto;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
}
image,
input,
scroll-view,
swiper,
swiper-item,
text,
textarea,
video,
view {
border: 0 solid #000;
box-sizing: border-box;
position: relative;
}
swiper-item {
position: absolute;
}
button {
margin: 0;
}
.content.data-v-45f75add {
padding: 30rpx;
}
.banner.data-v-45f75add {
border-radius: 12rpx;
height: 258rpx;
width: 690rpx;
}
.title.data-v-45f75add {
font-size: 34rpx;
font-weight: 700;
margin: 30rpx 10rpx;
}
.action-skeletons.data-v-45f75add {
background-color: #fff;
border-radius: 12rpx;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 30rpx 0 10rpx;
}
.action-skeletons-item.data-v-45f75add {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
height: 155rpx;
position: relative;
width: 171rpx;
}
.action-skeletons-item-image.data-v-45f75add {
background: #f1f2f4;
border-radius: 10rpx;
height: 100rpx;
width: 100rpx;
}
.action-skeletons-item-name.data-v-45f75add {
background: #f1f2f4;
border-radius: 5rpx;
height: 20rpx;
margin-top: 10rpx;
width: 100rpx;
}
.action-content1.data-v-45f75add {
background-color: #fff;
border-radius: 12rpx;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 10rpx 0 30rpx;
}
.action-content1-item.data-v-45f75add {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
height: 155rpx;
justify-content: flex-end;
position: relative;
width: 171rpx;
}
.action-content1-item-image-content.data-v-45f75add {
align-items: center;
display: -webkit-flex;
display: flex;
height: 100rpx;
justify-content: center;
width: 100rpx;
}
.action-content1-item-image.data-v-45f75add {
width: 100rpx;
}
.action-content1-item-name.data-v-45f75add {
font-size: 26rpx;
font-weight: 700;
height: 30rpx;
}
.tip.data-v-45f75add {
border-radius: 6rpx;
color: #fff;
font-size: 20rpx;
font-weight: 400;
height: 28rpx;
left: 57rpx;
line-height: 28rpx;
padding: 0 8rpx;
position: absolute;
top: 12rpx;
}
.tip-free.data-v-45f75add {
background-color: #fe902e;
}
.tip-discount.data-v-45f75add {
background-color: #f06a62;
}
.tip-info.data-v-45f75add {
background-color: #ffa39e;
left: 35rpx;
}
.action-content2.data-v-45f75add {
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.action-content2-item.data-v-45f75add {
background-color: #fff;
border-radius: 12rpx;
height: 200rpx;
overflow: hidden;
padding: 30rpx;
position: relative;
width: 335rpx;
}
.action-content2-item-0.data-v-45f75add {
background-color: #f1f0fd;
}
.action-content2-item-1.data-v-45f75add {
background-color: rgba(255, 249, 244, 0.886);
}
.action-content2-item-2.data-v-45f75add {
background-color: rgba(140, 222, 162, 0.1);
}
.action-content2-item-3.data-v-45f75add {
background-color: rgba(202, 234, 248, 0.255);
}
.action-content2-item-top.data-v-45f75add {
margin-top: 20rpx;
}
.action-content2-item-name.data-v-45f75add {
color: #444;
font-size: 32rpx;
font-weight: 700;
position: relative;
z-index: 2;
}
.action-content2-item-desc.data-v-45f75add {
color: #9a9a9a;
font-size: 28rpx;
margin-top: 5rpx;
position: relative;
z-index: 2;
}
.action-content2-item-image.data-v-45f75add {
bottom: 0;
height: 90rpx;
opacity: 0.8;
position: absolute;
right: 10rpx;
width: 90rpx;
z-index: 1;
}
.label.data-v-45f75add {
align-items: flex-start;
display: -webkit-flex;
display: flex;
margin-top: 20rpx;
}
.label-text.data-v-45f75add {
background-color: #fcdede;
border-radius: 6rpx;
font-size: 24rpx;
font-weight: 700;
height: 36rpx;
line-height: 36rpx;
padding: 0 6rpx;
}
.label-free.data-v-45f75add {
color: #fe902e;
}
.label-hot.data-v-45f75add {
color: #f06a62;
}
.default-hover-class.data-v-45f75add {
opacity: 0.8;
}