|
|
@ -12,4 +12,7 @@
|
||||||
body{
|
body{
|
||||||
font-family: -apple-system, BlinkMacSystemFont, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
|
font-family: -apple-system, BlinkMacSystemFont, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
|
||||||
}
|
}
|
||||||
|
.right_main{
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
After Width: | Height: | Size: 494 KiB |
|
After Width: | Height: | Size: 120 KiB |
|
After Width: | Height: | Size: 216 KiB |
|
After Width: | Height: | Size: 118 KiB |
|
After Width: | Height: | Size: 345 KiB |
|
After Width: | Height: | Size: 212 KiB |
|
After Width: | Height: | Size: 232 KiB |
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 622 KiB |
|
After Width: | Height: | Size: 237 KiB |
|
|
@ -89,11 +89,10 @@ watch(() => route.query.tab, newTab => {
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.container {
|
.container {
|
||||||
background: #f6f8fa;
|
background: #f6f8fa;
|
||||||
|
|
||||||
.banner {
|
.banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 320px;
|
height: 320px;
|
||||||
background: url("@/assets/images/newbanner.png") no-repeat top center;
|
background: url("@/assets/images/about1_banner.png") no-repeat top center;
|
||||||
.banner_main {
|
.banner_main {
|
||||||
width: 1400px;
|
width: 1400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
|
||||||
|
|
@ -56,7 +56,7 @@
|
||||||
.banner {
|
.banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 320px;
|
height: 320px;
|
||||||
background: url("@/assets/images/newbanner.png") no-repeat top center;
|
background: url("@/assets/images/down_banner.png") no-repeat top center;
|
||||||
.banner_main {
|
.banner_main {
|
||||||
width: 1400px;
|
width: 1400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
@ -137,7 +137,7 @@
|
||||||
.info{
|
.info{
|
||||||
|
|
||||||
.title{
|
.title{
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@
|
||||||
.banner {
|
.banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 320px;
|
height: 320px;
|
||||||
background: url("@/assets/images/newbanner.png") no-repeat top center;
|
background: url("@/assets/images/edu_banner.png") no-repeat top center;
|
||||||
.banner_main {
|
.banner_main {
|
||||||
width: 1400px;
|
width: 1400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
@ -98,6 +98,8 @@
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-height: 500px;
|
min-height: 500px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #222222;
|
||||||
a{
|
a{
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -53,7 +53,7 @@ const activeIndex = ref(0);
|
||||||
.banner {
|
.banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 320px;
|
height: 320px;
|
||||||
background: url("@/assets/images/newbanner.png") no-repeat top center;
|
background: url("@/assets/images/public_banner.png") no-repeat top center;
|
||||||
.banner_main {
|
.banner_main {
|
||||||
width: 1400px;
|
width: 1400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
|
||||||
|
|
@ -143,7 +143,7 @@
|
||||||
p{
|
p{
|
||||||
text-indent: 2rem;
|
text-indent: 2rem;
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
img{
|
img{
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
@ -157,12 +157,13 @@
|
||||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
.previous{
|
.previous{
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
.title{
|
.title{
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
.info{
|
.info{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
|
|
@ -50,7 +50,7 @@ const activeIndex = ref(0);
|
||||||
.banner {
|
.banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 320px;
|
height: 320px;
|
||||||
background: url("@/assets/images/newbanner.png") no-repeat top center;
|
background: url("@/assets/images/ziyuan_banner.png") no-repeat top center;
|
||||||
.banner_main {
|
.banner_main {
|
||||||
width: 1400px;
|
width: 1400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
@ -86,19 +86,29 @@ const activeIndex = ref(0);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.main{
|
.main{
|
||||||
|
padding: 10px;
|
||||||
.list{
|
.list{
|
||||||
border-bottom: 1px solid #eeeeee;
|
padding: 10px;
|
||||||
padding: 10px 5px;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
color: #222222;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border-left: 4px solid #ffffff;
|
||||||
&:hover{
|
&:hover{
|
||||||
background: #f1f1fa;
|
background: #e4ecff;
|
||||||
|
border-left: 4px solid #3f79ff;
|
||||||
|
color: #3f79ff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.active{
|
||||||
|
background: #e4ecff;
|
||||||
|
border-left: 4px solid #3f79ff;
|
||||||
|
color: #3f79ff;
|
||||||
|
}
|
||||||
&:last-child{
|
&:last-child{
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.right_main{
|
.right_main{
|
||||||
|
|
@ -116,6 +126,7 @@ const activeIndex = ref(0);
|
||||||
|
|
||||||
.title{
|
.title{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.time{
|
.time{
|
||||||
color: #999999;
|
color: #999999;
|
||||||
|
|
@ -129,6 +140,7 @@ const activeIndex = ref(0);
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
text-indent: 2rem;
|
text-indent: 2rem;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
color: #222222;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -55,7 +55,7 @@ const activeIndex = ref(0);
|
||||||
.banner {
|
.banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 320px;
|
height: 320px;
|
||||||
background: url("@/assets/images/newbanner.png") no-repeat top center;
|
background: url("@/assets/images/ziyuan_banner.png") no-repeat top center;
|
||||||
.banner_main {
|
.banner_main {
|
||||||
width: 1400px;
|
width: 1400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
|
||||||
|
|
@ -55,7 +55,7 @@
|
||||||
.banner {
|
.banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 320px;
|
height: 320px;
|
||||||
background: url("@/assets/images/newbanner.png") no-repeat top center;
|
background: url("@/assets/images/falv_banner.png") no-repeat top center;
|
||||||
.banner_main {
|
.banner_main {
|
||||||
width: 1400px;
|
width: 1400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
@ -143,7 +143,7 @@
|
||||||
p{
|
p{
|
||||||
text-indent: 2rem;
|
text-indent: 2rem;
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
img{
|
img{
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
@ -157,12 +157,13 @@
|
||||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
.previous{
|
.previous{
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
.title{
|
.title{
|
||||||
font-size: 16px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
.info{
|
.info{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
class="list"
|
class="list"
|
||||||
:class="{ active: activeIndex === index }"
|
:class="{ active: activeIndex === index }"
|
||||||
@click="activeIndex = index"
|
@click="activeIndex = index"
|
||||||
>
|
>
|
||||||
{{item}}
|
{{item}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -76,7 +76,7 @@ const activeIndex = ref(0);
|
||||||
.banner {
|
.banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 320px;
|
height: 320px;
|
||||||
background: url("@/assets/images/newbanner.png") no-repeat top center;
|
background: url("@/assets/images/falv_banner.png") no-repeat top center;
|
||||||
.banner_main {
|
.banner_main {
|
||||||
width: 1400px;
|
width: 1400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
@ -155,7 +155,7 @@ const activeIndex = ref(0);
|
||||||
.info{
|
.info{
|
||||||
|
|
||||||
.title{
|
.title{
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -60,7 +60,7 @@ const activeIndex = ref(0);
|
||||||
.banner {
|
.banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 320px;
|
height: 320px;
|
||||||
background: url("@/assets/images/newbanner.png") no-repeat top center;
|
background: url("@/assets/images/fuwu_banner.png") no-repeat top center;
|
||||||
.banner_main {
|
.banner_main {
|
||||||
width: 1400px;
|
width: 1400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
|
||||||