|
|
@ -1,5 +1,6 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="box"> |
|
|
|
<div class="box"> |
|
|
|
|
|
|
|
<div class="banner-con"></div> |
|
|
|
<div class="search"> |
|
|
|
<div class="search"> |
|
|
|
<input type="text" placeholder="请输入竞赛名称" v-model="keyword" /> |
|
|
|
<input type="text" placeholder="请输入竞赛名称" v-model="keyword" /> |
|
|
|
<button>搜索</button> |
|
|
|
<button>搜索</button> |
|
|
@ -337,12 +338,20 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.box { |
|
|
|
.box { |
|
|
|
padding: 20px; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
.banner-con{ |
|
|
|
|
|
|
|
width: 100vw; |
|
|
|
|
|
|
|
height: 400px; |
|
|
|
|
|
|
|
background-image: url('../../../assets/img/info-banner.png'); |
|
|
|
|
|
|
|
background-size: 100vw 400px; |
|
|
|
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
|
|
|
} |
|
|
|
.search { |
|
|
|
.search { |
|
|
|
position: relative; |
|
|
|
width: 400px; |
|
|
|
width: 30%; |
|
|
|
position: absolute; |
|
|
|
margin: 50px auto; |
|
|
|
top: 175px; |
|
|
|
|
|
|
|
left: 50%; |
|
|
|
|
|
|
|
margin-left: -200px; |
|
|
|
border-radius: 30px; |
|
|
|
border-radius: 30px; |
|
|
|
border: 1px solid #9076FF; |
|
|
|
border: 1px solid #9076FF; |
|
|
|
border-right: 0; |
|
|
|
border-right: 0; |
|
|
@ -378,12 +387,12 @@ export default { |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
align-items: flex-start; |
|
|
|
align-items: flex-start; |
|
|
|
padding-bottom: 40px; |
|
|
|
padding-bottom: 40px; |
|
|
|
margin-top: 20px; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.nav { |
|
|
|
.nav { |
|
|
|
width: 220px; |
|
|
|
width: 220px; |
|
|
|
border-radius: 8px; |
|
|
|
border-radius: 8px; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
margin-top: -44px; |
|
|
|
|
|
|
|
|
|
|
|
.sub-title { |
|
|
|
.sub-title { |
|
|
|
line-height: 88px; |
|
|
|
line-height: 88px; |
|
|
@ -417,7 +426,7 @@ export default { |
|
|
|
.list-wrap { |
|
|
|
.list-wrap { |
|
|
|
width: 50%; |
|
|
|
width: 50%; |
|
|
|
min-width: 790px; |
|
|
|
min-width: 790px; |
|
|
|
margin-left: 40px; |
|
|
|
margin: 40px 0 0 40px; |
|
|
|
|
|
|
|
|
|
|
|
.list { |
|
|
|
.list { |
|
|
|
padding: 32px; |
|
|
|
padding: 32px; |
|
|
|