264 lines
4.7 KiB
Plaintext
264 lines
4.7 KiB
Plaintext
/* packageG/supplierDist/supplierDriver/supplierDriver.wxss */
|
|
.supplierDriver {
|
|
padding-bottom: 90rpx;
|
|
}
|
|
|
|
.supplierDriver .detail {
|
|
padding: 30.08rpx 31.04rpx;
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
margin: 20.16rpx 0 20.16rpx;
|
|
}
|
|
|
|
.supplierDriver .detail .detail_box:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.supplierDriver .detail .detail_box {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 34.88rpx;
|
|
}
|
|
|
|
.supplierDriver .detail .detail_box view {
|
|
flex-shrink: 0;
|
|
font-size: 25.92rpx;
|
|
}
|
|
|
|
.supplierDriver .detail .detail_box .text_1 {
|
|
color: #787878;
|
|
}
|
|
|
|
.supplierDriver .products {
|
|
margin-top: 20.16rpx;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.supplierDriver .products .productTxt {
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.supplierDriver .driver {
|
|
padding-left: 29.12rpx;
|
|
padding-top: 34.88rpx;
|
|
padding-right: 29.12rpx;
|
|
padding-bottom: 33.92rpx;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.supplierDriver .driver .loaction {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 30.08rpx;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.supplierDriver .driver .loaction .iconfont {
|
|
margin-top: -10rpx;
|
|
color: #ff6b1b;
|
|
}
|
|
|
|
.supplierDriver .driver .loaction .loactionDetail {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.supplierDriver .driver .loaction .loactionDetail .toponyms {
|
|
font-size: 25.92rpx;
|
|
color: #202020;
|
|
}
|
|
|
|
.supplierDriver .driver .driverUser {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.supplierDriver .driver .driverUser .driverUsetDetail {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
|
|
.supplierDriver .driver .driverUser .driverUsetDetail .name {
|
|
width: 100%;
|
|
text-align: left;
|
|
font-size: 30.08rpx;
|
|
}
|
|
|
|
.supplierDriver .driver .driverUser .driverUsetDetail .phone {
|
|
font-size: 24rpx;
|
|
width: 100%;
|
|
text-align: left;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.supplierDriver .driver .driverUser .driverUsetDetail .phone .iconfont {
|
|
margin-top: -10rpx;
|
|
margin-left: 10rpx;
|
|
color: #ff6b1b;
|
|
}
|
|
|
|
.supplierDriver .driver .driverUser .driverUserImg {
|
|
width: 65.92rpx;
|
|
height: 65.92rpx;
|
|
border-radius: 100%;
|
|
margin-right: 17.92rpx;
|
|
}
|
|
|
|
.supplierDriver .driver .driverUser .driverUserImg image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.btn {
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100.16rpx;
|
|
background-color: #fff;
|
|
box-shadow: 0 -3.84rpx 8.96rpx 0 rgba(205, 205, 205, 0.4);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.btn .btnBox {
|
|
width: 660.16rpx;
|
|
height: 70.08rpx;
|
|
background-color: #f15354;
|
|
border-radius: 34.88rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #fff;
|
|
}
|
|
|
|
/* 弹窗 */
|
|
.popBox {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 40.96rpx 41.92rpx;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-bottom: 128rpx;
|
|
}
|
|
|
|
.popBox .btn {
|
|
width: 660.16rpx;
|
|
height: 70.08rpx;
|
|
background-color: #f15354;
|
|
border-radius: 34.88rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #fff;
|
|
font-size: 30.08rpx;
|
|
margin: 0 auto;
|
|
margin-top: 36.16rpx;
|
|
position: fixed;
|
|
bottom: 30.08rpx;
|
|
left: 45.12rpx;
|
|
}
|
|
|
|
.popBox .photoBox {
|
|
flex: 1;
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
display: flex;
|
|
margin-top: 48rpx;
|
|
flex-wrap: wrap;
|
|
padding-top: 16rpx;
|
|
}
|
|
|
|
.popBox .photoBox .showImage {
|
|
width: 129.92rpx;
|
|
height: 129.92rpx;
|
|
border-radius: 4.16rpx;
|
|
margin-right: 16rpx;
|
|
margin-bottom: 16rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.popBox .photoBox .showImage image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.popBox .photoBox .showImage .iconfont {
|
|
position: absolute;
|
|
top: -0.2188rem;
|
|
right: -0.1875rem;
|
|
color: #a4a4a4;
|
|
}
|
|
|
|
.popBox .photoBox .upLoadBox {
|
|
width: 129.92rpx;
|
|
height: 129.92rpx;
|
|
border-radius: 4.16rpx;
|
|
border: dashed 0.96rpx #dedede;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: #999;
|
|
margin-right: 16rpx;
|
|
}
|
|
|
|
.popBox .photoBox .upLoadBox .iconfont {
|
|
font-size: 64rpx;
|
|
}
|
|
|
|
.popBox .popTop {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.popBox .popTop .span {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.popBox .popTop .iconfont {
|
|
font-size: 30rpx;
|
|
color: rgba(177, 177, 177, 0.71);
|
|
margin-top: -30rpx;
|
|
}
|
|
|
|
.products_img {
|
|
padding: 30.08rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.products_img .imgbox {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
|
|
.products_img .imgbox .minImgBox {
|
|
width: 130rpx;
|
|
height: 130rpx;
|
|
margin-right: 8rpx;
|
|
margin-bottom: 10rpx;
|
|
}
|
|
|
|
.products_img .imgbox .minImgBox image {
|
|
width: 130rpx;
|
|
height: 130rpx;
|
|
}
|
|
|
|
.products_img .shop_title {
|
|
text-align: left;
|
|
font-size: 28rpx;
|
|
font-weight: 600;
|
|
margin-bottom: 32rpx;
|
|
}
|