Showing
2 changed files
with
85 additions
and
80 deletions
| @@ -2,6 +2,7 @@ | @@ -2,6 +2,7 @@ | ||
| 2 | width: 100%; | 2 | width: 100%; |
| 3 | height: auto; | 3 | height: auto; |
| 4 | 4 | ||
| 5 | + /* 意见反馈头部 */ | ||
| 5 | .suggest-header { | 6 | .suggest-header { |
| 6 | text-align: center; | 7 | text-align: center; |
| 7 | color: #fff; | 8 | color: #fff; |
| @@ -21,7 +22,7 @@ | @@ -21,7 +22,7 @@ | ||
| 21 | } | 22 | } |
| 22 | } | 23 | } |
| 23 | 24 | ||
| 24 | - /*意见反馈主体*/ | 25 | + /* 意见反馈主体 */ |
| 25 | .suggest-content { | 26 | .suggest-content { |
| 26 | border-top: 1px solid #e0e0e0; | 27 | border-top: 1px solid #e0e0e0; |
| 27 | } | 28 | } |
| @@ -84,22 +85,22 @@ | @@ -84,22 +85,22 @@ | ||
| 84 | text-align: left; | 85 | text-align: left; |
| 85 | padding-left: 128px; | 86 | padding-left: 128px; |
| 86 | box-sizing: border-box; | 87 | box-sizing: border-box; |
| 88 | + } | ||
| 87 | 89 | ||
| 88 | - &:nth-last-of-type(1) { | ||
| 89 | - padding-left: 0; | ||
| 90 | - padding-right: 128px; | ||
| 91 | - text-align: right; | ||
| 92 | - float: right; | 90 | + > div:nth-last-of-type(1) { |
| 91 | + padding-left: 0; | ||
| 92 | + padding-right: 128px; | ||
| 93 | + text-align: right; | ||
| 94 | + float: right; | ||
| 93 | 95 | ||
| 94 | - > span { | 96 | + > span { |
| 95 | 97 | ||
| 96 | - display: inline-block; | ||
| 97 | - height: 100%; | ||
| 98 | - overflow: hidden; | 98 | + display: inline-block; |
| 99 | + height: 100%; | ||
| 100 | + overflow: hidden; | ||
| 99 | 101 | ||
| 100 | - &:nth-of-type(1) { | ||
| 101 | - transform: rotate(180deg); | ||
| 102 | - } | 102 | + &:nth-of-type(1) { |
| 103 | + transform: rotate(180deg); | ||
| 103 | } | 104 | } |
| 104 | } | 105 | } |
| 105 | } | 106 | } |
| @@ -119,7 +120,7 @@ | @@ -119,7 +120,7 @@ | ||
| 119 | } | 120 | } |
| 120 | } | 121 | } |
| 121 | 122 | ||
| 122 | - /*发表意见*/ | 123 | + /* 发表意见 */ |
| 123 | .create-new-suggest { | 124 | .create-new-suggest { |
| 124 | display: block; | 125 | display: block; |
| 125 | width: 100%; | 126 | width: 100%; |
| @@ -131,7 +132,6 @@ | @@ -131,7 +132,6 @@ | ||
| 131 | border-bottom: 30px solid #f0f0f0; | 132 | border-bottom: 30px solid #f0f0f0; |
| 132 | position: relative; | 133 | position: relative; |
| 133 | 134 | ||
| 134 | - | ||
| 135 | .list-item { | 135 | .list-item { |
| 136 | padding: 0 35px; | 136 | padding: 0 35px; |
| 137 | } | 137 | } |
| @@ -145,10 +145,11 @@ | @@ -145,10 +145,11 @@ | ||
| 145 | color: #444; | 145 | color: #444; |
| 146 | display: inline-block; | 146 | display: inline-block; |
| 147 | } | 147 | } |
| 148 | + | ||
| 148 | } | 149 | } |
| 149 | } | 150 | } |
| 150 | 151 | ||
| 151 | -/*提交页面*/ | 152 | +/* 提交页面 */ |
| 152 | .yoho-suggest-sub-page { | 153 | .yoho-suggest-sub-page { |
| 153 | width: 100%; | 154 | width: 100%; |
| 154 | background: #f0f0f0; | 155 | background: #f0f0f0; |
| @@ -175,86 +176,90 @@ | @@ -175,86 +176,90 @@ | ||
| 175 | outline: none; | 176 | outline: none; |
| 176 | resize: none; | 177 | resize: none; |
| 177 | } | 178 | } |
| 179 | + } | ||
| 178 | 180 | ||
| 179 | - .img-form { | ||
| 180 | - padding: 0 30px; | ||
| 181 | - padding-top: 40px; | ||
| 182 | - overflow: hidden; | ||
| 183 | - | ||
| 184 | - .upload-img-list { | ||
| 185 | - float: left; | 181 | + .img-form { |
| 182 | + padding: 0 30px; | ||
| 183 | + padding-top: 40px; | ||
| 184 | + overflow: hidden; | ||
| 186 | 185 | ||
| 187 | - > li { | ||
| 188 | - display: block; | ||
| 189 | - width: 130px; | ||
| 190 | - height: 130px; | ||
| 191 | - float: left; | ||
| 192 | - margin-right: 30px; | ||
| 193 | - background: resolve('common/loading.gif') center center no-repeat; | ||
| 194 | - background-size: 50%; | ||
| 195 | - position: relative; | ||
| 196 | - | ||
| 197 | - > img { | ||
| 198 | - display: block; | ||
| 199 | - width: 100%; | ||
| 200 | - height: 100%; | ||
| 201 | - overflow: hidden; | ||
| 202 | - } | ||
| 203 | - | ||
| 204 | - > span { | ||
| 205 | - display: block; | ||
| 206 | - background: url("/me/suggest/sub_del.png"); | ||
| 207 | - width: 42px; | ||
| 208 | - height: 42px; | ||
| 209 | - position: absolute; | ||
| 210 | - top: -21px; | ||
| 211 | - right: -21px; | ||
| 212 | - | ||
| 213 | - } | ||
| 214 | - } | ||
| 215 | - } | 186 | + .upload-img-list { |
| 187 | + float: left; | ||
| 216 | 188 | ||
| 217 | - .img-add { | 189 | + > li { |
| 218 | display: block; | 190 | display: block; |
| 219 | width: 130px; | 191 | width: 130px; |
| 220 | height: 130px; | 192 | height: 130px; |
| 221 | - border: 1px dashed #e0e0e0; | ||
| 222 | - position: relative; | ||
| 223 | - text-indent: -1000px; | ||
| 224 | float: left; | 193 | float: left; |
| 194 | + margin-right: 30px; | ||
| 195 | + background: resolve('loading.gif') center center no-repeat; | ||
| 196 | + background-size: 50%; | ||
| 197 | + position: relative; | ||
| 225 | 198 | ||
| 226 | - &:after { | ||
| 227 | - content: ''; | 199 | + > img { |
| 228 | display: block; | 200 | display: block; |
| 229 | - background: url("/me/suggest/suggest-add.png"); | ||
| 230 | - width: 72px; | ||
| 231 | - height: 72px; | ||
| 232 | - position: absolute; | ||
| 233 | - top: 50%; | ||
| 234 | - left: 50%; | ||
| 235 | - margin-top: -36px; | ||
| 236 | - margin-left: -36px; | 201 | + width: 100%; |
| 202 | + height: 100%; | ||
| 203 | + overflow: hidden; | ||
| 237 | } | 204 | } |
| 238 | 205 | ||
| 239 | - input[type="file"] { | ||
| 240 | - position: absolute; | ||
| 241 | - opacity: 0.2; | ||
| 242 | - border: none; | ||
| 243 | - outline: none; | 206 | + > span { |
| 244 | display: block; | 207 | display: block; |
| 245 | - width: 130px; | ||
| 246 | - height: 130px; | ||
| 247 | - top: 0; | ||
| 248 | - left: 0; | 208 | + background: url("/me/suggest/sub_del.png"); |
| 209 | + width: 42px; | ||
| 210 | + height: 42px; | ||
| 211 | + | ||
| 212 | + position: absolute; | ||
| 213 | + top: -21px; | ||
| 214 | + right: -21px; | ||
| 215 | + | ||
| 249 | } | 216 | } |
| 250 | } | 217 | } |
| 251 | } | 218 | } |
| 219 | + | ||
| 220 | + .img-add { | ||
| 221 | + display: block; | ||
| 222 | + width: 130px; | ||
| 223 | + height: 130px; | ||
| 224 | + border: 1px dashed #e0e0e0; | ||
| 225 | + position: relative; | ||
| 226 | + text-indent: -1000px; | ||
| 227 | + float: left; | ||
| 228 | + | ||
| 229 | + &:after { | ||
| 230 | + content: ''; | ||
| 231 | + display: block; | ||
| 232 | + background: url("/me/suggest/suggest-add.png"); | ||
| 233 | + width: 72px; | ||
| 234 | + height: 72px; | ||
| 235 | + | ||
| 236 | + position: absolute; | ||
| 237 | + top: 50%; | ||
| 238 | + left: 50%; | ||
| 239 | + margin-top: -36px; | ||
| 240 | + margin-left: -36px; | ||
| 241 | + } | ||
| 242 | + | ||
| 243 | + input[type="file"] { | ||
| 244 | + position: absolute; | ||
| 245 | + opacity: 0.2; | ||
| 246 | + border: none; | ||
| 247 | + outline: none; | ||
| 248 | + display: block; | ||
| 249 | + | ||
| 250 | + width: 130px; | ||
| 251 | + height: 130px; | ||
| 252 | + | ||
| 253 | + top: 0; | ||
| 254 | + left: 0; | ||
| 255 | + } | ||
| 256 | + } | ||
| 252 | } | 257 | } |
| 253 | } | 258 | } |
| 254 | 259 | ||
| 255 | -/*dialog*/ | 260 | +/* dialog */ |
| 256 | .dialog-wrapper { | 261 | .dialog-wrapper { |
| 257 | - background: hsla(0, 0%, 0%, .5); | 262 | + background: hsla(0, 0%, 0%, 0.5); |
| 258 | position: fixed; | 263 | position: fixed; |
| 259 | top: 0; | 264 | top: 0; |
| 260 | right: 0; | 265 | right: 0; |
| @@ -265,7 +270,7 @@ | @@ -265,7 +270,7 @@ | ||
| 265 | .dialog-box { | 270 | .dialog-box { |
| 266 | width: 540px; | 271 | width: 540px; |
| 267 | border-radius: 20px; | 272 | border-radius: 20px; |
| 268 | - background: hsla(100, 100%, 100%, .8); | 273 | + background: hsla(100, 100%, 100%, 0.8); |
| 269 | position: absolute; | 274 | position: absolute; |
| 270 | left: 50%; | 275 | left: 50%; |
| 271 | margin-left: -270px; | 276 | margin-left: -270px; |
| @@ -292,7 +297,7 @@ | @@ -292,7 +297,7 @@ | ||
| 292 | 297 | ||
| 293 | &:nth-last-of-type(1) { | 298 | &:nth-last-of-type(1) { |
| 294 | border-left: 1px solid #ccc; | 299 | border-left: 1px solid #ccc; |
| 295 | - color: #ee0011; | 300 | + color: #e01; |
| 296 | } | 301 | } |
| 297 | } | 302 | } |
| 298 | 303 |
-
Please register or login to post a comment