|
|
@@ -1,93 +1,46 @@
|
|
|
<template>
|
|
|
- <div style="background: #f0f7ff">
|
|
|
- <div>
|
|
|
- <el-row type="flex" align="middle">
|
|
|
- <el-col :span="3"> </el-col>
|
|
|
- <el-col :span="5">
|
|
|
- <img src="@/assets/images/new_text_log.png" />
|
|
|
- </el-col>
|
|
|
- <el-col :span="11">
|
|
|
- <el-row>
|
|
|
- <el-col :span="4">
|
|
|
- <el-dropdown>
|
|
|
- <span class="dropdown-link-text"
|
|
|
- >行业解决方案
|
|
|
- <i
|
|
|
- style="font-size: 15px"
|
|
|
- class="el-icon-arrow-down el-icon--right"
|
|
|
- ></i
|
|
|
- ></span>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item>方案1</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-dropdown>
|
|
|
- <span class="dropdown-link-text"
|
|
|
- >标杆案例
|
|
|
- <i
|
|
|
- style="font-size: 15px"
|
|
|
- class="el-icon-arrow-down el-icon--right"
|
|
|
- ></i
|
|
|
- ></span>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item>案例1</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-dropdown>
|
|
|
- <span class="dropdown-link-text"
|
|
|
- >服务支持
|
|
|
- <i
|
|
|
- style="font-size: 15px"
|
|
|
- class="el-icon-arrow-down el-icon--right"
|
|
|
- ></i
|
|
|
- ></span>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item>官网</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <el-dropdown>
|
|
|
- <span class="dropdown-link-text"
|
|
|
- >关于会助理
|
|
|
- <i
|
|
|
- style="font-size: 15px"
|
|
|
- class="el-icon-arrow-down el-icon--right"
|
|
|
- ></i
|
|
|
- ></span>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item>会助理小程序</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="5">
|
|
|
- <div style="font-size: 20px">
|
|
|
- <span style="margin-right: 20px"
|
|
|
- ><i class="el-icon-phone-outline"></i> 0513-88888888</span
|
|
|
- >
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- style="font-size: 20px; width: 140px; height: 60px"
|
|
|
- @click="toRegister()"
|
|
|
- v-if="methodType === 1"
|
|
|
- >注册</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- style="font-size: 20px; width: 140px; height: 60px"
|
|
|
- @click="toLogin()"
|
|
|
- v-if="methodType === 2"
|
|
|
- >登录</el-button
|
|
|
- >
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <div class="topMenu">
|
|
|
+ <div class="topLogo">
|
|
|
+ <img
|
|
|
+ src="@/assets/images/new_text_log.png"
|
|
|
+ style="width: 100; height: 100%"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="menuSty">
|
|
|
+ <el-dropdown
|
|
|
+ v-for="item in menuList"
|
|
|
+ :key="item"
|
|
|
+ style="margin-left: 25px"
|
|
|
+ >
|
|
|
+ <span class="el-dropdown-link">
|
|
|
+ {{ item.menuName }}<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
+ </span>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item v-for="it in item.childMenu" :key="it">{{
|
|
|
+ it.cName
|
|
|
+ }}</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ </div>
|
|
|
+ <div class="topBtn">
|
|
|
+ <span class="mobileSty">
|
|
|
+ <i class="el-icon-phone-outline"></i>
|
|
|
+ 0513-88888888
|
|
|
+ </span>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="btnSty"
|
|
|
+ @click="toRegister()"
|
|
|
+ v-if="methodType === 1"
|
|
|
+ >注册</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="btnSty"
|
|
|
+ @click="toLogin()"
|
|
|
+ v-if="methodType === 2"
|
|
|
+ >登录</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -102,7 +55,34 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
data() {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ menuList: [
|
|
|
+ {
|
|
|
+ menuName: "行业解决方案",
|
|
|
+ childMenu: [
|
|
|
+ { cName: "行业解决方案1" },
|
|
|
+ { cName: "行业解决方案2" },
|
|
|
+ { cName: "行业解决方案3" },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ menuName: "行业标杆",
|
|
|
+ childMenu: [
|
|
|
+ { cName: "行业标杆1" },
|
|
|
+ { cName: "行业标杆2" },
|
|
|
+ { cName: "行业标杆3" },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ menuName: "服务支持",
|
|
|
+ childMenu: [{ cName: "服务支持" }],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ menuName: "关于会助理",
|
|
|
+ childMenu: [{ cName: "关于会助理" }],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ };
|
|
|
},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
@@ -123,8 +103,62 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+.menuSty {
|
|
|
+ float: left;
|
|
|
+ width: 40%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.mobileSty {
|
|
|
+ font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 18px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+}
|
|
|
+.btnSty {
|
|
|
+ font-size: 20px;
|
|
|
+ width: 102px;
|
|
|
+ height: 50px;
|
|
|
+ margin-left: 3%;
|
|
|
+}
|
|
|
+.topBtn {
|
|
|
+ float: left;
|
|
|
+ width: 28%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.topLogo {
|
|
|
+ float: left;
|
|
|
+ width: 20%;
|
|
|
+ height: 100%;
|
|
|
+ margin-left: 12%;
|
|
|
+}
|
|
|
+.topMenu {
|
|
|
+ background: #f0f7ff;
|
|
|
+ height: 8vh;
|
|
|
+}
|
|
|
.dropdown-link-text {
|
|
|
font-size: 20px;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
+.el-dropdown-link {
|
|
|
+ cursor: pointer;
|
|
|
+ font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 18px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+}
|
|
|
+.el-icon-arrow-down {
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
</style>
|
