Commit dff2f9b97ef598d0020cd6fbc8302c2bd998bbe2
1 parent
70da8235
优化官网首页样式
Showing
1 changed file
with
20 additions
and
15 deletions
src/views/user/cnlive_login.vue
| ... | ... | @@ -130,7 +130,8 @@ onMounted(() => { |
| 130 | 130 | <div id="gtco-logo"> |
| 131 | 131 | <a href="http://cnlive.com/"> |
| 132 | 132 | <img |
| 133 | - height="88" | |
| 133 | + height="70" | |
| 134 | + width="200" | |
| 134 | 135 | src="https://cnlive-resweb.ks3-cn-beijing.ksyuncs.com/sites/cnlive_web/new-images/logo.png" |
| 135 | 136 | alt="" |
| 136 | 137 | /> |
| ... | ... | @@ -292,7 +293,6 @@ onMounted(() => { |
| 292 | 293 | text-transform: uppercase; |
| 293 | 294 | } |
| 294 | 295 | .cnlive-list { |
| 295 | - float: left; | |
| 296 | 296 | letter-spacing: 1px; |
| 297 | 297 | .el-dropdown { |
| 298 | 298 | margin-left: 60px; |
| ... | ... | @@ -302,18 +302,23 @@ onMounted(() => { |
| 302 | 302 | } |
| 303 | 303 | } |
| 304 | 304 | .cnlive-download { |
| 305 | - width: 170px; | |
| 306 | - height: 46px; | |
| 307 | - line-height: 46px; | |
| 308 | - margin-top: 65px; | |
| 309 | - text-align: center; | |
| 310 | - font-size: 18px; | |
| 311 | - padding: 0; | |
| 312 | - letter-spacing: 1px; | |
| 313 | - color: white !important; | |
| 314 | - background-color: #f5a623; | |
| 315 | - border-radius: 24px; | |
| 316 | 305 | float: right; |
| 306 | + position: relative; | |
| 307 | + a { | |
| 308 | + position: absolute; | |
| 309 | + right: 0; | |
| 310 | + top: 65px; | |
| 311 | + width: 170px; | |
| 312 | + height: 46px; | |
| 313 | + line-height: 46px; | |
| 314 | + border-radius: 24px; | |
| 315 | + background-color: #f5a623; | |
| 316 | + text-align: center; | |
| 317 | + padding: 0; | |
| 318 | + letter-spacing: 1px; | |
| 319 | + font-size: 18px; | |
| 320 | + color: white !important; | |
| 321 | + } | |
| 317 | 322 | } |
| 318 | 323 | } |
| 319 | 324 | } |
| ... | ... | @@ -557,8 +562,8 @@ body { |
| 557 | 562 | line-height: 24px; |
| 558 | 563 | color: #999; |
| 559 | 564 | margin: 0; |
| 560 | - margin-left: 6px; | |
| 561 | - padding: 0 40px; | |
| 565 | + margin-left: 4px; | |
| 566 | + padding: 0 30px; | |
| 562 | 567 | letter-spacing: 1px; |
| 563 | 568 | border-right: 1px solid #d8d8d8; |
| 564 | 569 | display: inline-block; | ... | ... |