expectLocation.wxss 1.8 KB
/* pages/expectLocation/expectLocation.wxss */

.bottom {
   padding: 71rpx 75rpx;
   border-top: 1rpx solid #e4e4e4;
}

.bottom .hint {
   font-size: 30rpx;
   color: #333;
}

.location {
   margin-top: 56rpx;
   display: flex;
   justify-content: space-between;
}

.location .province {
   background: #f7f7f7;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 26rpx;
   width: 140rpx;
   height: 64rpx;
}

.location .province .name {
   font-size: 28rpx;
   color: #999;
}

.location .province .icon {
   font-size: 19rpx;
   color: #999;
}

.street {
   margin-top: 20rpx;
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 64rpx;
   background: #f7f7f7;
   padding: 0 26rpx;
}

.street .name {
   font-size: 28rpx;
   color: #999;
}

.street .icon {
   font-size: 19rpx;
   color: #999;
}

.street input {
   font-size: 28rpx;
   color: #999;
}

.confirm {
   width: 233rpx;
   height: 72rpx;
   color: #333;
   text-align: center;
   line-height: 72rpx;
   border-radius: 36rpx;
   font-size: 34rpx;
   margin: 0 auto;
   margin-top: 105rpx;
   background: #fc0;
}

.location {
   display: flex;
   justify-content: space-between;
   width: 544rpx;
   margin: 0 auto;
}

.location .section {
   width: 169rpx;
   height: 64rpx;
}

.location .section .picker {
   font-size: 28rpx;
   color: #999;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.section {
   width: 271rpx;
   height: 64rpx;
   background: #f7f7f7;
   margin: 0 auto;
   margin-top: 45rpx;
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 30rpx;
}

.section .icon {
   margin-right: 25rpx;
   color: #999;
   font-size: 25rpx;
}

.section .picker {
   margin-left: 25rpx;
}