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,7 +130,8 @@ onMounted(() => { | ||
| 130 | <div id="gtco-logo"> | 130 | <div id="gtco-logo"> |
| 131 | <a href="http://cnlive.com/"> | 131 | <a href="http://cnlive.com/"> |
| 132 | <img | 132 | <img |
| 133 | - height="88" | 133 | + height="70" |
| 134 | + width="200" | ||
| 134 | src="https://cnlive-resweb.ks3-cn-beijing.ksyuncs.com/sites/cnlive_web/new-images/logo.png" | 135 | src="https://cnlive-resweb.ks3-cn-beijing.ksyuncs.com/sites/cnlive_web/new-images/logo.png" |
| 135 | alt="" | 136 | alt="" |
| 136 | /> | 137 | /> |
| @@ -292,7 +293,6 @@ onMounted(() => { | @@ -292,7 +293,6 @@ onMounted(() => { | ||
| 292 | text-transform: uppercase; | 293 | text-transform: uppercase; |
| 293 | } | 294 | } |
| 294 | .cnlive-list { | 295 | .cnlive-list { |
| 295 | - float: left; | ||
| 296 | letter-spacing: 1px; | 296 | letter-spacing: 1px; |
| 297 | .el-dropdown { | 297 | .el-dropdown { |
| 298 | margin-left: 60px; | 298 | margin-left: 60px; |
| @@ -302,18 +302,23 @@ onMounted(() => { | @@ -302,18 +302,23 @@ onMounted(() => { | ||
| 302 | } | 302 | } |
| 303 | } | 303 | } |
| 304 | .cnlive-download { | 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 | float: right; | 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,8 +562,8 @@ body { | ||
| 557 | line-height: 24px; | 562 | line-height: 24px; |
| 558 | color: #999; | 563 | color: #999; |
| 559 | margin: 0; | 564 | margin: 0; |
| 560 | - margin-left: 6px; | ||
| 561 | - padding: 0 40px; | 565 | + margin-left: 4px; |
| 566 | + padding: 0 30px; | ||
| 562 | letter-spacing: 1px; | 567 | letter-spacing: 1px; |
| 563 | border-right: 1px solid #d8d8d8; | 568 | border-right: 1px solid #d8d8d8; |
| 564 | display: inline-block; | 569 | display: inline-block; |