|
|
@@ -3,13 +3,52 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24" class="main">
|
|
|
<el-col :span="24" class="one">
|
|
|
- 第一部分
|
|
|
+ <div class="w_1200">
|
|
|
+ <el-col :span="20" class="left">
|
|
|
+ <el-col :span="3" class="image">
|
|
|
+ <el-image :src="jszxUrl"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="21" class="text">
|
|
|
+ <p>环南湖科创先导区双创服务平台</p>
|
|
|
+ <p>Innovation and entrepreneurship service platform of Nanhu Science and technology innovation pilot zone</p>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="right">
|
|
|
+ <el-col :span="24" class="phone"><i class="el-icon-phone-outline"></i>服务热线:<span>0431-12345678</span></el-col>
|
|
|
+ <el-col :span="24" class="btn">
|
|
|
+ <el-button type="primary" size="mini">管理登录</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="tow">
|
|
|
- 第二
|
|
|
+ <el-col :span="24" class="two">
|
|
|
+ <div class="w_1200">
|
|
|
+ <el-col :span="24" class="menuInfo">
|
|
|
+ <ul>
|
|
|
+ <li :class="isTab('news') ? 'active' : ''">
|
|
|
+ <a @click="turnTo('news')" target="">新闻资讯</a>
|
|
|
+ </li>
|
|
|
+ <li :class="isTab('service') ? 'active' : ''">
|
|
|
+ <a @click="turnTo('service')" target="">科技服务</a>
|
|
|
+ </li>
|
|
|
+ <li :class="isTab('market') ? 'active' : ''">
|
|
|
+ <a @click="turnTo('market')" target="">技术超市</a>
|
|
|
+ </li>
|
|
|
+ <li :class="isTab('train') ? 'active' : ''">
|
|
|
+ <a @click="turnTo('train')" target="">宣传培训</a>
|
|
|
+ </li>
|
|
|
+ <li :class="isTab('dynamic') ? 'active' : ''">
|
|
|
+ <a @click="turnTo('dynamic')" target="">数据动态</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="thr">
|
|
|
<el-image :src="beijing"></el-image>
|
|
|
+ <el-col :span="24" class="title">
|
|
|
+ <div class="w_1200">环南湖科创先导区双创服务平台-{{ $route.meta.title }}</div>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -25,10 +64,19 @@ export default {
|
|
|
data: function() {
|
|
|
return {
|
|
|
beijing: require('@a/beijing.png'),
|
|
|
+ jszxUrl: require('@a/jszx.png'),
|
|
|
};
|
|
|
},
|
|
|
created() {},
|
|
|
- methods: {},
|
|
|
+ methods: {
|
|
|
+ turnTo(type) {
|
|
|
+ this.$router.push({ path: `/${type}/index` });
|
|
|
+ },
|
|
|
+ // 选中
|
|
|
+ isTab(type) {
|
|
|
+ return this.$route.path.includes(`/${type}`);
|
|
|
+ },
|
|
|
+ },
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
},
|
|
|
@@ -45,4 +93,97 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
+<style lang="less" scoped>
|
|
|
+.main {
|
|
|
+ .one {
|
|
|
+ height: 130px;
|
|
|
+ .left {
|
|
|
+ .image {
|
|
|
+ text-align: center;
|
|
|
+ padding: 13px 0;
|
|
|
+ /deep/.el-image__inner {
|
|
|
+ width: 90px;
|
|
|
+ height: 90px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .text {
|
|
|
+ padding: 25px 0;
|
|
|
+ p:nth-child(1) {
|
|
|
+ font-size: 35px;
|
|
|
+ font-family: cursive;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ p:nth-child(2) {
|
|
|
+ font-size: 15px;
|
|
|
+ text-transform: capitalize;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .right {
|
|
|
+ text-align: center;
|
|
|
+ padding: 39px 0;
|
|
|
+ .phone {
|
|
|
+ font-size: 15px;
|
|
|
+ margin: 0 0 5px 0;
|
|
|
+ font-weight: bold;
|
|
|
+ span {
|
|
|
+ color: #ff0000;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .two {
|
|
|
+ background: #0085d2;
|
|
|
+ .menuInfo {
|
|
|
+ height: 50px;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #0085d2;
|
|
|
+ ul {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ li {
|
|
|
+ float: left;
|
|
|
+ width: 239px;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ list-style: none;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 20px;
|
|
|
+ border-right: 1px solid #f1f1f1;
|
|
|
+ color: #fff;
|
|
|
+ a {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ li:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ background-color: #fe950e;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ul .active {
|
|
|
+ background-color: #fe950e;
|
|
|
+ }
|
|
|
+ ul li:last-child {
|
|
|
+ width: 240px;
|
|
|
+ border-right: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .thr {
|
|
|
+ position: relative;
|
|
|
+ .title {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ top: 40%;
|
|
|
+ font-size: 50px;
|
|
|
+ font-family: cursive;
|
|
|
+ -webkit-text-stroke: 1px #fe950e;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
