wx-web/pages/index/index.wxss

176 lines
3.7 KiB
Plaintext
Raw Permalink Normal View History

2024-05-22 10:14:19 +08:00
swiper.data-v-57280228 {
height: 300px !important;
}
.no-data.data-v-57280228 {
padding-top: 26vh;
}
.no-data image.data-v-57280228 {
display: block;
margin: 0 auto;
width: 70px;
height: 70px;
}
.no-data text.data-v-57280228 {
margin-top: 12px;
display: block;
font-size: 18px;
color: #999999;
text-align: center;
}
.banner_wrapper.data-v-57280228 {
position: relative;
}
.pointer.data-v-57280228 {
position: absolute;
left: 12px;
bottom: 18px;
display: flex;
align-items: center;
padding: 0 16px;
box-sizing: border-box;
width: 200px;
height: 34px;
border-radius: 17px;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.pointer text.data-v-57280228 {
font-size: 12px;
font-weight: bold;
fill: transparent;
background-image: linear-gradient(90deg, rgba(242, 52, 255, 1), rgba(34, 8, 228, 1), rgba(51, 204, 255, 1));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.pointer .iconfont.data-v-57280228 {
margin-right: 8px;
font-size: 24px;
transform: rotate(90deg);
}
.banner_item.data-v-57280228 {
display: block;
width: 100%;
height: 300px;
}
.title.data-v-57280228 {
padding: 0 26px;
font-size: 24px;
color: #000000;
font-weight: 700;
line-height: 66px;
}
.list.data-v-57280228 {
padding: 0 8px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.item.data-v-57280228 {
overflow: hidden;
width: calc(50% - 16px);
margin: 0 8px 16px;
height: 240px;
flex-shrink: 0;
border-radius: 20px;
box-sizing: border-box;
background: rgba(229, 229, 229, 0.25);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.item .cover.data-v-57280228 {
width: 100%;
height: 190px;
}
.item .item_title.data-v-57280228 {
display: block;
padding: 0 12px;
font-size: 12px;
color: rgba(56, 56, 56, 1);
line-height: 18px;
font-weight: 700;
}
.item .item_desc.data-v-57280228 {
padding: 0 12px;
font-size: 10px;
color: rgba(166, 166, 166, 1);
line-height: 16px;
}
.mask.data-v-57280228 {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
}
.mask .dialog.data-v-57280228 {
margin: 100px auto 0;
width: calc(100% - 40px);
min-height: calc(100vh - 200px);
background: #fff;
border-radius: 36px;
padding: 18px 20px;
box-sizing: border-box;
}
.dialog .cover.data-v-57280228 {
width: 100%;
height: 230px;
border-radius: 25px;
}
.dialog .title.data-v-57280228 {
text-align: center;
line-height: 56px;
font-size: 24px;
color: #000000;
font-weight: bold;
}
.dialog .desc.data-v-57280228 {
height: 80px;
margin-bottom: 30px;
display: -webkit-box;
font-size: 12px;
padding: 14px 20px;
box-sizing: border-box;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: 30px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.desc_text.data-v-57280228 {
text-align: justify;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.dialog .btn.data-v-57280228 {
position: relative;
margin-bottom: 12px;
height: 40px;
border-radius: 20px;
font-size: 16px;
border: none;
outline: none;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.dialog .btn .iconfont.data-v-57280228 {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
}
.dialog .tel.data-v-57280228 {
background: linear-gradient(270deg, rgba(255, 153, 71, 1) 0%, rgba(242, 52, 255, 1) 57.29%, rgba(243, 64, 125, 1) 83.14%, rgba(243, 67, 98, 1) 100%);
color: #fff;
}
.dialog .msg.data-v-57280228 {
background: rgba(204, 230, 255, 1);
color: rgba(52, 152, 255, 1);
}