瑜璟缘官网
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

247 lines
9.6 KiB

  1. <template>
  2. <div class="bgBox">
  3. <div class="Box">
  4. <div class="backImg">
  5. <div class="logoBox">
  6. <div class="logo_img">
  7. <img src="../../assets/img/logo/logo1.png" alt />
  8. </div>
  9. <div class="title_Box">
  10. <p>瑜璟缘国际文化礼仪培训</p>
  11. </div>
  12. </div>
  13. </div>
  14. <div class="nav">
  15. <el-dropdown>
  16. <span class="title" @click="goRouter('/home')">
  17. 首页
  18. </span>
  19. <el-dropdown-menu style="opacity: 0" slot="dropdown"></el-dropdown-menu>
  20. </el-dropdown>
  21. <el-dropdown>
  22. <span @click="goRouter('/attestationFingerpost?index=1')">IBIE国际测评与认证</span>
  23. <el-dropdown-menu style="opacity: 0" slot="dropdown"></el-dropdown-menu>
  24. </el-dropdown>
  25. <el-dropdown @command='goRouter'>
  26. <span @click="goRouter('/home')">企业礼仪培训<i class="el-icon-arrow-down el-icon--right"></i> </span>
  27. <el-dropdown-menu slot="dropdown">
  28. <!-- <el-dropdown-item command="/attestation">培训课程</el-dropdown-item> -->
  29. <el-dropdown-item command="/">商务礼仪</el-dropdown-item>
  30. <el-dropdown-item command="/">接待礼仪</el-dropdown-item>
  31. <el-dropdown-item command="/">服务礼仪</el-dropdown-item>
  32. <el-dropdown-item command="/">物业礼仪</el-dropdown-item>
  33. <el-dropdown-item command="/">医疗礼仪</el-dropdown-item>
  34. <el-dropdown-item command="/">医美礼仪</el-dropdown-item>
  35. <el-dropdown-item command="/">地产礼仪</el-dropdown-item>
  36. <el-dropdown-item command="/">政务礼仪</el-dropdown-item>
  37. </el-dropdown-menu>
  38. </el-dropdown>
  39. <el-dropdown @command='goRouter'>
  40. <span @click="goRouter('/course')">精品课程<i class="el-icon-arrow-down el-icon--right"></i> </span>
  41. <el-dropdown-menu slot="dropdown">
  42. <!-- <el-dropdown-item command="/teaching?tag=gjxx">国际礼仪班</el-dropdown-item>
  43. <el-dropdown-item command="/teaching?tag=swly">商务礼仪班</el-dropdown-item> -->
  44. <el-dropdown-item command="/course/detail?tag=gjxxlys">国际形象礼仪师培训</el-dropdown-item>
  45. <el-dropdown-item command="/course/detail?tag=gjxxgw">国际形象顾问培训</el-dropdown-item>
  46. <el-dropdown-item command="/course/detail?tag=gjlys">国际礼仪师培训</el-dropdown-item>
  47. <el-dropdown-item command="/course/detail?tag=cslm">城市联盟机构培训</el-dropdown-item>
  48. <el-dropdown-item command="/course/detail?tag=gjsw">国际商务礼仪精英认证(线上)</el-dropdown-item>
  49. <el-dropdown-item command="/course/detail?tag=grly">个人礼仪培训</el-dropdown-item>
  50. </el-dropdown-menu>
  51. </el-dropdown>
  52. <el-dropdown @command='goRouter'>
  53. <span @click="goRouter('')">名师授课<i class="el-icon-arrow-down el-icon--right"></i> </span>
  54. <el-dropdown-menu slot="dropdown">
  55. <el-dropdown-item command="">创始人介绍</el-dropdown-item>
  56. <el-dropdown-item command="">专家讲师介绍</el-dropdown-item>
  57. </el-dropdown-menu>
  58. </el-dropdown>
  59. <el-dropdown @command='goRouter'>
  60. <span @click="goRouter('/journalism')">新闻动态<i class="el-icon-arrow-down el-icon--right"></i> </span>
  61. <el-dropdown-menu slot="dropdown">
  62. <el-dropdown-item command="">行业新闻</el-dropdown-item>
  63. <el-dropdown-item command="">学员风采</el-dropdown-item>
  64. <el-dropdown-item command="/excellent">企业培训案例</el-dropdown-item>
  65. </el-dropdown-menu>
  66. </el-dropdown>
  67. <el-dropdown @command='goRouter'>
  68. <span @click="goRouter('')">关于我们<i class="el-icon-arrow-down el-icon--right"></i> </span>
  69. <el-dropdown-menu slot="dropdown">
  70. <el-dropdown-item command="/companySynopsis">企业简介</el-dropdown-item>
  71. <el-dropdown-item command="/invite">人才招聘</el-dropdown-item>
  72. <el-dropdown-item command="">积分查询</el-dropdown-item>
  73. <el-dropdown-item command="/my">联系我们</el-dropdown-item>
  74. </el-dropdown-menu>
  75. </el-dropdown>
  76. </div>
  77. <div class="navigation" style="display:none">
  78. <el-menu
  79. class="el-menu-demo"
  80. mode="horizontal"
  81. @select="handleSelect"
  82. background-color="rgb(102, 102, 102)"
  83. text-color="#fff"
  84. active-text-color="#ffd04b"
  85. router
  86. >
  87. <el-submenu index="1">
  88. <template slot="title" style="width: 100px;">首页</template>
  89. <el-menu-item>企业介绍</el-menu-item>
  90. <el-menu-item index="/excellent">培训案例</el-menu-item>
  91. <el-menu-item index="/partner">商务合作</el-menu-item>
  92. </el-submenu>
  93. <!-- <el-menu-item index="/home">首页</el-menu-item> -->
  94. <el-menu-item index="/journalism">新闻资讯</el-menu-item>
  95. <el-submenu index="2">
  96. <template slot="title" style="width: 100px;">课程介绍</template>
  97. <el-menu-item>国际礼仪</el-menu-item>
  98. <el-menu-item>国际形象礼仪</el-menu-item>
  99. <el-menu-item>商务礼仪</el-menu-item>
  100. <el-menu-item>服务礼仪</el-menu-item>
  101. <el-menu-item>涉外礼仪</el-menu-item>
  102. <el-menu-item>社交礼仪</el-menu-item>
  103. <el-menu-item>政务礼仪</el-menu-item>
  104. <!-- <el-menu-item index="/attestation">认证课程</el-menu-item>
  105. <el-menu-item index="/attestationFingerpost?index=1">认证指南</el-menu-item>
  106. <el-menu-item index="/certificate?bear=1">证书介绍</el-menu-item> -->
  107. </el-submenu>
  108. <el-submenu index="3">
  109. <template slot="title">讲师介绍</template>
  110. <el-menu-item index="/teaching?tag=xxly">形象礼仪讲师</el-menu-item>
  111. <el-menu-item index="/teaching?tag=cslm">城市联盟督导</el-menu-item>
  112. <el-menu-item index="/teaching?tag=gjxx">国际形象顾问</el-menu-item>
  113. <el-menu-item index="/teaching?tag=swly">商务礼仪讲师</el-menu-item>
  114. <!-- <el-menu-item index="/foreign?foreign=1">国际名师</el-menu-item>
  115. <el-menu-item index="/foreign?foreign=2">国内名师</el-menu-item>
  116. <el-menu-item index="/certificate?bear=2">获奖一览</el-menu-item> -->
  117. </el-submenu>
  118. <el-menu-item index="/attestationFingerpost?index=2">企业培训</el-menu-item>
  119. <el-menu-item index="/invite">讲师招募</el-menu-item>
  120. <el-menu-item>线上课程</el-menu-item>
  121. <!-- <el-submenu index="4">
  122. <template slot="title">企业培训</template>
  123. <el-menu-item index="/partner">合作伙伴</el-menu-item>
  124. <el-menu-item index="/excellent">优秀案例</el-menu-item>
  125. <el-menu-item index="attestationFingerpost?index=2">培训指南</el-menu-item>
  126. </el-submenu> -->
  127. <!-- <el-submenu index="5">
  128. <template slot="title">人才服务</template>
  129. <el-menu-item index="attestationFingerpost?index=3">讲师培训指南</el-menu-item>
  130. <el-menu-item index="attestationFingerpost?index=4">签约讲师指南</el-menu-item>
  131. <el-menu-item index="invite">我要应聘</el-menu-item>
  132. </el-submenu>
  133. <el-menu-item index="/my">联系我们</el-menu-item> -->
  134. </el-menu>
  135. </div>
  136. </div>
  137. </div>
  138. </template>
  139. <script>
  140. export default {
  141. data() {
  142. return {
  143. activeIndex: "1",
  144. };
  145. },
  146. methods: {
  147. handleSelect(key, keyPath) {
  148. // console.log(key, keyPath);
  149. },
  150. goRouter(url) {
  151. if(url) {
  152. this.$router.push(url);
  153. }
  154. }
  155. },
  156. };
  157. </script>
  158. <style lang="scss" scoped>
  159. .bgBox {
  160. width: 100%;
  161. background-image: url("../../assets/img/bg/2165324.png");
  162. background-attachment: fixed;
  163. background-repeat: repeat-x;
  164. background-size: 100% 160px;
  165. .nav {
  166. width: 1200px;
  167. margin: 20px auto;
  168. display: flex;
  169. height: 60px;
  170. line-height: 60px;
  171. background: #606266;
  172. .el-dropdown{
  173. flex: 1;
  174. text-align: center;
  175. color: #fff;
  176. cursor: pointer;
  177. .title{
  178. width: 100%;
  179. display: inline-block;
  180. }
  181. }
  182. }
  183. }
  184. .Box {
  185. overflow: hidden;
  186. }
  187. .backImg {
  188. height: 160px;
  189. width: 100%;
  190. .logoBox {
  191. width: 1200px;
  192. height: 160px;
  193. margin: 0 auto;
  194. // background-color: red;
  195. overflow: hidden;
  196. .logo_img {
  197. height: 130px;
  198. width: 150px;
  199. // background-color: antiquewhite;
  200. margin: 5px;
  201. float: left;
  202. img {
  203. width: 100%;
  204. height: 100%;
  205. }
  206. }
  207. .title_Box {
  208. float: left;
  209. margin-left: 100px;
  210. margin-top: 30px;
  211. p {
  212. width: 600px;
  213. font-size: 30px;
  214. margin: 20px 0;
  215. text-align: center;
  216. font-weight: bold;
  217. color: rgb(253, 236, 189);
  218. }
  219. }
  220. }
  221. }
  222. .navigation {
  223. width: 1200px;
  224. margin: 0 auto;
  225. margin-top: 20px;
  226. background-color: cornflowerblue;
  227. }
  228. .el-menu-demo {
  229. .el-menu-item {
  230. width: 14.2%;
  231. text-align: center;
  232. }
  233. }
  234. .el-submenu {
  235. text-align: center;
  236. width: 14.2%;
  237. }
  238. .el-menu--horizontal {
  239. width: 100%;
  240. }
  241. </style>