福田开发
This commit is contained in:
宋伟佳
@@ -25,13 +25,11 @@ export default {
|
||||
|
||||
<style lang="less" scoped>
|
||||
.wx-card {
|
||||
width: 140px;
|
||||
height: 120px;
|
||||
border: 2px solid #4091FF;
|
||||
background: rgba(0, 72, 158, 0.8);
|
||||
box-shadow: 0px 0px 21px 0px rgba(5, 20, 62, 0.41);
|
||||
border-radius: 15px;
|
||||
|
||||
width: 214px;
|
||||
line-height: 88px;
|
||||
text-align: center;
|
||||
background: rgba(182, 213, 255, 0.22);
|
||||
margin-left: 10px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
</div>
|
||||
<div class="home-input">
|
||||
<el-input
|
||||
placeholder="What are you looking for？"
|
||||
placeholder="what are you looking for？"
|
||||
@keyup.native.enter="search"
|
||||
v-model="checkContent">
|
||||
</el-input>
|
||||
|
||||
@@ -0,0 +1,53 @@
|
||||
<!-- 尾部链接 -->
|
||||
<template>
|
||||
<div class="link">
|
||||
<ul>
|
||||
<li><a href="http://www.sac.gov.cn/">国家标准化管理委员会</a></li>
|
||||
<li><a href="http://www.sac.gov.cn/">全国标准公共服务平台</a></li>
|
||||
<li><a href="http://www.sac.gov.cn/">国家标准全文公开</a></li>
|
||||
<li><a href="http://www.sac.gov.cn/">全国汽车标准化技术委员会</a></li>
|
||||
<li><a href="http://www.sac.gov.cn/">交通运输标准化信息平台</a></li>
|
||||
<li><a href="http://www.sac.gov.cn/">工信部装备工业发展中心</a></li>
|
||||
<li><a href="http://www.sac.gov.cn/">中华人民共和国生态环境部</a></li>
|
||||
<li><a href="">更多链接></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Empennage',
|
||||
components: {},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
mounted() {},
|
||||
methods: {},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.link {
|
||||
height: 100%;
|
||||
ul {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
user-select: none;
|
||||
li {
|
||||
flex: 1;
|
||||
a {
|
||||
color: #ffffff;
|
||||
&:hover {
|
||||
color: #e9ca32;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -0,0 +1,124 @@
|
||||
<!-- 右侧导航 -->
|
||||
<template>
|
||||
<div class="nav-menu">
|
||||
<div class="top">
|
||||
<div class="menu-item">高级检索</div>
|
||||
<div class="menu-item">个人中心</div>
|
||||
<div class="menu-item">统计图表</div>
|
||||
</div>
|
||||
<!-- <div class="bottom">-->
|
||||
<!-- <div v-for="(menuList, index) in navMenu" :key="index" class="menu-wrap" >-->
|
||||
<!-- <div v-for="menu in menuList" :key="menu.title" class="menu-item">-->
|
||||
<!-- {{ menu.title }}-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<div class="bottom">
|
||||
<div class="menu-wrap">
|
||||
<enter-card label="国内法规" path="/domesticStandardsAndRegulations" style="margin-left:0px;"></enter-card>
|
||||
<enter-card label="国外法规" path="/"></enter-card>
|
||||
<enter-card label="标准清单" path="/"></enter-card>
|
||||
</div>
|
||||
<div class="menu-wrap">
|
||||
<enter-card label="国内外政策" path="/" style="margin-left:0px;"></enter-card>
|
||||
<enter-card label="企业标准" path="/"></enter-card>
|
||||
<enter-card label="标准预警" path="/"></enter-card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import EnterCard from '@/pages/home/components/EnterCard'
|
||||
export default {
|
||||
name: 'NavMenu',
|
||||
components: {EnterCard},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
navMenu: [
|
||||
[
|
||||
{
|
||||
title: '国内法规',
|
||||
path: '/domesticStandardsAndRegulations',
|
||||
},
|
||||
{
|
||||
title: '国外法规',
|
||||
path: '/',
|
||||
},
|
||||
{
|
||||
title: '标准清单',
|
||||
path: '/',
|
||||
},
|
||||
],
|
||||
[
|
||||
{
|
||||
title: '国内外政策',
|
||||
path: '/',
|
||||
},
|
||||
{
|
||||
title: '企业标准',
|
||||
path: '/',
|
||||
},
|
||||
{
|
||||
title: '标准预警',
|
||||
path: '/',
|
||||
},
|
||||
],
|
||||
],
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
mounted() {},
|
||||
methods: {
|
||||
toPage() {
|
||||
this.$router.push(this.path)
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.nav-menu {
|
||||
margin-bottom: 10px;
|
||||
.top {
|
||||
display: flex;
|
||||
margin-bottom: 20px;
|
||||
.menu-item {
|
||||
flex: 1;
|
||||
height: 50px;
|
||||
margin-right: 10px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
background: rgba(182, 213, 255, 0.22);
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
.menu-wrap {
|
||||
display: flex;
|
||||
color: #ffffff;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.menu-item {
|
||||
flex: 1;
|
||||
line-height: 88px;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
background: rgba(182, 213, 255, 0.22);
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -0,0 +1,91 @@
|
||||
<!-- 资讯 -->
|
||||
<template>
|
||||
<div class="realimeinfo">
|
||||
<ul>
|
||||
<li v-for="item in realimeinfoList" :key="item.id" class="time-title">
|
||||
<a class="title" :title="item.title">{{ item.title }}</a>
|
||||
<span class="time">{{ putTime }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Realimeinfo',
|
||||
components: {},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
putTime: '',
|
||||
realimeinfoList: [
|
||||
{
|
||||
id: 1,
|
||||
title: '资讯1',
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: '资讯2',
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: '资讯3',
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: '资讯4',
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: '资讯5',
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: '资讯6',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
mounted() {
|
||||
this.getDate()
|
||||
},
|
||||
methods: {
|
||||
getDate() {
|
||||
//获取当前时间
|
||||
var date = new Date()
|
||||
var year = date.getFullYear()
|
||||
var month = date.getMonth() + 1
|
||||
var day = date.getDate()
|
||||
if (month < 10) {
|
||||
month = '0' + month
|
||||
}
|
||||
if (day < 10) {
|
||||
day = '0' + day
|
||||
}
|
||||
var nowDate = year + '-' + month + '-' + day
|
||||
this.putTime = nowDate
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.realimeinfo {
|
||||
.time-title {
|
||||
margin: 15px;
|
||||
.time {
|
||||
float: right;
|
||||
}
|
||||
a {
|
||||
color: #ffffff;
|
||||
&:hover {
|
||||
color: #e9c851;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -0,0 +1,90 @@
|
||||
<!-- 标准发布 -->
|
||||
<template>
|
||||
<div class="release">
|
||||
<ul>
|
||||
<li v-for="item in standardReleaseList" :key="item.id" class="time-title">
|
||||
<a class="title" :title="item.title">{{ item.title }}</a>
|
||||
<span class="time">{{ putTime }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Release',
|
||||
components: {},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
putTime: '',
|
||||
standardReleaseList: [
|
||||
{
|
||||
id: 1,
|
||||
title: '标准发布1',
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: '标准发布2',
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: '标准发布3',
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: '标准发布4',
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: '标准发布5',
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: '标准发布6',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
mounted() {
|
||||
this.getDate()
|
||||
},
|
||||
methods: {
|
||||
getDate() {
|
||||
//获取当前时间
|
||||
var date = new Date()
|
||||
var year = date.getFullYear()
|
||||
var month = date.getMonth() + 1
|
||||
var day = date.getDate()
|
||||
if (month < 10) {
|
||||
month = '0' + month
|
||||
}
|
||||
if (day < 10) {
|
||||
day = '0' + day
|
||||
}
|
||||
var nowDate = year + '-' + month + '-' + day
|
||||
this.putTime = nowDate
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.release {
|
||||
.time-title {
|
||||
margin: 15px;
|
||||
.time {
|
||||
float: right;
|
||||
}
|
||||
a {
|
||||
color: #ffffff;
|
||||
&:hover {
|
||||
color: #e9c851;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,104 @@
|
||||
<!-- 搜索栏 -->
|
||||
<template>
|
||||
<div class="search-group">
|
||||
<el-select
|
||||
v-model="selectKey"
|
||||
class="search-group-item"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in jumpPage"
|
||||
:key="item.selectKey"
|
||||
:label="item.label"
|
||||
:value="item.selectKey"
|
||||
></el-option>
|
||||
</el-select>
|
||||
|
||||
<div class="search-condition">
|
||||
<el-input
|
||||
v-model="keywords"
|
||||
type="text"
|
||||
placeholder="请输入关键词"
|
||||
clearable
|
||||
></el-input>
|
||||
<el-button class="primary_button" type="primary">搜索</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'SearchGroup',
|
||||
components: {},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
selectKey: '',
|
||||
keywords: '',
|
||||
jumpPage: [
|
||||
{
|
||||
selectKey: '选项1',
|
||||
label: '国内外标准法规',
|
||||
},
|
||||
{
|
||||
selectKey: '选项2',
|
||||
label: '研究报告',
|
||||
},
|
||||
{
|
||||
selectKey: '选项3',
|
||||
label: '企业标准',
|
||||
},
|
||||
{
|
||||
selectKey: '选项4',
|
||||
label: '动态&通知',
|
||||
},
|
||||
{
|
||||
selectKey: '选项5',
|
||||
label: '流程中心',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
mounted() {},
|
||||
methods: {},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.search-group {
|
||||
display: flex;
|
||||
width: 60vw;
|
||||
height: 50px;
|
||||
margin-bottom: 20px;
|
||||
.search-group-item {
|
||||
margin-right: 20px;
|
||||
::v-deep {
|
||||
.el-input__inner {
|
||||
width: 18vm;
|
||||
height: 40px;
|
||||
color: #fff;
|
||||
background: rgba(182, 213, 255, 0.22);
|
||||
}
|
||||
}
|
||||
}
|
||||
.search-condition {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
::v-deep {
|
||||
.el-input__inner {
|
||||
height: 40px;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
background: rgba(182, 213, 255, 0.22);
|
||||
}
|
||||
}
|
||||
}
|
||||
.primary_button {
|
||||
width: 8.2vw;
|
||||
height: 40px;
|
||||
background-color: #007dfe;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,90 @@
|
||||
<!-- 标准征求意见 -->
|
||||
<template>
|
||||
<div class="solicitopinions">
|
||||
<ul>
|
||||
<li v-for="item in domesticDynamics" :key="item.id" class="time-title">
|
||||
<a class="title" :title="item.title">{{ item.title }}</a>
|
||||
<span class="time">{{ putTime }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Solicitopinions',
|
||||
components: {},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
putTime: '',
|
||||
domesticDynamics: [
|
||||
{
|
||||
id: 1,
|
||||
title: '标准征求意见1',
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: '标准征求意见2',
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: '标准征求意见3',
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: '标准征求意见4',
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: '标准征求意见5',
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: '标准征求意见6',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
mounted() {
|
||||
this.getDate()
|
||||
},
|
||||
methods: {
|
||||
getDate() {
|
||||
//获取当前时间
|
||||
var date = new Date()
|
||||
var year = date.getFullYear()
|
||||
var month = date.getMonth() + 1
|
||||
var day = date.getDate()
|
||||
if (month < 10) {
|
||||
month = '0' + month
|
||||
}
|
||||
if (day < 10) {
|
||||
day = '0' + day
|
||||
}
|
||||
var nowDate = year + '-' + month + '-' + day
|
||||
this.putTime = nowDate
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.solicitopinions {
|
||||
.time-title {
|
||||
margin: 15px;
|
||||
.time {
|
||||
float: right;
|
||||
}
|
||||
a {
|
||||
color: #ffffff;
|
||||
&:hover {
|
||||
color: #e9c851;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,78 @@
|
||||
<!-- 待办任务 -->
|
||||
<template>
|
||||
<div class="to-do-list">
|
||||
<div>
|
||||
<h3 class="task">待办任务</h3>
|
||||
<span class="more">MORE</span>
|
||||
</div>
|
||||
<ul>
|
||||
<li v-for="item in toDoTaskList" :key="item.id" class="time-title">
|
||||
<a>{{ item.title }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'ToDoList',
|
||||
components: {},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
toDoTaskList: [
|
||||
{
|
||||
id: 1,
|
||||
title: '标准制定流程1',
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: '标准制定流程2',
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: '标准制定流程3',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
mounted() {},
|
||||
methods: {},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.to-do-list {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background: rgba(182, 213, 255, 0.22);
|
||||
.task {
|
||||
display: inline-block;
|
||||
margin: 15px;
|
||||
color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
.more {
|
||||
float: right;
|
||||
color: #FFFFFF;
|
||||
margin: 15px 15px;
|
||||
&:hover {
|
||||
color: red;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.time-title {
|
||||
margin: 15px;
|
||||
}
|
||||
a {
|
||||
color: #ffffff;
|
||||
&:hover {
|
||||
color: #e9c851;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,207 @@
|
||||
<!-- 首页 -->
|
||||
<template>
|
||||
<div class="home">
|
||||
<div class="home_header">
|
||||
<div class="logo">
|
||||
<span class="logo_title"></span>
|
||||
</div>
|
||||
<div class="user_exit">
|
||||
<span>您好，{{ $store.getters.userInfo.uName }}</span>
|
||||
<span class="exit" @click="logout">退出</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home_main">
|
||||
<div class="left_wrapper">
|
||||
<search-group></search-group>
|
||||
<div class="main-tabs">
|
||||
<div class="main-left-wrap">
|
||||
<el-tabs
|
||||
v-model="activeName"
|
||||
class="home-tabs"
|
||||
@tab-click="handleTabClick"
|
||||
>
|
||||
<el-tab-pane label="标准征求意见" name="solicitOpinions">
|
||||
<solicitOpinions></solicitOpinions>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="标准发布" name="release">
|
||||
<release></release>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="资讯" name="realTimeInfo">
|
||||
<realTimeInfo></realTimeInfo>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right_wrapper">
|
||||
<nav-menu></nav-menu>
|
||||
<todo-list></todo-list>
|
||||
</div>
|
||||
</div>
|
||||
<div calss="home_footer">
|
||||
<div class="footer">
|
||||
<Empennage></Empennage>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import searchGroup from './components/searchGroup'
|
||||
import realTimeInfo from './components/realtimeinfo'
|
||||
import release from './components/release'
|
||||
import navMenu from './components/navMenu'
|
||||
import solicitOpinions from './components/solicitopinions'
|
||||
import todoList from './components/todoList'
|
||||
import Empennage from "./components/empennage"
|
||||
|
||||
export default {
|
||||
name: 'Home',
|
||||
components: {
|
||||
Empennage,
|
||||
searchGroup,
|
||||
solicitOpinions,
|
||||
realTimeInfo,
|
||||
release,
|
||||
navMenu,
|
||||
todoList,
|
||||
},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
activeName: 'solicitOpinions',
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
mounted() {},
|
||||
methods: {
|
||||
handleTabClick(tab, event) {},
|
||||
//退出登录
|
||||
logout(){
|
||||
this.$confirm('您确认要退出吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
this.$store.commit('setTypeFlag', 'loginOut')
|
||||
this.$http.get('logout', {}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.$store.dispatch('logout')
|
||||
this.$router.push('/login')
|
||||
}, e => {})
|
||||
}).catch(() => {
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.home {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1.1vh 3.51vw 4.9vh;
|
||||
//background: url('../../assets/images/home/BG.png') no-repeat;
|
||||
background: url("../../assets/images/shangqi/home/BG.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.home_header {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 9.1vh;
|
||||
margin-bottom: 2.7vh;
|
||||
.logo {
|
||||
width: 500px;
|
||||
height: 70px;
|
||||
background: url("../../assets/images/shangqi/home/logo2.png") no-repeat;
|
||||
.logo_title {
|
||||
height: 50px;
|
||||
margin-top: 50px;
|
||||
margin-left: 35%;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
line-height: 50px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.user_exit {
|
||||
span {
|
||||
display: inline-block;
|
||||
margin-top: 50px;
|
||||
color: #fff;
|
||||
}
|
||||
.user,
|
||||
.exit {
|
||||
height: 50px;
|
||||
margin: 5px;
|
||||
font-size: 14px;
|
||||
line-height: 50px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
color: #ecce38;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.home_main {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
.left_wrapper {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
width: 60vw;
|
||||
height: 100%;
|
||||
margin-right: 10px;
|
||||
.home-tabs {
|
||||
margin-left: 2.34vw;
|
||||
::v-deep {
|
||||
.el-tabs__item {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
}
|
||||
.el-tabs__nav-wrap::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
.main-tabs {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
width: 60vw;
|
||||
height: 67.7vh;
|
||||
margin-right: 10px;
|
||||
background: rgba(182, 213, 255, 0.22);
|
||||
}
|
||||
}
|
||||
.right_wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 32.2vw;
|
||||
height: 100%;
|
||||
}
|
||||
.search-condition {
|
||||
display: block;
|
||||
.el-input {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
height: 5.2vh;
|
||||
margin-top: 1.3vh;
|
||||
line-height: 5.2vh;
|
||||
background: rgba(182, 213, 255, 0.22);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user