|
- /* pages/deliveryDetails/deliveryDetails.wxss */
-
- page {
- background: #f8f8fa;
- }
-
- .orderBox {
- width: 96%;
- margin: 20rpx auto;
- overflow: hidden;
- }
-
- .orderTitle {
- font-size: 32rpx;
- font-weight: 500;
- }
-
- .orderItem {
- margin: 20rpx auto;
- background-color: #fff;
- border-radius: 12rpx;
- overflow: hidden;
- }
-
- .orderName {
- }
-
- .item {
- width: 90%;
- margin: 20rpx auto;
- font-size: 28rpx;
- }
-
- .courier {
- background-color: #fff;
- width: 96%;
- margin: 20rpx auto;
- height: 80rpx;
- border: 12rpx;
- overflow: hidden;
- }
-
- .courierInput {
- width: 90%;
- margin: 10rpx auto;
- height: 60rpx;
- line-height: 60rpx;
- font-size: 30rpx;
- }
-
- .expressageIdInput {
- width: 90%;
- margin: 10rpx auto;
- height: 60rpx;
- line-height: 60rpx;
- }
-
- .addImg {
- height: 340rpx;
- width: 310rpx;
- margin: 88rpx auto;
- border: 1px solid #52a0fd;
- color: #52a0fd;
- }
- .addImg image{
- width: 59rpx;
- height: 45rpx;
- margin: 113rpx 125rpx 35rpx 126rpx;
- }
- .addImg text {
- display: block;
- text-align: center;
- }
- .up-img{
- width: 600rpx;
- margin: 40rpx auto 0;
- height: auto;
- padding: 10rpx;
- border: 1px dashed #52A0FD;
- }
- .up-img image{
- width: 600rpx;
- }
- .submit {
- width: 80%;
- margin: 20rpx auto;
- text-align: center;
- line-height: 80rpx;
- height: 80rpx;
- border-radius: 12rpx;
- color: #fff;
- background: rgba(101, 158, 246, 1);
- }
- .goBack{
- background: #fff;
- color: #000;
- border: 1px solid #eee;
- }
-
- .oprBtn button{
- width: 200rpx;
- height: 70rpx;
- line-height: 70rpx;
- font-size: 28rpx;
- display: inline-block;
- float: right;
- margin-left: 10rpx;
- }
-
-
- .content {
- width: 680rpx;
- border-radius: 10rpx;
- background: #fff;
- margin: 30rpx auto 0;
- padding-bottom: 27rpx;
- position: absolute;
- left: 35rpx;
- top: 50rpx;
- z-index: 10;
- }
-
- .txt1 {
- display: block;
- width: 400rpx;
- font-size: 28rpx;
- margin: 0 auto 15rpx;
- text-align: center;
- font-family: PingFang-SC-Medium;
- font-weight: 500;
- padding-top: 70rpx;
- color: rgba(51, 51, 51, 1);
- }
-
- .pay {
- width: 680rpx;
- text-align: center;
- margin: auto;
- margin-top: 20rpx;
- overflow: hidden;
- }
-
- .pay .memberIds {
- display: block;
- width: 680rpx;
- height: 88rpx;
- line-height: 88rpx;
- margin: auto;
- font-size: 28rpx;
- color: #000;
- text-align: center;
- background: #ffffff;
- margin-bottom: 20rpx;
- border-radius: 10rpx;
- }
-
- .pay .memberIdss {
- display: block;
- width: 680rpx;
- height: 88rpx;
- line-height: 88rpx;
- margin: auto;
- font-size: 28rpx;
- color: #000;
- text-align: center;
- background: #ffffff7a;
- margin-bottom: 20rpx;
- border-radius: 10rpx;
- }
-
- .canvas {
- width: 600rpx;
- margin: 0 auto;
- z-index: 9;
- }
-
- .canWrap {
- position: fixed;
- bottom: -20000rpx;
- left: -2000rpx;
- width: 100%;
- height: 100%;
- overflow: visible;
- }
-
- .canWrap canvas {
- width: 690rpx;
- height: 450rpx;
- }
-
- .canvasImage {
- display: block;
- width: 500rpx;
- margin: 0 auto;
- }
-
- .bg{
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- background: #000;
- opacity: 0.5;
- z-index: 9;
- }
|