提交 48c8a6c8 authored 作者: coderBryanFu's avatar coderBryanFu

update

上级 ccc591ba
<template>
<div class="navbarV2">
<div class="module-header-wrapper">
<div class="nav-content">
<div class="nav-left" :class="{ 'flex-start': isShowSearchBar }">
<div class="icon">
......@@ -222,7 +222,7 @@ onMounted(() => {
</script>
<style lang="scss" scoped>
.navbarV2 {
.module-header-wrapper {
width: 100%;
// height: 64px;
border-bottom: 1px solid rgba(234, 236, 238, 1);
......
<template>
<div class="home-wrapper">
<div class="search-header" v-show="false">
<!-- <div class="search-header" v-show="false">
<div class="search-header-container">
<div class="home-main-header-center">
<div class="home-content-header-center">
<el-input v-model="searchBillText" @keyup.enter="handleSearch" style="width: 680px; height: 100%"
placeholder="搜索科技法案" />
<div class="search">
......@@ -12,7 +12,7 @@
<div class="search-text" @click="handleSearch">搜索</div>
</div>
</div>
<div class="home-main-header-btn-box">
<div class="home-content-header-btn-box">
<div class="btn" @click="handleToPosi('position1')">
<div class="btn-text">{{ "最新动态" }}</div>
<div class="btn-icon">
......@@ -39,21 +39,14 @@
</div>
</div>
</div>
</div>
<div class="home-box" :class="{ scrollHomeBox: isShow }" ref="containerRef">
</div> -->
<!-- <div class="home-main" :class="{ scrollHomeBox: isShow }" ref="containerRef"> -->
<div class="home-main" ref="containerRef">
<div class="home-top-bg"></div>
<!-- <div class="home-header" v-show="!isShow">
<div class="header-left">
<HeaderMenu></HeaderMenu>
</div>
<div class="header-right">
<headerInfo curTitleName="科技法案"></headerInfo>
</div>
</div> -->
<div class="home-main">
<div class="home-main-header">
<div class="home-main-header-center" v-show="!isShow">
<div class="home-content">
<div class="home-content-header">
<div class="home-content-header-center" v-show="!isShow">
<el-input v-model="searchBillText" @keyup.enter="handleSearch" style="width: 800px; height: 100%"
placeholder="搜索科技法案" />
<div class="search">
......@@ -63,29 +56,7 @@
<div class="search-text" @click="handleSearch">搜索</div>
</div>
</div>
<!-- <div class="home-main-header-footer">
<div class="home-main-header-footer-item">
<div class="item-top">3.8T</div>
<div class="item-footer">数据量</div>
</div>
<div class="home-main-header-footer-item">
<div class="item-top">14433</div>
<div class="item-footer">科技动向</div>
</div>
<div class="home-main-header-footer-item">
<div class="item-top">1986</div>
<div class="item-footer">提出法案</div>
</div>
<div class="home-main-header-footer-item">
<div class="item-top">341</div>
<div class="item-footer">通过法案</div>
</div>
<div class="home-main-header-footer-item">
<div class="item-top">285</div>
<div class="item-footer">分析报告</div>
</div>
</div> -->
<div class="home-main-header-btn-box" v-show="!isShow">
<div class="home-content-header-btn-box" v-show="!isShow">
<div class="btn" @click="handleToPosi('position1')">
<div class="btn-text">{{ "最新动态" }}</div>
<div class="btn-icon">
......@@ -113,7 +84,7 @@
</div>
</div>
<DivideHeader id="position1" class="divide1" :titleText="'最新动态'"></DivideHeader>
<div class="home-main-center">
<div class="home-content-center">
<div class="center-top">
<div class="box1">
<div class="box1-left" @click="handleSwithCurBill('left')">
......@@ -507,9 +478,9 @@
</div>
</div>
</div>
<div class="home-main-footer">
<div class="home-content-footer">
<DivideHeader id="position4" class="divide4" :titleText="'资源库'"></DivideHeader>
<div class="home-main-footer-header">
<div class="home-content-footer-header">
<div class="btn-box">
<div class="btn" :class="{ btnActive: activeTabName === cate.name, disabled: index !== 0 }"
v-for="(cate, index) in tabList" :key="index" @click="index === 0 && handleClickTab(cate)">
......@@ -517,7 +488,7 @@
</div>
</div>
</div>
<div class="home-main-footer-main">
<div class="home-content-footer-main">
<div class="left">
<div class="select-box">
<div class="select-box-header">
......@@ -1664,7 +1635,6 @@ onUnmounted(() => {
height: 100%;
position: relative;
overflow-y: hidden;
.search-header {
width: 100%;
// height: 144px;
......@@ -1679,7 +1649,7 @@ onUnmounted(() => {
padding: 16px 0px 16px 0px;
}
.home-main-header-center {
.home-content-header-center {
// margin-top: 20px;
// margin-left: 200px;
width: 800px;
......@@ -1731,7 +1701,7 @@ onUnmounted(() => {
}
}
.home-main-header-btn-box {
.home-content-header-btn-box {
margin-top: 16px;
// margin-left: 200px;
display: flex;
......@@ -1796,7 +1766,7 @@ onUnmounted(() => {
top: -64px;
}
.home-box {
.home-main {
position: relative;
width: 100%;
height: 100%;
......@@ -1813,17 +1783,17 @@ onUnmounted(() => {
justify-content: space-between;
}
.home-main {
.home-content {
width: 1600px;
margin: 0 auto;
margin-top: 48px;
.home-main-header {
.home-content-header {
display: flex;
flex-direction: column;
align-items: center;
.home-main-header-center {
.home-content-header-center {
width: 960px;
height: 48px;
border-radius: 10px;
......@@ -1873,7 +1843,7 @@ onUnmounted(() => {
}
}
.home-main-header-footer {
.home-content-header-footer {
margin-top: 38px;
width: 960px;
height: 64px;
......@@ -1882,7 +1852,7 @@ onUnmounted(() => {
display: flex;
justify-content: space-between;
.home-main-header-footer-item {
.home-content-header-footer-item {
padding: 0 10px;
text-align: center;
......@@ -1907,7 +1877,7 @@ onUnmounted(() => {
}
}
.home-main-header-btn-box {
.home-content-header-btn-box {
width: 688px;
margin: 0 auto;
margin-top: 39px;
......@@ -1963,7 +1933,7 @@ onUnmounted(() => {
margin-bottom: 36px;
}
.home-main-center {
.home-content-center {
margin-top: 34px;
.center-top {
......@@ -3248,7 +3218,7 @@ onUnmounted(() => {
}
}
.home-main-footer {
.home-content-footer {
width: 100%;
height: 1740px;
background: rgba(248, 249, 250, 1);
......@@ -3262,7 +3232,7 @@ onUnmounted(() => {
margin-bottom: 36px;
}
.home-main-footer-header {
.home-content-footer-header {
width: 1600px;
margin: 0 auto;
margin-top: 37px;
......@@ -3324,7 +3294,7 @@ onUnmounted(() => {
}
}
.home-main-footer-main {
.home-content-footer-main {
width: 1600px;
height: 1401px;
margin: 0 auto;
......@@ -3606,7 +3576,7 @@ onUnmounted(() => {
}
}
.home-main-footer-footer {
.home-content-footer-footer {
width: 1600px;
margin: 0 auto;
height: 32px;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论