Blame view

public/scss/home/_suggest.css 5.97 KB
王水玲 authored
1 2 3 4
.yoho-suggest-page {
    width: 100%;
    height: auto;
王水玲 authored
5
    /* 意见反馈头部 */
王水玲 authored
6 7 8 9 10 11 12 13 14 15
    .suggest-header {
        text-align: center;
        color: #fff;
        font-size: 26px;
        line-height: 46px;
        overflow: hidden;
        padding-bottom: 20px;
        background-image: linear-gradient(#383838, #505050);

        &:before {
王水玲 authored
16
            content: "";
王水玲 authored
17
            display: block;
18
            background: url("/home/suggest/suggest-logo.png");
王水玲 authored
19 20 21 22 23 24
            width: 104px;
            height: 35px;
            margin: 10px auto 15px;
        }
    }
王水玲 authored
25
    /* 意见反馈主体 */
王水玲 authored
26 27 28 29 30 31 32 33 34 35 36 37 38 39
    .suggest-content {
        border-top: 1px solid #e0e0e0;
    }

    .suggest-item {
        width: 100%;
        color: #444;
        border-top: 1px solid #e0e0e0;
        border-bottom: 30px solid #f0f0f0;
        overflow: hidden;

        .suggest-item-img {
            width: 100%;
            overflow: hidden;
ccbikai(👎🏻🍜) authored
40
王水玲 authored
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 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88
            > img {
                margin: 0 auto;
                display: block;
                max-width: 100%;
            }
        }

        > h2 {
            font-size: 38px;
            margin: 30px 0 31px;
            padding: 0 35px;
        }

        > p {
            font-size: 26px;
            line-height: 48px;
            padding: 0 35px;
        }
    }

    .suggest-type {
        margin-top: 29px - 11px;
        height: 88px;
        line-height: 88px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        color: #b0b0b0;
        font-size: 26px;
        display: none;
        text-align: center;

        > .active {
            color: #444;
        }

        &.show {
            display: block;
        }
    }

    .suggest-active {
        > div {
            width: 50%;
            height: 100%;
            float: left;
            text-align: left;
            padding-left: 128px;
            box-sizing: border-box;
王水玲 authored
89
        }
王水玲 authored
90
王水玲 authored
91 92 93 94 95
        > div:nth-last-of-type(1) {
            padding-left: 0;
            padding-right: 128px;
            text-align: right;
            float: right;
王水玲 authored
96
王水玲 authored
97 98 99 100
            > span {
                display: inline-block;
                height: 100%;
                overflow: hidden;
王水玲 authored
101
王水玲 authored
102 103
                &:nth-of-type(1) {
                    transform: rotate(180deg);
王水玲 authored
104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122
                }
            }
        }
    }

    .suggest-bad {
        > div {
            > span {
                display: inline-block;
                height: 100%;
                overflow: hidden;

                &:nth-of-type(1) {
                    transform: rotate(180deg);
                }
            }
        }
    }
王水玲 authored
123
    /* 发表意见 */
王水玲 authored
124 125 126
    .create-new-suggest {
        display: block;
        width: 100%;
127
        height: 150px;
王水玲 authored
128 129 130 131 132 133 134 135 136 137
        line-height: 88px;
        text-align: center;
        font-size: 30px;
        border-top: 30px solid #f0f0f0;
        border-bottom: 30px solid #f0f0f0;
        position: relative;

        .list-item {
            padding: 0 35px;
        }
ccbikai(👎🏻🍜) authored
138
王水玲 authored
139 140 141 142 143 144 145 146 147 148 149 150 151
        .new-right {
            float: right;
            margin-left: 40px;
            color: #e0e0e0;
        }

        a {
            color: #444;
            display: inline-block;
        }
    }
}
王水玲 authored
152
/* 提交页面 */
王水玲 authored
153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178
.yoho-suggest-sub-page {
    width: 100%;
    background: #f0f0f0;

    .suggest-sub-form {
        background: #fff;
        width: 100%;

        #suggest-textarea {
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            height: 255px;
            max-height: 255px;
            min-height: 255px;
            padding: 30px;
            font-size: 26px;
            line-height: 48px;
            color: #000;
            display: block;
            background: #fff;
            border: none;
            outline: none;
            resize: none;
        }
zhangxiaoru authored
179 180 181 182 183 184 185 186 187 188 189 190

        .submit {
            width: 350px;
            height: 70px;
            margin: 0 auto;
            background: #000;
            color: #fff;
            text-align: center;
            line-height: 70px;
            margin-top: 180px;
            border-radius: 10px;
        }
王水玲 authored
191
    }
王水玲 authored
192
王水玲 authored
193 194 195 196
    .img-form {
        padding: 0 30px;
        padding-top: 40px;
        overflow: hidden;
王水玲 authored
197
王水玲 authored
198 199
        .upload-img-list {
            float: left;
王水玲 authored
200
王水玲 authored
201
            > li {
王水玲 authored
202 203 204 205
                display: block;
                width: 130px;
                height: 130px;
                float: left;
王水玲 authored
206
                margin-right: 30px;
王水玲 authored
207
                background: resolve("common/loading.gif") center center no-repeat;
王水玲 authored
208 209
                background-size: 50%;
                position: relative;
王水玲 authored
210
王水玲 authored
211
                > img {
王水玲 authored
212
                    display: block;
王水玲 authored
213 214 215
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
王水玲 authored
216 217
                }
王水玲 authored
218
                > span {
王水玲 authored
219
                    display: block;
220
                    background: url("/home/suggest/sub_del.png");
王水玲 authored
221 222 223 224 225
                    width: 42px;
                    height: 42px;
                    position: absolute;
                    top: -21px;
                    right: -21px;
王水玲 authored
226 227 228
                }
            }
        }
王水玲 authored
229 230 231 232 233 234 235 236 237 238 239

        .img-add {
            display: block;
            width: 130px;
            height: 130px;
            border: 1px dashed #e0e0e0;
            position: relative;
            text-indent: -1000px;
            float: left;

            &:after {
王水玲 authored
240
                content: "";
王水玲 authored
241
                display: block;
242
                background: url("/home/suggest/suggest-add.png");
王水玲 authored
243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263
                width: 72px;
                height: 72px;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: -36px;
                margin-left: -36px;
            }

            input[type="file"] {
                position: absolute;
                opacity: 0.2;
                border: none;
                outline: none;
                display: block;
                width: 130px;
                height: 130px;
                top: 0;
                left: 0;
            }
        }
王水玲 authored
264 265
    }
}