index.wxss 3.6 KB

1
  1. page{padding-bottom:120rpx;background:#f6f6f6}.location{display:flex;justify-content:space-between;align-items:center;padding:20rpx 25rpx 0rpx 25rpx;background-color:#ffffff}.location .l_left{font-size:24rpx}.location .l_right{color:#636363;font-size:24rpx}.location .l_right span{color:#229293;font-weight:bold}.swiper{margin:30rpx;height:400rpx}.swiper .slide-image{width:100%;height:98%;margin-bottom:20rpx;border-radius:30rpx}.navBar{display:flex;justify-content:space-around;height:100rpx;position:relative;background:#fff;margin:30rpx;border-radius:30rpx}.navBar .navItem{display:flex;align-items:center;justify-content:center;border-bottom:4rpx solid transparent}.navBar .navItem .navItemTitle{font-size:28rpx}.navBar .navItem .navItemIcon{width:30rpx}.navBar .navItem .navItemIcon image{width:25rpx;height:25rpx;transform:translate(-25rpx -25rpx 0)}.navBar .active{color:#333;font-weight:bold;border-bottom:4rpx solid #399899}.nav_content{flex:1}.sidebar{display:flex;flex-direction:row;background:#fff;margin:30rpx;border-radius:30rpx}.sidebar .left{width:32%}.sidebar .left .sidebarItem{padding:20rpx}.sidebar .left .sidebarItem .sidebarItemTime{font-size:22rpx}.sidebar .left .sidebarItem .sidebarItemText{font-size:28rpx}.sidebar .left .active{color:#fff;font-weight:bold;background-color:#399899;border-radius:0 50rpx 50rpx 0}.sidebar .sidebar_content{width:68%;margin:0}.title{display:flex;justify-content:space-between;padding-right:30rpx}.title .recommended-box{display:flex;margin:0rpx 0 0 30rpx}.title .recommended-box .recommended{font-size:36rpx;font-weight:500;color:#222222;line-height:36rpx;margin-left:10rpx}.title .recommended-box .recommended-icon{width:6rpx;height:36rpx;background:#49aaa6;border-radius:3rpx}.village .homestay{background:#ffffff;margin:0 30rpx;border-radius:20rpx;position:relative}.village .homestay .homestay-image{width:420rpx;height:205rpx;border-radius:30rpx}.village .homestay .homestay-images{position:absolute;top:0;width:420rpx;height:205rpx;border-radius:30rpx}.village .homestay .title1 .title_left{display:flex}.village .homestay .title1 .title_left .homestay-name{font-size:30rpx;font-family:Source Han Sans CN;font-weight:400;color:#222222;margin:10rpx;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.village .homestay .title1 .title_left .homestay-name .price{font-size:32rpx;display:inline-block;width:120rpx}.village .homestay .title1 .homestay-address{font-size:24rpx;font-family:Source Han Sans CN;font-weight:300;color:#666666;line-height:36rpx;margin:8rpx;padding-bottom:10rpx;text-overflow:ellipsis}.village .button{width:40rpx;height:40rpx;transform:translate(190rpx, -65rpx);text-align:center;line-height:40rpx;border-radius:50%;background-color:#229293;font-size:18rpx;font-weight:bold;padding:0;color:white}.kong{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 30rpx;margin-bottom:30rpx}.kong .homestay{background:#ffffff;margin-top:30rpx;width:330rpx;border-radius:20rpx}.kong .homestay .homestay-image{width:100%;height:300rpx;border-radius:30rpx 30rpx 0 0}.kong .homestay .homestay-name{font-size:30rpx;font-family:Source Han Sans CN;font-weight:400;color:#222222;margin:10rpx;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kong .homestay .homestay-price{display:flex;color:red;font-size:24rpx;margin:20rpx 10rpx 0 10rpx}.kong .homestay .homestay-price .price{font-size:32rpx;margin-top:-8rpx}.kong .homestay .homestay-address{font-size:20rpx;font-family:Source Han Sans CN;font-weight:300;color:#666666;line-height:36rpx;margin:10rpx}