| | |
| | | height: calc(100vh - 176rpx); |
| | | background: linear-gradient(to top, #FFFFFF, #E8EFFF); |
| | | } |
| | | .container .content .nav-container { |
| | | .container .content .nav { |
| | | height: 160rpx; |
| | | width: 100%; |
| | | padding: 20rpx 0; |
| | | box-sizing: border-box; |
| | | } |
| | | .container .content .nav-container .nav-title { |
| | | .container .content .nav .nav-title { |
| | | width: 100%; |
| | | background: #FFF; |
| | | padding: 0 32rpx; |
| | |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .container .content .nav-container .nav-title .title-one { |
| | | .container .content .nav .nav-title .title-one { |
| | | height: 60rpx; |
| | | width: 160rpx; |
| | | background: #DEEDFF; |
| | |
| | | font-size: 28rpx; |
| | | color: #007EFF; |
| | | } |
| | | .container .content .nav-container .nav-title .title-text { |
| | | .container .content .nav .nav-title .title-text { |
| | | font-weight: 300; |
| | | font-size: 28rpx; |
| | | color: #000000; |
| | |
| | | height: 88rpx; |
| | | text-align: center; |
| | | line-height: 88rpx; |
| | | border-bottom: 6rpx solid #226AC9; |
| | | } |
| | | .container .content .main-deliving { |
| | | height: calc(100% - 320rpx); |
| | | width: 100%; |
| | | padding: 32rpx; |
| | | overflow: scroll; |
| | | box-sizing: border-box; |
| | | } |
| | | .container .content .main-deliving .item { |
| | | width: 100%; |
| | | height: 420rpx; |
| | | background-color: #FFF; |
| | | margin-bottom: 20rpx; |
| | | border-radius: 24rpx; |
| | | } |
| | | .container .content .main-deliving .item .item-top { |
| | | width: 100%; |
| | | height: 88rpx; |
| | | border-bottom: 2rpx solid #DFDFDF; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .container .content .main-deliving .item .item-top .top-left { |
| | | margin-left: 52rpx; |
| | | font-weight: 300; |
| | | font-size: 28rpx; |
| | | color: #000000; |
| | | } |
| | | .container .content .main-deliving .item .item-top .top-left text:first-child { |
| | | color: #FF3400; |
| | | } |
| | | .container .content .main-deliving .item .item-top .top-right { |
| | | margin-right: 22rpx; |
| | | font-weight: 300; |
| | | font-size: 24rpx; |
| | | color: #4D4D4D; |
| | | } |
| | | .container .content .main-deliving .item .item-content { |
| | | width: 100%; |
| | | height: 330rpx; |
| | | padding: 50rpx 46rpx; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | .container .content .main-deliving .item .item-content .item-one { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .container .content .main-deliving .item .item-content .item-one view { |
| | | width: 52rpx; |
| | | height: 52rpx; |
| | | text-align: center; |
| | | line-height: 52rpx; |
| | | border-radius: 50%; |
| | | color: #fff; |
| | | font-size: 24rpx; |
| | | margin-right: 32rpx; |
| | | } |
| | | .container .content .main-deliving .item .item-content .item-one text { |
| | | font-size: 28rpx; |
| | | } |
| | | .container .content .main-deliving .item .item-content .item-one .item-color1 { |
| | | background-color: #189Df5; |
| | | } |
| | | .container .content .main-deliving .item .item-content .item-one .item-color2 { |
| | | background-color: #32CB65; |
| | | } |
| | | .container .content .main-deliving .item .item-content .item-one .item-color3 { |
| | | background-color: #DCDCDC; |
| | | } |
| | | .container .content .main-deliving .item .item-content .line { |
| | | height: 40rpx; |
| | | width: 2rpx; |
| | | background-color: #707070; |
| | | margin-left: 25rpx; |
| | | } |
| | | .container .content .main-complete { |
| | | height: calc(100% - 320rpx); |
| | | width: 100%; |
| | | padding: 32rpx; |
| | | overflow: scroll; |
| | | box-sizing: border-box; |
| | | } |
| | | .container .content .main-complete .item { |
| | | width: 100%; |
| | | height: 420rpx; |
| | | background-color: #FFF; |
| | | margin-bottom: 20rpx; |
| | | border-radius: 24rpx; |
| | | } |