fd-gulp-convert-encoding/test/source/style-m-detail/modules/purchasingList/css/view.less

convert file to assigned charset

/**
 * 下单选择区
 */

@import "/lib/amountControl/css/amountControl.less";

.default-font(){
    font-size: @sub-title-font-size;
    color: @title-color;
}

.@{module}-purchasing-list {
    // position: absolute;
    // top: 0;
    // left: 0;
    // width: 100%;
    // height: 100%;
    // z-index: 2000;

    > .d-header {
        position: fixed;
        z-index: 9;
        width: 100%;
        padding: rem(30);
        background-color: #fff;
        box-shadow: 0 0 6px #ccc;
        
        dl {
            .clearfix();
        }
        dt {
            .flexbox();
            .align-items(center, center);
            float: left;
            width: 82px;
            height: 82px;
            margin-right: rem(20);
            border: 1px solid #e5e5e5;
            vertical-align: middle;

            img {
                margin: auto;
            }

            &.no-pic {
                background-color: #e6e6e6;
                img {
                    width: 80px;
                }
            }
        }
        dd {
            overflow: hidden;

            &.title {
                .default-font();
                .ov-ellipsis();
                word-break: break-all;
            }
            &.price {
                .clearfix();
                font-size: @sub-title-font-size;
                color: @anchor-color;

                .price-unit {
                    float: left;
                }
                .d-pnum-split {
                    float: left;
                    padding: 0 rem(4);
                }
            }
            &.sku {
                font-size: @default-font-size;
                color: @content-color;
            }
        }
    }

    > .d-content {
        width: 100%;
        height: 100%;
        padding: rem(44) rem(30);
        padding-top: rem(220+44);
        background-color: @background-color;
    }

    // sku选择
    .obj-sku-selector {
        dt {
            margin-bottom: rem(14);
            .default-font();
        }
        .spec-inner {
            .clearfix();
        }
        .spec {
            margin-bottom: rem(44);
        }
        .unit-d-spec-operator {
            float: left;
            margin: rem(10) rem(10) 0 0;

            a {
                font-size: @sub-title-font-size;

                &.fui-btn {
                    border-color: #ccc;
                }

                &.fui-btn-disabled {
                    padding: 0.4375rem 1.4375rem;
                    border: 1px solid #e6e6e6;
                }

                &.fui-btn:hover {
                    background-color: #fff;
                }
            }
        }
    }

    // 数量选择
    .obj-order {
        .obj-header {
            .default-font();
            margin-bottom: rem(24);
        }

        .obj-content {
            .clearfix();
        }

        .unit-d-amount-control {
            float: left;
        }

        .stock {
            float: right;
            margin-top: rem(20);
            color: @content-color;
        }

        .wholesale-rule {
            float: left;
            width: 100%;
            margin-top: rem(5);
            color: @content-color;
        }
    }

    // sku列表
    .obj-purchasing-list {
        position: fixed;
        z-index: 97;
        bottom: rem(121);
        left: 0;
        width: 100%;
        background-color: #fff;
        border-top: 1px solid #fbc19e;

        .obj-header {
            .clearfix();
            height: rem(88);
            padding-left: rem(30);
            border-bottom: 1px solid #fbc19e;
            line-height: rem(88);
            background-color: #fff1db;
            font-size: rem(27);
            color: @title-color;

            &.box-shadow {
                box-shadow: 0px -2px 4px #ddd;
            }

            .amount {
                float: left;
                .value {
                    padding: 0 2px;
                }
            }
            
            .price {
                float: right;
                font-size: @sub-title-font-size;
                color: @anchor-color;
                .flexbox();
                .value {
                    padding-left: 2px;
                }
            }
            .d-showup, .d-showdown {
                display: block;
                margin: rem(32) rem(30);
                width: rem(30);
                height: rem(20);
                line-height: 200;
                overflow: hidden;
                
                &.d-showup {
                    .bg("../imgs/arrow-down-orange.png", rem(30), rem(20));
                }
                &.d-showdown {
                    .bg("../imgs/arrow-up-orange.png", rem(30), rem(20));
                }
            }
            .visibility-hide {
                visibility: hidden;
            }
        }

        .obj-content {
            // padding: rem(20) 0;
            // padding-bottom: 0;

            ul {
                margin: rem(20);

                li {
                    .clearfix();
                    height: rem(80);
                    margin-bottom: 2px;
                    line-height: rem(80);
                    background-color: #f7f7f7;
                }
                .sku-name {
                    float: left;
                    width: rem(200);
                    height: rem(80);
                    padding: 0 rem(20);
                    overflow: hidden;
                    font-size: @default-font-size;
                    color: @sub-title-color;
                }
                .unit-d-amount-control {
                    float: left;
                    margin-top: rem(13);
                }
                .link-remove {
                    float: right;
                    width: rem(52);
                    height: rem(52);
                    margin: rem(15) rem(20) 0 0;
                    line-height: 200;
                    overflow: hidden;
                    .bg("../imgs/remove.png", rem(32), rem(36));
                    background-position: rem(8) rem(6);
                    border: 1px solid #e7e7e7;
                    border-radius: rem(50);
                }
            }
        }
    }
}

// 蒙版 
.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    z-index: 96;
}