init

src/index.less

@@ -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;
 }

src/view/about-detail.vue

@@ -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>

src/view/about-detail2.vue

@@ -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>

src/view/about.vue

@@ -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>

src/view/connect.vue

@@ -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>

src/view/exchange.vue

@@ -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'}">

src/view/main/main.vue

@@ -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>

src/view/overview.vue

@@ -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">

src/view/vip-apply.vue

@@ -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;
 }

src/view/vip.vue

@@ -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>