lanan-repair/unpackage/dist/dev/mp-weixin/pages/home/home.wxss
2024-09-22 15:07:01 +08:00

149 lines
3.4 KiB
Plaintext

.container.data-v-92bb8f34 {
height: 100%;
background-color: #fff;
background: linear-gradient(180deg, #0174F6 0%, rgba(1, 116, 246, 0) 100%);
background-size: 100% 600rpx;
background-repeat: no-repeat;
color: #333333;
display: flex;
flex-direction: column;
}
.container .body.data-v-92bb8f34 {
flex: 1;
height: 0;
overflow: auto;
padding-bottom: 30rpx;
}
.container .body-top-banner.data-v-92bb8f34 {
text-align: center;
}
.container .banner.data-v-92bb8f34 {
margin: 24rpx 0 0;
width: 686rpx;
height: 290rpx;
border-radius: 12rpx 12rpx 12rpx 12rpx;
background-color: #0174F6;
}
.container .menus.data-v-92bb8f34 {
margin: 30rpx auto 0;
box-sizing: border-box;
width: 686rpx;
padding: 40rpx 38rpx;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(10, 54, 104, 0.1);
border-radius: 12rpx 12rpx 12rpx 12rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
.container .menu-item.data-v-92bb8f34 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
row-gap: 22rpx;
font-size: 24rpx;
}
.container .menu-item .menu-icon.data-v-92bb8f34 {
width: 48rpx;
height: 48rpx;
}
.container .info.data-v-92bb8f34 {
width: 686rpx;
margin: 38rpx auto 0;
display: flex;
align-items: center;
-webkit-column-gap: 20rpx;
column-gap: 20rpx;
}
.container .info .info-icon.data-v-92bb8f34 {
width: 80rpx;
height: 80rpx;
}
.container .info .infoList.data-v-92bb8f34 {
flex: 1;
width: 0;
}
.container .info .infoList .infoItem.data-v-92bb8f34 {
display: flex;
align-items: center;
justify-content: space-between;
-webkit-column-gap: 10rpx;
column-gap: 10rpx;
}
.container .info .infoList .infoIndex.data-v-92bb8f34 {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
background-color: #333;
}
.container .info .infoList .infoText.data-v-92bb8f34 {
flex: 1;
width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 24rpx;
}
.container .info .more-icon.data-v-92bb8f34 {
width: 24rpx;
height: 24rpx;
}
.container .repairShop.data-v-92bb8f34 {
width: 686rpx;
margin: 38rpx auto 0;
}
.container .repairShop .title.data-v-92bb8f34 {
font-weight: bold;
font-size: 32rpx;
color: #333333;
}
.container .repairShop .shopList .shopItem.data-v-92bb8f34 {
padding: 30rpx 0;
border-bottom: 1rpx solid #DDDDDD;
display: flex;
align-items: center;
-webkit-column-gap: 20rpx;
column-gap: 20rpx;
}
.container .repairShop .shopList .shopImg.data-v-92bb8f34 {
width: 160rpx;
height: 100rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
background-color: #999;
}
.container .repairShop .shopList .shopInfo.data-v-92bb8f34 {
flex: 1;
width: 0;
}
.container .repairShop .shopList .shopTitle.data-v-92bb8f34 {
font-weight: 500;
font-size: 28rpx;
color: #333333;
margin-bottom: 20rpx;
}
.container .repairShop .shopList .shopDetail.data-v-92bb8f34 {
display: flex;
align-items: center;
font-size: 24rpx;
color: #666666;
-webkit-column-gap: 10rpx;
column-gap: 10rpx;
}
.container .repairShop .shopList .shopAddress.data-v-92bb8f34 {
flex: 1;
width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.container .repairShop .shopList .line.data-v-92bb8f34 {
width: 2rpx;
height: 24rpx;
background-color: #858BA0;
}
.container .repairShop .shopList .shopDistance.data-v-92bb8f34 {
flex-shrink: 0;
}