移动系统liao
2025-02-17 557c2711a3e103ebc3d0492344eca9730d5e92b2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
.swiper, .video { height: 281.5px; }
.banner, .swiper, .video { width: 100%; background-color: #fff; }
    .banner image, .swiper swiper, .swiper swiper image, .video video { width: 100%; height: 100%; }
.plaintext { padding: 10px 15px; font-size: 15px; color: #333; background-color: #fff; }
 
/*商品界面*/
.goods-box-item { overflow: hidden; padding: 10px 10px 10px 10px; border-bottom: 0.5px solid #eeeeee;
    .goods-img { width: 75px; height: 75px; display: inline-block; float: left; }
    .goods-right { width: 260px; display: inline-block; float: left; margin-left: 10px;
        .goods-name { font-size: 15px; color: #333; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
        .goods-mid { font-size: 12px; color: #999; }
        .goods-buttom { overflow: hidden; position: relative; height: 30px;
            .choose-specs { width: 68px; height: 24px; line-height: 23px; border-radius: 25px; margin: 0 auto; text-align: center; display: inline-block; overflow: hidden; box-sizing: border-box; float: right; font-size: 12px; border: 1px solid #ccc; position: relative; top: 6px; }
            .order-num { display: block; min-width: 8px; height: 14px; line-height: 14px; background-color: #ff3b44; color: #fff; font-size: 8px; border-radius: 25px; position: absolute; right: 0px; top: 0px; padding: 0 3px; text-align: center; }
        }
        .goods-price { font-size: 14px; color: #eb0000; display: inline-block; }
    }
}
    .goods-box-item:nth-last-child(2) { border: none; }
.goods-bottom { border-top: 1px solid #eeeeee; overflow: hidden; padding: 10px 15px; background-color: #fff; }
 
.selected { border: 1px solid #ff0000; background-color: #fff5f6; color: #ff0000; }
.not-selected { border: 1px solid #ccc; }
.none { border: 1px dashed #ccc; color: #888; display: none; }
 
.select-item { padding: 10px 0; border-bottom: 1px solid #f3f3f3;
    .select-btn { position: relative; margin-top: 8px; width: 100%; overflow: auto;
        .sku-btn { font-size: 12px; border-radius: 5px; float: left; padding: 0 5px;
            .u-avatar { top: 5px; }
        }
        .sku-btn.light { border: 0.5px dashed; }
        .sku-btn[disabled] { color: #aaaaaa; }
    }
}
 
/*表单结构*/
.form-input-box-item { padding: 10px; border-bottom: 1px solid #eeeeee;
    .input-box-item-left { display: flex; font-size: 14px; color: #333; width: 100%; padding: 5px 0; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
    .input-box-item-right { width: 100%; display: inline-block; color: #666; font-size: 14px; padding: 3px 0;
        .ib-item-input { color: #666; font-size: 14px; }
        .ib-item-mid { padding-top: 2px; margin: 0; display: flex; 
            picker { height: 20px; }
            .weui-select { border: none; height: 100%; line-height: 24px; min-height: 20px; }
            .icon-img { width: 16px; height: 16px; }
            .icon-img-right { width: 16px; height: 16px; right: 0; }
        }
        .checkout-list { overflow: hidden;
            .checkout-item { display: inline-block; float: left; margin-right: 20px;
                .checkout-item-c { margin-right: 5px; border-radius: 3px; color: #888; }
            }
        }
    }
    .ib-item-textarea { width: 100%; height: 100px; box-sizing: border-box; border: 1px solid #e2e2e2; background-color: #f7f7f7; border-radius: 3px; padding: 10px 15px; }
}
 
/*上传界面*/
.upload-img-list { overflow: hidden;
    .upload-img-hd { position: relative; width: 75px; height: 75px; border: 1px solid #e2e2e2; background-color: #f7f7f7; border-radius: 3px; box-sizing: border-box; float: left; margin-left: 15px;
        input { position: absolute; width: 100%; height: 100%; opacity: 0; }
        image { width: 24px; height: 24px; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    }
    .upload-img-bd { float: left; overflow: hidden;
        .upload-img { width: 75px; height: 75px; position: relative; float: left; margin-right: 15px;
            .upload-camera { width: 100%; height: 100%; }
            .del-img { width: 18px !important; height: 18px !important; position: absolute; right: 0; top: 0; z-index: 99; }
        }
        .upload-img:last-child { margin-right: 0; }
    }
}
 
/*底部按钮*/
.bottom-btn { width: 100%; height: 35px; line-height: 35px; margin: 0 auto; background-color: #333; color: #fff; font-size: 14px; border-radius: 0; }