search_header.scss 1.5 KB
Newer Older
zhanghaozhe committed
1
@import "src/assets/css/variable";
zhanghaozhe committed
2 3 4
.search-head {
    height: 44px;
    display: flex;
xuzhenghua committed
5
    background-color: #fff;
zhanghaozhe committed
6 7 8 9 10

    .left {
        width: 44px;
        height: 44px;
        line-height: 44px;
baiguangyao committed
11
        text-align: center;
zhanghaozhe committed
12 13 14 15

        img {
            width: 14px;
            height: 14px;
baiguangyao committed
16
            display: block;
zhanghaozhe committed
17
            padding: 15px;
baiguangyao committed
18
        }
xuzhenghua committed
19 20 21 22

        .iconfont {
            font-size: 20px;
        }
baiguangyao committed
23
    }
zhanghaozhe committed
24 25

    .center {
baiguangyao committed
26
        flex: 1;
zhanghaozhe committed
27 28

        .am-search {
xuzhenghua committed
29
            background-color: #fff;
xuzhenghua committed
30

zhanghaozhe committed
31
            .am-search-input {
xuzhenghua committed
32 33 34 35 36
                background: #fff;
                border: 1px solid rgba(225, 228, 230, 1);
                border-radius: 13px;
                color: #333;
                font-size: 12px;
zhanghaozhe committed
37 38 39 40 41 42 43 44
            }

        }

        .am-search-start {
            .am-search-input {
                background: #fff;
                border-radius: 44px;
baiguangyao committed
45
            }
zhanghaozhe committed
46

baiguangyao committed
47
        }
zhanghaozhe committed
48

baiguangyao committed
49
    }
zhanghaozhe committed
50 51 52 53 54 55 56 57

    .right {
        width: 44px;
        height: 44px;
        line-height: 44px;

        .am-icon-md {
            padding: 11px;
baiguangyao committed
58
        }
xuzhenghua committed
59

baiguangyao committed
60
    }
zhanghaozhe committed
61 62 63 64 65

    .right-btn {
        width: auto;

        .submit-btn {
baiguangyao committed
66
            line-height: 30px;
zhanghaozhe committed
67 68 69
            border: 0;
            height: 30px;
            margin: 7px 0px;
baiguangyao committed
70
            padding: 0 12px;
zhanghaozhe committed
71 72
            margin-left: 0;
            border-radius: 3px;
xuzhenghua committed
73 74
            font-size: 14px;
            color: $color_525B65;
baiguangyao committed
75
        }
FE committed
76 77 78
        .submit-btn--active {
            color: $active;
        }
baiguangyao committed
79 80 81
    }
}

zhanghaozhe committed
82
.am-search {
baiguangyao committed
83 84 85
    height: 43px;
    padding: 0;
}