Blame view

public/scss/home/_suggest.css 5.69 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 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 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87
    .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;
            > 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
88
        }
王水玲 authored
89
王水玲 authored
90 91 92 93 94
        > div:nth-last-of-type(1) {
            padding-left: 0;
            padding-right: 128px;
            text-align: right;
            float: right;
王水玲 authored
95
王水玲 authored
96
            > span {
王水玲 authored
97
王水玲 authored
98 99 100
                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 138 139 140 141 142 143 144 145 146 147
        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;
        }
        .new-right {
            float: right;
            margin-left: 40px;
            color: #e0e0e0;
        }

        a {
            color: #444;
            display: inline-block;
        }
王水玲 authored
148
王水玲 authored
149 150 151
    }
}
王水玲 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;
        }
王水玲 authored
179
    }
王水玲 authored
180
王水玲 authored
181 182 183 184
    .img-form {
        padding: 0 30px;
        padding-top: 40px;
        overflow: hidden;
王水玲 authored
185
王水玲 authored
186 187
        .upload-img-list {
            float: left;
王水玲 authored
188
王水玲 authored
189
            > li {
王水玲 authored
190 191 192 193
                display: block;
                width: 130px;
                height: 130px;
                float: left;
王水玲 authored
194
                margin-right: 30px;
王水玲 authored
195
                background: resolve("common/loading.gif") center center no-repeat;
王水玲 authored
196 197
                background-size: 50%;
                position: relative;
王水玲 authored
198
王水玲 authored
199
                > img {
王水玲 authored
200
                    display: block;
王水玲 authored
201 202 203
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
王水玲 authored
204 205
                }
王水玲 authored
206
                > span {
王水玲 authored
207
                    display: block;
208
                    background: url("/home/suggest/sub_del.png");
王水玲 authored
209 210 211 212 213 214 215
                    width: 42px;
                    height: 42px;

                    position: absolute;
                    top: -21px;
                    right: -21px;
王水玲 authored
216 217 218
                }
            }
        }
王水玲 authored
219 220 221 222 223 224 225 226 227 228 229

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

            &:after {
王水玲 authored
230
                content: "";
王水玲 authored
231
                display: block;
232
                background: url("/home/suggest/suggest-add.png");
王水玲 authored
233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256
                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
257 258
    }
}