@@ -1,218 +1,209 @@ | |||
@import '~iview/src/styles/index.less'; | |||
@menu-dark-title: #001529; | |||
@menu-dark-active-bg: #000c17; | |||
@layout-sider-background: #001529; | |||
@primary-color: #0070cc; | |||
@btn-border-radius : 0; | |||
@btn-border-radius-small: 0; | |||
.search-box{ | |||
position:relative; | |||
width:100%; | |||
display:-webkit-flex; | |||
-webkit-box-orient:horizontal; | |||
-webkit-box-direction:normal; | |||
-ms-flex-direction:row; | |||
flex-direction:row; | |||
-webkit-box-align:center; | |||
-ms-flex-align:center; | |||
align-items:center; | |||
margin-bottom:15px | |||
} | |||
.search-box .search-left-box { | |||
width:50%; | |||
display:-webkit-box; | |||
display:-ms-flexbox; | |||
display:flex | |||
} | |||
.search-box .search-left-tools{ | |||
display:inline-block; | |||
margin-right:5px | |||
} | |||
.search-box .total{ | |||
position:absolute; | |||
right:0; | |||
font-weight:700 | |||
} | |||
.search-box .total .icon{ | |||
font-size:20px; | |||
font-weight:800; | |||
color:#199be6 | |||
} | |||
.search-box .search-right-tools{ | |||
text-align:right | |||
} | |||
.complex-search-box{ | |||
position: relative; | |||
width: 100%; | |||
display: -webkit-flex; | |||
-webkit-box-orient: horizontal; | |||
-webkit-box-direction: normal; | |||
-ms-flex-direction: row; | |||
flex-direction: row; | |||
-webkit-box-align: center; | |||
-ms-flex-align: center; | |||
align-items: center; | |||
margin-bottom: 15px | |||
} | |||
.complex-search-box .search-box-button, .complex-search-box .search-box-date, .complex-search-box .search-box-input { | |||
margin-right: 5px | |||
body { | |||
background: #F5F5F5 !important; | |||
font-size: 12px; | |||
} | |||
.complex-search-box .search-box-input{ | |||
width: 180px; | |||
margin-right: 10px | |||
.main-container { | |||
width: 960px; | |||
margin: 0 auto; | |||
min-height: 500px; | |||
} | |||
.main-container .breadcrumb{ | |||
margin-bottom: 10px; | |||
font-size: 12px; | |||
} | |||
.main-container .breadcrumb .location{ | |||
margin-right: 10px; | |||
font-size: 12px !important; | |||
} | |||
.main-container .breadcrumb .el-breadcrumb__item{ | |||
font-size: 12px !important; | |||
} | |||
.main-container .breadcrumb .location i.el-breadcrumb__separator{ | |||
display: none; | |||
} | |||
.complex-search-box .total{ | |||
position: absolute; | |||
right: 0; | |||
font-weight: 700 | |||
.linear { | |||
background-image: linear-gradient(to right, #42A8CE, #427FCE); | |||
} | |||
.complex-search-box .total .icon { | |||
.text-linear { | |||
font-size: 20px; | |||
font-weight: 800; | |||
color: #199be6 | |||
} | |||
.search-content{ | |||
width: 365px | |||
background-image: -webkit-linear-gradient(right, #42A8CE, #427FCE) !important; | |||
background-image: linear-gradient(to right, #42A8CE, #427FCE) !important; | |||
-webkit-background-clip: text !important; | |||
color: transparent !important; | |||
border: 2px solid #42A8CE !important; | |||
font-weight: 900 !important; | |||
letter-spacing: 3px; | |||
} | |||
.search-content-input{ | |||
width: 250px; | |||
margin-right: 10px; | |||
float: left | |||
.card_style1 .el-card__header, .card_menu .el-card__header { | |||
background-image: linear-gradient(to right, #42A8CE, #427FCE); | |||
color: #fff; | |||
font-weight: 700; | |||
padding: 9px 10px !important; | |||
} | |||
.search-content:after { | |||
content: ""; | |||
display: block; | |||
clear: both | |||
.el-pager .active, .el-table__header thead, .el-button--primary { | |||
background-image: linear-gradient(to right, #42A8CE, #427FCE) !important; | |||
} | |||
.select { | |||
width: 100px; | |||
margin-right: 5px; | |||
float: left; | |||
} | |||
.button_block.ivu-btn { | |||
display:block; | |||
height:18px; | |||
padding:0!important; | |||
line-height:18px; | |||
width:100%; | |||
text-align:left; | |||
color:#657180!important | |||
} | |||
.btn-position{ | |||
position: relative; | |||
margin-right: 8px; | |||
} | |||
.card-account { | |||
margin-right: 20px | |||
} | |||
.container{ | |||
margin-top: 20px; | |||
margin-bottom: 20px | |||
} | |||
.page{ | |||
display: -webkit-box; | |||
display: -ms-flexbox; | |||
display: flex; | |||
-webkit-box-pack: end; | |||
-ms-flex-pack: end; | |||
justify-content: flex-end; | |||
margin-top: 20px | |||
} | |||
.page li,.page .ivu-select-selection,.page .ivu-page-options-elevator input { | |||
border-radius: 0; | |||
} | |||
.ivu-page-item-active { | |||
background: #0070cc !important; | |||
} | |||
.ivu-page-item-active { | |||
border-color: #0070cc; | |||
} | |||
.ivu-page-item-active a { | |||
.el-table__header thead { | |||
color: #fff !important; | |||
} | |||
.help-block { | |||
color: #8c8c8c; | |||
.el-table th.el-table__cell, .el-table .el-table__header tr { | |||
background: transparent !important; | |||
} | |||
input[readonly] { | |||
background-color: #f3f3f3; | |||
.el-table__header > tr, .el-table__header > th { | |||
background: transparent !important; | |||
} | |||
.ivu-btn-text:hover,.ivu-btn-text.active,.ivu-btn-text:focus { | |||
background-color: transparent; | |||
border-color: transparent; | |||
box-shadow: none; | |||
.card_menu .box-card { | |||
background: #F5F5F5; | |||
} | |||
.drawer-footer { | |||
width:100%; | |||
position:absolute; | |||
bottom:50px; | |||
left:0; | |||
border-top:1px solid #e8e8e8; | |||
padding:10px 16px; | |||
text-align:right; | |||
background:#fff; | |||
.card_menu .el-card__body { | |||
background: #FFF; | |||
} | |||
.text-primary { | |||
color:#0070cc | |||
.card_menu .el-card__header { | |||
text-align: center; | |||
font-size: 16px; | |||
border-top-left-radius: 10px; | |||
border-top-right-radius: 10px; | |||
} | |||
.text-error { | |||
color:#f54743!important; | |||
border:none; | |||
background-color:transparent!important | |||
.card_style1 .el-card__header .el-divider { | |||
width: 3px; | |||
background: #FFF; | |||
} | |||
.text-error :hover { | |||
color:#f54743; | |||
background-color:transparent | |||
.card_style2 .el-card__header { | |||
color: #427FCE; | |||
font-weight: 700; | |||
padding: 9px 10px !important; | |||
border-bottom: none !important; | |||
} | |||
.pd-l0{ | |||
padding-left: 0!important; | |||
.card_style2 .el-card__header .el-divider { | |||
width: 3px; | |||
background: #427FCE; | |||
} | |||
.card_style2 h2 { | |||
font-size: 14px; | |||
color: #333333; | |||
} | |||
.pd-r0{ | |||
padding-right: 0!important; | |||
.card_style2 p { | |||
color: #999999; | |||
} | |||
.ivu-btn-text { | |||
color: #0070cc !important; | |||
.card_style2 .list { | |||
border-bottom: 1px solid #eee; | |||
padding: 10px | |||
} | |||
.ivu-card, .ivu-menu-item, .ivu-poptip-title-inner, .txt-min, textarea { | |||
font-size: 12px !important; | |||
.card_style2 .list:last-child { | |||
border-bottom: none; | |||
} | |||
.el-card { | |||
border-radius: 0 !important; | |||
border: 0 !important; | |||
} | |||
.header { | |||
color: #fff !important; | |||
height: 50px; | |||
} | |||
.header > .el-menu--horizontal > .el-menu-item { | |||
height: 45px !important; | |||
line-height: 45px !important; | |||
color: #fff !important; | |||
font-size: 12px; | |||
padding: 0; | |||
width: 7.6923%; | |||
} | |||
.ivu-drawer-content { | |||
top: 50px !important; | |||
.header > .el-menu--horizontal > .el-menu-item.is-active { | |||
border-bottom: 2px solid #fff | |||
} | |||
.ivu-table-expanded-cell{ | |||
padding: 0 10px !important; | |||
.header > .el-menu--horizontal > .el-menu-item:hover, .header > .el-menu--horizontal > .el-menu-item:focus { | |||
background: transparent !important; | |||
} | |||
.ivu-table-cell-expand{ | |||
display: none !important; | |||
.footer { | |||
color: #fff; | |||
font-size: 10px; | |||
text-align: center; | |||
padding: 10px; | |||
} | |||
.app-list { | |||
.footer span { | |||
padding: 10px; | |||
} | |||
.footer .footer-bar { | |||
margin: 10px; | |||
} | |||
.list-wrapper .search-box { | |||
margin-bottom: 10px | |||
.footer .copyright { | |||
line-height: 20px; | |||
} | |||
.list-wrapper .app-list .item { | |||
position: relative; | |||
border-bottom: 1px solid #efefef; | |||
padding: 10px 0 10px 10px; | |||
cursor: pointer | |||
.el-pager, | |||
.el-pagination.is-background .btn-next, | |||
.el-pagination.is-background .btn-prev { | |||
padding: 0px 5px !important; | |||
} | |||
.list-wrapper .app-list .item .icon { | |||
.el-carousel__item h3 { | |||
color: #475669; | |||
font-size: 14px; | |||
opacity: 0.75; | |||
line-height: 150px; | |||
margin: 0; | |||
} | |||
.el-carousel__item:nth-child(2n) { | |||
background-color: #99a9bf; | |||
} | |||
.el-carousel__item:nth-child(2n+1) { | |||
background-color: #d3dce6; | |||
} | |||
.logo { | |||
font-size: 20px; | |||
font-weight: 900; | |||
position: absolute; | |||
right: 0; | |||
top: 15px | |||
margin-right: 100px; | |||
left: 0; | |||
top: 0; | |||
text-align: center; | |||
line-height: 50px; | |||
width: 100px; | |||
} | |||
.logo a, .logo a:hover { | |||
color: #fff; | |||
} | |||
.list-wrapper .app-list .active { | |||
border-left: 3px solid #0070cc | |||
/*about*/ | |||
.menu-item{ | |||
text-align: center; | |||
padding: 10px; | |||
width: 100%; | |||
} | |||
.card_menu .menu-item.active{ | |||
border-left: 2px solid #427FCE; | |||
background: #eee; | |||
} |
@@ -1,6 +1,6 @@ | |||
<template> | |||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||
<el-breadcrumb separator-class="el-icon-arrow-right" style="margin-bottom: 10px"> | |||
<el-main class="main-container"> | |||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||
<el-breadcrumb-item>关于我们</el-breadcrumb-item> | |||
@@ -60,14 +60,4 @@ export default { | |||
.article .content span{ | |||
line-height: 1.5rem; | |||
} | |||
.location{ | |||
margin-right: 10px; | |||
font-size: 12px !important; | |||
} | |||
.el-breadcrumb__item{ | |||
font-size: 12px !important; | |||
} | |||
.location i.el-breadcrumb__separator{ | |||
display: none; | |||
} | |||
</style> |
@@ -1,6 +1,6 @@ | |||
<template> | |||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||
<el-breadcrumb separator-class="el-icon-arrow-right" style="margin-bottom: 10px"> | |||
<el-main class="main-container"> | |||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||
<el-breadcrumb-item>关于我们</el-breadcrumb-item> | |||
@@ -49,14 +49,4 @@ export default { | |||
.article .content span{ | |||
line-height: 1.5rem; | |||
} | |||
.location{ | |||
margin-right: 10px; | |||
font-size: 12px !important; | |||
} | |||
.el-breadcrumb__item{ | |||
font-size: 12px !important; | |||
} | |||
.location i.el-breadcrumb__separator{ | |||
display: none; | |||
} | |||
</style> |
@@ -1,8 +1,13 @@ | |||
<template> | |||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||
<el-main class="main-container"> | |||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||
<el-breadcrumb-item>关于我们</el-breadcrumb-item> | |||
</el-breadcrumb> | |||
<el-row class="card_menu"> | |||
<el-col :span="4"> | |||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0',height:'220px' }"> | |||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | |||
<div slot="header"> | |||
<span>关于我们</span> | |||
</div> | |||
@@ -11,19 +16,18 @@ | |||
</el-card> | |||
</el-col> | |||
<el-col :span="20"> | |||
<el-card shadow="never" style="margin: 0 10px;height: 260px" :body-style="{ padding: '0px'}"> | |||
<el-card shadow="never" style="margin: 0 10px"> | |||
<el-row> | |||
<el-col :span="12"> | |||
<el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px',height:'380px' }"> | |||
<img src="../assets/img/ps33zrxsxe75je6fyz0ieqako59448zdwo2b864170-7f1e-4bcb-9a87-f19996c6d605.png" style="border-radius: 10px;margin: 10px 0" width="100%"/> | |||
<el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px'}"> | |||
<img src="//lanhu.oss-cn-beijing.aliyuncs.com/pspflh4kuvfymaezxzegpy9k9nn4pd3qmzbdcdf1a27-2222-41cc-be5e-5ab2e6a6bac5" style="border-radius: 10px;margin: 10px 0 10px 0;height: 100%;width: 100%"/> | |||
<p style="color: #333">Brief Introduction of Shanghai Integrated Circuit Industry Ass</p> | |||
</el-card> | |||
</el-col> | |||
<el-col :span="12"> | |||
<el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px',height:'380px' }"> | |||
<img src="../assets/img/ps33zrxsxe75je6fyz0ieqako59448zdwo2b864170-7f1e-4bcb-9a87-f19996c6d605.png" style="border-radius: 10px;margin: 10px 0" width="100%"/> | |||
<el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px'}"> | |||
<img src="//lanhu.oss-cn-beijing.aliyuncs.com/pspflh4kuvfymaezxzegpy9k9nn4pd3qmzbdcdf1a27-2222-41cc-be5e-5ab2e6a6bac5" style="border-radius: 10px;margin: 10px 0 10px 0;height: 100%;width: 100%"/> | |||
<p style="color: #333">上海市集成电路行业协会简介</p> | |||
</el-card> | |||
</el-col> | |||
</el-row> | |||
@@ -42,14 +46,3 @@ export default { | |||
} | |||
} | |||
</script> | |||
<style> | |||
.menu-item{ | |||
text-align: center; | |||
padding: 10px; | |||
width: 100%; | |||
} | |||
.card_menu .menu-item.active{ | |||
border-left: 2px solid #427FCE; | |||
background: #eee; | |||
} | |||
</style> |
@@ -1,6 +1,6 @@ | |||
<template> | |||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||
<el-breadcrumb separator-class="el-icon-arrow-right" style="margin-bottom: 10px"> | |||
<el-main class="main-container"> | |||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||
<el-breadcrumb-item>联系我们</el-breadcrumb-item> | |||
@@ -1,5 +1,10 @@ | |||
<template> | |||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||
<el-main class="main-container"> | |||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||
<el-breadcrumb-item>合作交流</el-breadcrumb-item> | |||
</el-breadcrumb> | |||
<el-row class="card_menu"> | |||
<el-col :span="4"> | |||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | |||
@@ -5,17 +5,17 @@ | |||
<div class="logo"><router-link to="/overview">logo</router-link></div> | |||
<el-menu-item index="1"><router-link to="/overview">首页</router-link></el-menu-item> | |||
<el-menu-item index="2"><router-link to="/about">关于我们</router-link></el-menu-item> | |||
<el-menu-item index="3"><router-link to="/vip">协会会员</router-link></el-menu-item> | |||
<el-menu-item index="4">企业认定</el-menu-item> | |||
<el-menu-item index="5">新闻资讯</el-menu-item> | |||
<el-menu-item index="6">产业政策</el-menu-item> | |||
<el-menu-item index="7">行业动态</el-menu-item> | |||
<el-menu-item index="8">合作交流</el-menu-item> | |||
<el-menu-item index="3"><router-link to="/vip-service">协会会员</router-link></el-menu-item> | |||
<el-menu-item index="4"><router-link to="/connect">企业认定</router-link></el-menu-item> | |||
<el-menu-item index="5"><router-link to="/connect">新闻资讯</router-link></el-menu-item> | |||
<el-menu-item index="6"><router-link to="/connect">产业政策</router-link></el-menu-item> | |||
<el-menu-item index="7"><router-link to="/connect">行业动态</router-link></el-menu-item> | |||
<el-menu-item index="8"><router-link to="/exchange">合作交流</router-link></el-menu-item> | |||
<el-menu-item index="9"><router-link to="/km">知识产权</router-link></el-menu-item> | |||
<el-menu-item index="10">会员产品</el-menu-item> | |||
<el-menu-item index="11">人力资源</el-menu-item> | |||
<el-menu-item index="12">数据上报</el-menu-item> | |||
<el-menu-item index="13">联系我们</el-menu-item> | |||
<el-menu-item index="10"><router-link to="/connect">会员产品</router-link></el-menu-item> | |||
<el-menu-item index="11"><router-link to="/connect">人力资源</router-link></el-menu-item> | |||
<el-menu-item index="12"><router-link to="/connect">数据上报</router-link></el-menu-item> | |||
<el-menu-item index="13"><router-link to="/connect">联系我们</router-link></el-menu-item> | |||
</el-menu> | |||
</el-header> | |||
<router-view/> | |||
@@ -40,119 +40,6 @@ | |||
</div> | |||
</el-footer> | |||
</el-container> | |||
<!-- <Layout class="main"> | |||
<Header class="header-con" style="background-color: #001529;position: fixed;z-index: 99999;top: 0;width: 100%;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16)"> | |||
<h1 style="float: left;display: inline-block;line-height: 50px;margin-left: -5px;margin-right: 20px "><common-icon :type="'fa-home'" :size="24" :color="'#fff'"/></h1><a style="display: inline-block;float: left"> 后台管理系统</a> | |||
<header-bar :collapsed="collapsed"> | |||
<user :user-avator="userAvator"/> | |||
<language @on-lang-change="setLocal" style="margin-right: 10px;" :lang="local"/> | |||
<fullscreen v-model="isFullscreen" style="margin-right: 10px;"/> | |||
</header-bar> | |||
</Header> | |||
<Layout :style="height"> | |||
<Sider style="position: fixed;left: 0;top:50px;height: 100%;"> | |||
<div :style="'overflow-y: scroll;'+height+';margin-right:-18px;'"> | |||
<Menu active-name="article_list" theme="light" width="auto" :open-names="['1','2','3','4']" :style="height"> | |||
<Submenu name="1"> | |||
<template slot="title"> | |||
<Icon type="ios-keypad"></Icon> | |||
应用 | |||
</template> | |||
<MenuItem name="article_list"> | |||
<router-link :to="{path:'/admin/application/list',query:{}}">应用列表</router-link> | |||
</MenuItem> | |||
<MenuItem name="article_add"> | |||
<router-link :to="{path:'/admin/application/add',query:{}}">添加应用</router-link> | |||
</MenuItem> | |||
</Submenu> | |||
<Submenu name="2"> | |||
<template slot="title"> | |||
<Icon type="ios-keypad"></Icon> | |||
账户 | |||
</template> | |||
<MenuItem name="2-1"> | |||
<router-link :to="{path:'/admin/ud/list'}">机构及组</router-link> | |||
</MenuItem> | |||
<MenuItem name="2-2"> | |||
<router-link :to="{path:'/admin/ud/account',query:{}}">账户管理</router-link> | |||
</MenuItem> | |||
<MenuItem name="2-3"> | |||
<router-link :to="{path:'/admin/classify/management',query:{}}">分类管理</router-link> | |||
</MenuItem> | |||
</Submenu> | |||
<Submenu name="3"> | |||
<template slot="title"> | |||
<Icon type="ios-keypad"></Icon> | |||
认证 | |||
</template> | |||
<MenuItem name="3-1"> | |||
<router-link :to="{path:'/admin/authentication/list',query:{}}">认证源</router-link> | |||
</MenuItem> | |||
<MenuItem name="3-2"> | |||
<router-link :to="{path:'/admin/authentication/radius',query:{}}">RADIUS</router-link> | |||
</MenuItem> | |||
<MenuItem name="3-3"> | |||
<router-link :to="{path:'/admin/authentication/certificates',query:{}}">证书管理</router-link> | |||
</MenuItem> | |||
</Submenu> | |||
<Submenu name="4"> | |||
<template slot="title"> | |||
<Icon type="ios-keypad"></Icon> | |||
授权 | |||
</template> | |||
<MenuItem name="4-1"> | |||
<router-link :to="{path:'/admin/ps/list',query:{}}">权限系统</router-link> | |||
</MenuItem> | |||
<MenuItem name="4-2"> | |||
<router-link :to="{path:'/admin/authorization/application',query:{}}">应用授权</router-link> | |||
</MenuItem> | |||
</Submenu> | |||
<Submenu name="5"> | |||
<template slot="title"> | |||
<Icon type="ios-keypad"></Icon> | |||
审计 | |||
</template> | |||
<MenuItem name="5-1"> | |||
<router-link :to="{path:'/admin/audit/list',query:{}}">操作日志</router-link> | |||
</MenuItem> | |||
<MenuItem name="5-2"> | |||
<router-link :to="{path:'/admin/audit/login/list',query:{}}">进/出日志</router-link> | |||
</MenuItem> | |||
</Submenu> | |||
<Submenu name="6"> | |||
<template slot="title"> | |||
<Icon type="ios-keypad"></Icon> | |||
其它管理 | |||
</template> | |||
<MenuItem name="6-1"> | |||
<router-link :to="{path:'/admin/approval',query:{}}">审批中心</router-link> | |||
</MenuItem> | |||
<MenuItem name="6-2"> | |||
<router-link :to="{path:'/admin/sessions',query:{}}">会话管理</router-link> | |||
</MenuItem> | |||
</Submenu> | |||
<Submenu name="7"> | |||
<template slot="title"> | |||
<Icon type="ios-keypad"></Icon> | |||
设置 | |||
</template> | |||
<MenuItem name="7-1"> | |||
<router-link :to="{path:'/admin/field-group/list',query:{}}">个性化设置</router-link> | |||
</MenuItem> | |||
<MenuItem name="7-2"> | |||
<router-link :to="{path:'/admin/security-setting',query:{}}">安全设置</router-link> | |||
</MenuItem> | |||
</Submenu> | |||
</Menu> | |||
</div> | |||
</Sider> | |||
<Layout style="margin-left: 220px"> | |||
<keep-alive :include="cacheList"> | |||
<router-view/> | |||
</keep-alive> | |||
</Layout> | |||
</Layout> | |||
</Layout>--> | |||
</template> | |||
<script> | |||
import SideMenu from './components/side-menu' | |||
@@ -289,158 +176,5 @@ export default { | |||
} | |||
</script> | |||
<style> | |||
body{ | |||
background: #F5F5F5 !important; | |||
font-size: 12px; | |||
} | |||
.linear{ | |||
background-image: linear-gradient(to right,#42A8CE, #427FCE); | |||
} | |||
.text-linear{ | |||
font-size: 20px; | |||
background-image: -webkit-linear-gradient(right,#42A8CE, #427FCE)!important; | |||
background-image: linear-gradient(to right,#42A8CE, #427FCE)!important; | |||
-webkit-background-clip:text!important; | |||
color: transparent!important; | |||
border: 2px solid #42A8CE !important; | |||
font-weight: 900!important; | |||
letter-spacing: 3px; | |||
} | |||
.card_style1 .el-card__header,.card_menu .el-card__header{ | |||
background-image: linear-gradient(to right,#42A8CE, #427FCE); | |||
color: #fff; | |||
font-weight: 700; | |||
padding: 9px 10px !important; | |||
} | |||
.el-pager .active,.el-table__header thead,.el-button--primary{ | |||
background-image: linear-gradient(to right,#42A8CE, #427FCE) !important; | |||
} | |||
.el-table__header thead{ | |||
color: #fff !important; | |||
} | |||
.el-table th.el-table__cell,.el-table .el-table__header tr{ | |||
background: transparent !important; | |||
} | |||
.el-table__header > tr,.el-table__header > th{ | |||
background: transparent !important; | |||
} | |||
.card_menu .box-card{ | |||
background: #F5F5F5; | |||
} | |||
.card_menu .el-card__body{ | |||
background: #FFF; | |||
} | |||
.card_menu .el-card__header{ | |||
text-align: center; | |||
font-size: 16px; | |||
border-top-left-radius: 10px; | |||
border-top-right-radius: 10px; | |||
} | |||
.card_style1 .el-card__header .el-divider{ | |||
width: 3px; | |||
background: #FFF; | |||
} | |||
.card_style2 .el-card__header{ | |||
color: #427FCE; | |||
font-weight: 700; | |||
padding: 9px 10px !important; | |||
border-bottom: none !important; | |||
} | |||
.card_style2 .el-card__header .el-divider{ | |||
width: 3px; | |||
background: #427FCE; | |||
} | |||
.card_style2 h2{ | |||
font-size: 14px; | |||
color: #333333; | |||
} | |||
.card_style2 p{ | |||
color: #999999; | |||
} | |||
.card_style2 .list{ | |||
border-bottom: 1px solid #eee; | |||
padding: 10px | |||
} | |||
.card_style2 .list:last-child{ | |||
border-bottom:none; | |||
} | |||
.el-card{ | |||
border-radius: 0!important; | |||
border:0 !important; | |||
} | |||
.header{ | |||
color: #fff !important; | |||
height: 50px; | |||
} | |||
.header > .el-menu--horizontal > .el-menu-item{ | |||
height: 45px !important; | |||
line-height: 45px !important; | |||
color: #fff !important; | |||
font-size: 12px; | |||
padding: 0; | |||
width: 7.6923%; | |||
} | |||
.header > .el-menu--horizontal > .el-menu-item.is-active{ | |||
border-bottom:2px solid #fff | |||
} | |||
.header > .el-menu--horizontal > .el-menu-item:hover,.header > .el-menu--horizontal > .el-menu-item:focus{ | |||
background: transparent !important; | |||
} | |||
.footer{ | |||
color: #fff; | |||
font-size: 10px; | |||
text-align: center; | |||
padding: 10px; | |||
} | |||
.footer span{ | |||
padding: 10px; | |||
} | |||
.footer .footer-bar{ | |||
margin: 10px; | |||
} | |||
.footer .copyright{ | |||
line-height: 20px; | |||
} | |||
.el-pager, | |||
.el-pagination.is-background .btn-next, | |||
.el-pagination.is-background .btn-prev { | |||
padding:0px 5px !important; | |||
} | |||
.el-carousel__item h3 { | |||
color: #475669; | |||
font-size: 14px; | |||
opacity: 0.75; | |||
line-height: 150px; | |||
margin: 0; | |||
} | |||
.el-carousel__item:nth-child(2n) { | |||
background-color: #99a9bf; | |||
} | |||
.el-carousel__item:nth-child(2n+1) { | |||
background-color: #d3dce6; | |||
} | |||
.logo{ | |||
font-size: 20px; | |||
font-weight: 900; | |||
position: absolute; | |||
margin-right: 100px; | |||
left: 0; | |||
top: 0; | |||
text-align: center; | |||
line-height: 50px; | |||
width: 100px; | |||
} | |||
.logo a,.logo a:hover{ | |||
color: #fff; | |||
} | |||
</style> |
@@ -2,7 +2,7 @@ | |||
<div> | |||
<el-carousel trigger="click" height="400px"> | |||
<el-carousel-item v-for="item in 3" :key="item"> | |||
<img src="https://lanhu.oss-cn-beijing.aliyuncs.com/pso3qae4u2g8lb8tie1nc2mweul0p5j5i81ef68b8f-e805-4d9f-9c5d-5679d724f7c3"/> | |||
<img src="//lanhu.oss-cn-beijing.aliyuncs.com/pso3qae4u2g8lb8tie1nc2mweul0p5j5i81ef68b8f-e805-4d9f-9c5d-5679d724f7c3"/> | |||
</el-carousel-item> | |||
</el-carousel> | |||
<el-main style="width: 960px;margin: 0 auto"> | |||
@@ -1,5 +1,10 @@ | |||
<template> | |||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||
<el-main class="main-container"> | |||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||
<el-breadcrumb-item>会员服务</el-breadcrumb-item> | |||
</el-breadcrumb> | |||
<el-row class="card_menu"> | |||
<el-col :span="4"> | |||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | |||
@@ -455,17 +460,6 @@ export default { | |||
} | |||
</script> | |||
<style> | |||
.menu-item { | |||
text-align: center; | |||
padding: 10px; | |||
width: 100%; | |||
} | |||
.card_menu .menu-item.active { | |||
border-left: 2px solid #427FCE; | |||
background: #eee; | |||
} | |||
.form .el-input__inner { | |||
border-radius: 0 !important; | |||
} | |||
@@ -1,5 +1,10 @@ | |||
<template> | |||
<el-main style="width: 960px;margin: 0 auto;min-height: 500px"> | |||
<el-main class="main-container"> | |||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||
<el-breadcrumb-item>通知</el-breadcrumb-item> | |||
</el-breadcrumb> | |||
<el-row class="card_menu"> | |||
<el-col :span="4"> | |||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | |||
@@ -38,13 +43,5 @@ export default { | |||
} | |||
</script> | |||
<style> | |||
.menu-item{ | |||
text-align: center; | |||
padding: 10px; | |||
width: 100%; | |||
} | |||
.card_menu .menu-item.active{ | |||
border-left: 2px solid #427FCE; | |||
background: #eee; | |||
} | |||
</style> |