clay commit : header icon

This commit is contained in:
clay
2022-10-13 20:19:38 +08:00
parent 2b7ded8af6
commit 56d4a84f53
8 changed files with 60 additions and 27 deletions

View File

@@ -30,3 +30,23 @@ npm install --registry=https://registry.npm.taobao.org
``` ```
npm run dev npm run dev
``` ```
1. title上间距太大,更紧凑一点
2. 通知公告调整到4个, 第4个永远写死

View File

@@ -9,6 +9,17 @@ import 'element-ui/lib/theme-chalk/display.css';
import en from 'element-ui/lib/locale/lang/en' import en from 'element-ui/lib/locale/lang/en'
import cn from 'element-ui/lib/locale/lang/zh-CN' import cn from 'element-ui/lib/locale/lang/zh-CN'
//要添加的代码
router.beforeEach((to, from, next) => {
// chrome
document.body.scrollTop = 0
// firefox
document.documentElement.scrollTop = 0
// safari
window.pageYOffset = 0
next()
})
i18n.mergeLocaleMessage('en', en) i18n.mergeLocaleMessage('en', en)
i18n.mergeLocaleMessage('zh', cn) i18n.mergeLocaleMessage('zh', cn)

View File

@@ -60,13 +60,13 @@
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="listData.pageNum" :current-page.sync="listData.pageNum"
:page-sizes="[10,20, 30, 50, 100]" :page-size="listData.pageSize"
:page-sizes="[5,10,20, 30, 50, 100]"
layout="prev, pager,next,sizes, jumper" layout="prev, pager,next,sizes, jumper"
:total="listData.total"> :total="listData.total">
</el-pagination> </el-pagination>
<el-pagination v-if="small" <el-pagination v-if="small"
:small="small" :small="small"
@size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="listData.pageNum" :current-page.sync="listData.pageNum"
layout="prev ,pager,next" layout="prev ,pager,next"
@@ -90,7 +90,7 @@ export default {
return { return {
data: [], data: [],
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 5,
} }
}, },
}, },
@@ -288,6 +288,7 @@ export default {
float: none; float: none;
} }
} }
.query { .query {
//margin: 1rem 0; //margin: 1rem 0;
z-index: 50; z-index: 50;

View File

@@ -214,8 +214,8 @@ export default {
text-align: left; text-align: left;
background: linear-gradient(240deg, rgba(0, 75, 177, 0) 0%, rgba(6, 79, 175, 0.64) 44%, #0A51AE 100%); background: linear-gradient(240deg, rgba(0, 75, 177, 0) 0%, rgba(6, 79, 175, 0.64) 44%, #0A51AE 100%);
padding-left: 1.9rem; padding-left: 1.9rem;
margin-top: 5rem; margin-top: 2rem;
margin-bottom: 5rem; margin-bottom: 2rem;
} }
.sciences_content { .sciences_content {

View File

@@ -104,8 +104,8 @@ export default {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
padding-top: 6.3rem; padding-top: 2rem;
padding-bottom: 5.6rem; padding-bottom: 2rem;
.line_left { .line_left {
line-height: 4.4rem; line-height: 4.4rem;

View File

@@ -158,7 +158,8 @@ export default {
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
//width: 100%; //width: 100%;
height: 61rem; //height: 61rem;
padding-bottom: 2rem;
.headline { .headline {
display: flex; display: flex;
@@ -180,7 +181,7 @@ export default {
text-align: left; text-align: left;
background: linear-gradient(240deg, rgba(0, 75, 177, 0) 0%, rgba(6, 79, 175, 0.64) 44%, #0A51AE 100%); background: linear-gradient(240deg, rgba(0, 75, 177, 0) 0%, rgba(6, 79, 175, 0.64) 44%, #0A51AE 100%);
padding-left: 1.9rem; padding-left: 1.9rem;
margin-top: 6.3rem; margin-top: 2rem;
.vertica_line { .vertica_line {
width: .1rem; width: .1rem;
@@ -208,7 +209,7 @@ export default {
.more { .more {
display: flex; display: flex;
height: 3.7rem; height: 3.7rem;
margin-top: 9.8rem; margin-top: 4rem;
cursor: pointer; cursor: pointer;
.more_text { .more_text {

View File

@@ -92,8 +92,8 @@ export default {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
padding-top: 6.3rem; padding-top: 3rem;
padding-bottom: 4.4rem; padding-bottom: 2rem;
.line_left { .line_left {
line-height: 4.4rem; line-height: 4.4rem;

View File

@@ -164,8 +164,8 @@ export default {
&_bgc { &_bgc {
background-color: #fff; background-color: #fff;
//height: 33.8rem; //height: 33.8rem;
margin-top: 8.1rem; margin-top: 3rem;
margin-bottom: 5rem; margin-bottom: 3rem;
border-radius: 36px; border-radius: 36px;
} }