yuminge-app/yun-min-program-plugin-master/packageI/supplierDist/supplierDriver/supplierDriver.wxss

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;
}