odjbin/sist_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

主页

Browse Source
This commit is contained in:
clay
2021-12-28 19:04:48 +08:00
parent 43b9044f89
commit 3d1e97f1df
16 changed files with 211 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
src/views/index/index.vue
View File

@@ -1,13 +1,141 @@
<template>
<div id="index">
<el-row>
<el-col>
<div class="top">
<img src="@/assets/index/sy_bj1@2x.png" alt="">
</div>
</el-col>
</el-row>
<el-row>
<el-col :offset="3" :span="18">
<div class="context">
<div class="news_center">
<div class="title">{{ $t('message.news_center') }}</div>
<div class="divider">
<div class="divider_left">
<img src="@/assets/index/sy_icon_gd.png" alt="">
</div>
<div class="name">News Center</div>
<div class="divider_right">
<img src="@/assets/index/sy_icon_gd1.png" alt="">
</div>
</div>
<div class="slideshow">
<el-carousel trigger="click" height="51rem">
<el-carousel-item v-for="item in 4" :key="item">
<div>
<img src="@/assets/index/t1@2x.png" alt="">
<div class="bottom_title">
<el-row>
<el-col :offset="2" :span="18">
{{ item }}sdamdnalkdasdnlkadlajsdlksadjajdknakdnakldnlasnlsa
</el-col>
</el-row>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div>
</div>
<div class="">
</div>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: "index"
name: "index",
}
</script>
<style scoped>
<style scoped lang="scss">
#index {
.title {
margin: 1rem auto 1rem;
width: 23.2rem;
height: 5.9rem;
background: #1956BC;
border-radius: 2.95rem;
font-size: 2.6rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 5.9rem;
text-align: center;
}
.divider {
width: 70rem;
margin: 0 auto 1rem;
clear: left;
height: 3rem;
line-height: 3rem;
div {
float: left;
}
.name {
font-size: 2rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #1956BC;
margin-left: 3rem;
margin-right: 3rem;
}
}
.top {
img {
width: 100%;
}
}
.context {
.news_center {
}
}
.slideshow{
.el-carousel__arrow{
top: 93%;
display: block !important;
}
.bottom_title{
width: 100%;
height: 7rem;
background: #1956BC;
opacity: 0.89;
position: absolute;
bottom: 0;
line-height: 7rem;
font-size: 2rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
}
img{
width: 100%;
}
}
}
</style>