Skip to content

R
risk-monitor
提交 48c8a6c8 authored 作者: coderBryanFu's avatar coderBryanFu
浏览文件
操作

update

上级 ccc591ba
显示空白字符变更
内嵌 并排
正在显示 包含 30 行增加 和 60 行删除
src/components/base/moduleHeader/index.vue
浏览文件 @ 48c8a6c8
<template> <template>
<div class="navbarV2"> <div class="module-header-wrapper">
<div class="nav-content"> <div class="nav-content">
<div class="nav-left" :class="{ 'flex-start': isShowSearchBar }"> <div class="nav-left" :class="{ 'flex-start': isShowSearchBar }">
<div class="icon"> <div class="icon">
...@@ -222,7 +222,7 @@ onMounted(() => { ...@@ -222,7 +222,7 @@ onMounted(() => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.navbarV2 { .module-header-wrapper {
width: 100%; width: 100%;
// height: 64px; // height: 64px;
border-bottom: 1px solid rgba(234, 236, 238, 1); border-bottom: 1px solid rgba(234, 236, 238, 1);
......
src/views/bill/billHome/index.vue
浏览文件 @ 48c8a6c8
<template> <template>
<div class="home-wrapper"> <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="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%" <el-input v-model="searchBillText" @keyup.enter="handleSearch" style="width: 680px; height: 100%"
placeholder="搜索科技法案" /> placeholder="搜索科技法案" />
<div class="search"> <div class="search">
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<div class="search-text" @click="handleSearch">搜索</div> <div class="search-text" @click="handleSearch">搜索</div>
</div> </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" @click="handleToPosi('position1')">
<div class="btn-text">{{ "最新动态" }}</div> <div class="btn-text">{{ "最新动态" }}</div>
<div class="btn-icon"> <div class="btn-icon">
...@@ -39,21 +39,14 @@ ...@@ -39,21 +39,14 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
<div class="home-box" :class="{ scrollHomeBox: isShow }" ref="containerRef"> <!-- <div class="home-main" :class="{ scrollHomeBox: isShow }" ref="containerRef"> -->
<div class="home-main" ref="containerRef">
<div class="home-top-bg"></div> <div class="home-top-bg"></div>
<!-- <div class="home-header" v-show="!isShow"> <div class="home-content">
<div class="header-left"> <div class="home-content-header">
<HeaderMenu></HeaderMenu> <div class="home-content-header-center" v-show="!isShow">
</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">
<el-input v-model="searchBillText" @keyup.enter="handleSearch" style="width: 800px; height: 100%" <el-input v-model="searchBillText" @keyup.enter="handleSearch" style="width: 800px; height: 100%"
placeholder="搜索科技法案" /> placeholder="搜索科技法案" />
<div class="search"> <div class="search">
...@@ -63,29 +56,7 @@ ...@@ -63,29 +56,7 @@
<div class="search-text" @click="handleSearch">搜索</div> <div class="search-text" @click="handleSearch">搜索</div>
</div> </div>
</div> </div>
<!-- <div class="home-main-header-footer"> <div class="home-content-header-btn-box" v-show="!isShow">
<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="btn" @click="handleToPosi('position1')"> <div class="btn" @click="handleToPosi('position1')">
<div class="btn-text">{{ "最新动态" }}</div> <div class="btn-text">{{ "最新动态" }}</div>
<div class="btn-icon"> <div class="btn-icon">
...@@ -113,7 +84,7 @@ ...@@ -113,7 +84,7 @@
</div> </div>
</div> </div>
<DivideHeader id="position1" class="divide1" :titleText="'最新动态'"></DivideHeader> <DivideHeader id="position1" class="divide1" :titleText="'最新动态'"></DivideHeader>
<div class="home-main-center"> <div class="home-content-center">
<div class="center-top"> <div class="center-top">
<div class="box1"> <div class="box1">
<div class="box1-left" @click="handleSwithCurBill('left')"> <div class="box1-left" @click="handleSwithCurBill('left')">
...@@ -507,9 +478,9 @@ ...@@ -507,9 +478,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="home-main-footer"> <div class="home-content-footer">
<DivideHeader id="position4" class="divide4" :titleText="'资源库'"></DivideHeader> <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-box">
<div class="btn" :class="{ btnActive: activeTabName === cate.name, disabled: index !== 0 }" <div class="btn" :class="{ btnActive: activeTabName === cate.name, disabled: index !== 0 }"
v-for="(cate, index) in tabList" :key="index" @click="index === 0 && handleClickTab(cate)"> v-for="(cate, index) in tabList" :key="index" @click="index === 0 && handleClickTab(cate)">
...@@ -517,7 +488,7 @@ ...@@ -517,7 +488,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="home-main-footer-main"> <div class="home-content-footer-main">
<div class="left"> <div class="left">
<div class="select-box"> <div class="select-box">
<div class="select-box-header"> <div class="select-box-header">
...@@ -1664,7 +1635,6 @@ onUnmounted(() => { ...@@ -1664,7 +1635,6 @@ onUnmounted(() => {
height: 100%; height: 100%;
position: relative; position: relative;
overflow-y: hidden; overflow-y: hidden;
.search-header { .search-header {
width: 100%; width: 100%;
// height: 144px; // height: 144px;
...@@ -1679,7 +1649,7 @@ onUnmounted(() => { ...@@ -1679,7 +1649,7 @@ onUnmounted(() => {
padding: 16px 0px 16px 0px; padding: 16px 0px 16px 0px;
} }
.home-main-header-center { .home-content-header-center {
// margin-top: 20px; // margin-top: 20px;
// margin-left: 200px; // margin-left: 200px;
width: 800px; width: 800px;
...@@ -1731,7 +1701,7 @@ onUnmounted(() => { ...@@ -1731,7 +1701,7 @@ onUnmounted(() => {
} }
} }
.home-main-header-btn-box { .home-content-header-btn-box {
margin-top: 16px; margin-top: 16px;
// margin-left: 200px; // margin-left: 200px;
display: flex; display: flex;
...@@ -1796,7 +1766,7 @@ onUnmounted(() => { ...@@ -1796,7 +1766,7 @@ onUnmounted(() => {
top: -64px; top: -64px;
} }
.home-box { .home-main {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -1813,17 +1783,17 @@ onUnmounted(() => { ...@@ -1813,17 +1783,17 @@ onUnmounted(() => {
justify-content: space-between; justify-content: space-between;
} }
.home-main { .home-content {
width: 1600px; width: 1600px;
margin: 0 auto; margin: 0 auto;
margin-top: 48px; margin-top: 48px;
.home-main-header { .home-content-header {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.home-main-header-center { .home-content-header-center {
width: 960px; width: 960px;
height: 48px; height: 48px;
border-radius: 10px; border-radius: 10px;
...@@ -1873,7 +1843,7 @@ onUnmounted(() => { ...@@ -1873,7 +1843,7 @@ onUnmounted(() => {
} }
} }
.home-main-header-footer { .home-content-header-footer {
margin-top: 38px; margin-top: 38px;
width: 960px; width: 960px;
height: 64px; height: 64px;
...@@ -1882,7 +1852,7 @@ onUnmounted(() => { ...@@ -1882,7 +1852,7 @@ onUnmounted(() => {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.home-main-header-footer-item { .home-content-header-footer-item {
padding: 0 10px; padding: 0 10px;
text-align: center; text-align: center;
...@@ -1907,7 +1877,7 @@ onUnmounted(() => { ...@@ -1907,7 +1877,7 @@ onUnmounted(() => {
} }
} }
.home-main-header-btn-box { .home-content-header-btn-box {
width: 688px; width: 688px;
margin: 0 auto; margin: 0 auto;
margin-top: 39px; margin-top: 39px;
...@@ -1963,7 +1933,7 @@ onUnmounted(() => { ...@@ -1963,7 +1933,7 @@ onUnmounted(() => {
margin-bottom: 36px; margin-bottom: 36px;
} }
.home-main-center { .home-content-center {
margin-top: 34px; margin-top: 34px;
.center-top { .center-top {
...@@ -3248,7 +3218,7 @@ onUnmounted(() => { ...@@ -3248,7 +3218,7 @@ onUnmounted(() => {
} }
} }
.home-main-footer { .home-content-footer {
width: 100%; width: 100%;
height: 1740px; height: 1740px;
background: rgba(248, 249, 250, 1); background: rgba(248, 249, 250, 1);
...@@ -3262,7 +3232,7 @@ onUnmounted(() => { ...@@ -3262,7 +3232,7 @@ onUnmounted(() => {
margin-bottom: 36px; margin-bottom: 36px;
} }
.home-main-footer-header { .home-content-footer-header {
width: 1600px; width: 1600px;
margin: 0 auto; margin: 0 auto;
margin-top: 37px; margin-top: 37px;
...@@ -3324,7 +3294,7 @@ onUnmounted(() => { ...@@ -3324,7 +3294,7 @@ onUnmounted(() => {
} }
} }
.home-main-footer-main { .home-content-footer-main {
width: 1600px; width: 1600px;
height: 1401px; height: 1401px;
margin: 0 auto; margin: 0 auto;
...@@ -3606,7 +3576,7 @@ onUnmounted(() => { ...@@ -3606,7 +3576,7 @@ onUnmounted(() => {
} }
} }
.home-main-footer-footer { .home-content-footer-footer {
width: 1600px; width: 1600px;
margin: 0 auto; margin: 0 auto;
height: 32px; height: 32px;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论