You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
1.5 KiB
98 lines
1.5 KiB
/* pages/main/index.wxss */
|
|
.container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box;
|
|
-webkit-text-size-adjust: none;
|
|
-webkit-user-select: none;
|
|
font-size: 35rpx;
|
|
color: #333;
|
|
background-color: white;
|
|
font-family: Helvetica, Arial, "Helvetica Neue", "Droid Sans", "Microsoft YaHei", sans-serif;
|
|
}
|
|
|
|
.canvas {
|
|
width: 100%;
|
|
height: 200px;
|
|
}
|
|
|
|
.swiper-image {
|
|
height: 150px;
|
|
border-radius: 6px;
|
|
width: 100%;
|
|
}
|
|
|
|
.item-host {
|
|
width: 200rpx;
|
|
padding-right: 20rpx
|
|
}
|
|
|
|
.case-class {
|
|
width: 320rpx;
|
|
}
|
|
|
|
.case2-class {
|
|
width: 160rpx;
|
|
}
|
|
|
|
.case3-class {
|
|
width: 600rpx;
|
|
}
|
|
|
|
.host-class {
|
|
width: 120rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.image-load {
|
|
width: 50px;
|
|
height: 50px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 50rpx;
|
|
}
|
|
|
|
|
|
.booking-tool {
|
|
width: calc(100% - 20px);
|
|
background-color: #008AFF;
|
|
position: fixed;
|
|
left: 255rpx;
|
|
z-index: 39;
|
|
}
|
|
|
|
.roder-add {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 240rpx;
|
|
height: 80rpx;
|
|
background-color: #008AFF;
|
|
border-radius: 50rpx;
|
|
position: absolute;
|
|
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
}
|
|
|
|
.cu-tags {
|
|
border-radius: 24rpx;
|
|
/* border-bottom-right-radius: 24rpx; */
|
|
background-color: #dd514c;
|
|
position: absolute;
|
|
top: -20rpx;
|
|
left: 180rpx;
|
|
font-size: 20rpx;
|
|
padding: 10rpx 16rpx;
|
|
color: var(--white);
|
|
}
|
|
|
|
.f-tag {
|
|
justify-content: center;
|
|
padding: 0rpx;
|
|
width: 150rpx;
|
|
}
|
|
|
|
.transform {
|
|
transform-origin: 50% 50%;
|
|
transform: rotate(180deg);
|
|
}
|