|
@@ -2,50 +2,48 @@
|
|
|
<div>
|
|
|
<div id="index-banner">
|
|
|
<!-- 顶部导航栏 -->
|
|
|
-
|
|
|
-
|
|
|
- <!-- 分辨率大于1200页面 -->
|
|
|
- <div class="nav-lg visible-lg">
|
|
|
- <!-- <nav class="nav-padding"></nav>-->
|
|
|
- <nav class="navbar navbar-default nav-lg navbar-fixed-top visible-lg">
|
|
|
- <div class="container text-center">
|
|
|
- <!-- Brand and toggle get grouped for better mobile display -->
|
|
|
- <!-- 大屏幕下的样式 width>=1200px -->
|
|
|
- <div class="visible-lg">
|
|
|
- <!-- 菜单栏 -->
|
|
|
-
|
|
|
- <div class="col-lg-12 nav-link flex-row">
|
|
|
- <img src="./assets/image/img/logo.png" alt="" class="navbar-brand logo">
|
|
|
- <div style="min-width: 1400px;justify-content: flex-end" class="flex-row">
|
|
|
- <router-link class="navbar-brand" to="/index" tag="a" >
|
|
|
+ <!-- 分辨率大于1200页面 -->
|
|
|
+ <div class="nav-lg visible-lg">
|
|
|
+ <!-- <nav class="nav-padding"></nav>-->
|
|
|
+ <nav class="navbar navbar-default nav-lg navbar-fixed-top visible-lg">
|
|
|
+ <div class="container text-center">
|
|
|
+ <!-- Brand and toggle get grouped for better mobile display -->
|
|
|
+ <!-- 大屏幕下的样式 width>=1200px -->
|
|
|
+ <div class="visible-lg">
|
|
|
+ <!-- 菜单栏 -->
|
|
|
+
|
|
|
+ <div class="col-lg-12 nav-link flex-row">
|
|
|
+ <img src="./assets/image/img/logo.png" alt="" class="navbar-brand logo">
|
|
|
+ <div style="min-width: 1400px;justify-content: flex-end" class="flex-row">
|
|
|
+ <router-link class="navbar-brand" to="/index" tag="a">
|
|
|
<span>首</span>
|
|
|
<span>页</span>
|
|
|
</router-link>
|
|
|
- <router-link class="navbar-brand" to="/food" tag="a" >
|
|
|
+ <router-link class="navbar-brand" to="/food" tag="a">
|
|
|
|
|
|
<span>醉</span>
|
|
|
<span>面</span>
|
|
|
<span>美</span>
|
|
|
<span>食</span>
|
|
|
</router-link>
|
|
|
- <router-link class="navbar-brand" to="/news" tag="a" >
|
|
|
+ <router-link class="navbar-brand" to="/news" tag="a">
|
|
|
<span>品</span>
|
|
|
<span>牌</span>
|
|
|
<span>新</span>
|
|
|
<span>闻</span>
|
|
|
</router-link>
|
|
|
- <router-link class="navbar-brand" to="/contact" tag="a" >
|
|
|
+ <router-link class="navbar-brand" to="/contact" tag="a">
|
|
|
<span>联</span>
|
|
|
<span>系</span>
|
|
|
<span>我</span>
|
|
|
<span>们</span>
|
|
|
</router-link>
|
|
|
- <router-link class="navbar-brand" to="/recruit" tag="a" >
|
|
|
+ <router-link class="navbar-brand" to="/recruit" tag="a">
|
|
|
<span>人</span>
|
|
|
<span>才</span>
|
|
|
<span>招</span>
|
|
|
<span>聘</span>
|
|
|
- </router-link>
|
|
|
+ </router-link>
|
|
|
<span class="navbar-brand" style="margin-right: 100px">
|
|
|
|
|
|
<a :href="'tel:400-878-124'">
|
|
@@ -54,51 +52,104 @@
|
|
|
<span style="margin-left: 14px;width: 160px;text-align: center;color: #E84E47;font-size: 24px">400-878-124</span>
|
|
|
|
|
|
</span>
|
|
|
- </div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
- </nav>
|
|
|
- </div>
|
|
|
|
|
|
- </div>
|
|
|
- <router-view></router-view>
|
|
|
- <div id="index-bottom flex-column">
|
|
|
- <div class="index-bottom-top flex-row">
|
|
|
- <div class="index-bottom-top-left flex-row">
|
|
|
- <img src="../src/assets/image/img/bottom_title.png" alt="" class="bt1">
|
|
|
- <div class="bt2 flex-column">
|
|
|
- <div>联系电话:0663-1928830</div>
|
|
|
- <div style="margin-top: 40px">联系地址</div>
|
|
|
- <div style="margin-top: 10px">北京市朝阳区繁华大街3450拓基大厦1103室</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="bt3 flex-row">
|
|
|
- <router-link class="bt3-brand" to="/index" tag="a">
|
|
|
- <span>首页</span>
|
|
|
- </router-link>
|
|
|
- <router-link class="bt3-brand" to="/food" tag="a">
|
|
|
- <span>醉面美食</span>
|
|
|
- </router-link>
|
|
|
- <router-link class="bt3-brand" to="/news" tag="a">
|
|
|
- <span>品牌新闻</span>
|
|
|
- </router-link>
|
|
|
- <router-link class="bt3-brand" to="/contact" tag="a">
|
|
|
- <span>联系我们</span>
|
|
|
- </router-link>
|
|
|
- <router-link class="bt3-brand" to="/recruit" tag="a">
|
|
|
- <span>人才招聘</span>
|
|
|
- </router-link>
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
+ </nav>
|
|
|
</div>
|
|
|
- <div class="index-bottom-bottom" >
|
|
|
- <div>Copyright 醉面(中国)控股有限公司 2020 All Rights Reserved 沪ICP备15027919号</div>
|
|
|
+
|
|
|
+<!-- 页面小的时候的显示-->
|
|
|
+ <div class="nav-sm visible-sm visible-xs" >
|
|
|
+<!-- <nav class="nav-smpadding"></nav>-->
|
|
|
+ <!-- 分辨率小于990 页面-->
|
|
|
+ <nav class="nav-sm navbar-fixed-top visible-sm visible-xs">
|
|
|
+ <div class="contain text-center">
|
|
|
+ <!-- Brand and toggle get grouped for better mobile display -->
|
|
|
+ <!-- 小屏幕下的样式 width<=990px -->
|
|
|
+ <div class="nav-xsdiv">
|
|
|
+ <div class="col-lg-12 nav-link flex-row" style="height: 50px;">
|
|
|
+ <img src="./assets/image/img/logo.png" alt="" class="navbar-brand">
|
|
|
+ <div style="justify-content: flex-end" class="flex-row">
|
|
|
+ <router-link class="navbar-brand-sm" to="/index" tag="a">
|
|
|
+ <span>首</span>
|
|
|
+ <span>页</span>
|
|
|
+ </router-link>
|
|
|
+ <router-link class="navbar-brand-sm" to="/food" tag="a" style="margin-left: 10px">
|
|
|
+ <span>美</span>
|
|
|
+ <span>食</span>
|
|
|
+ </router-link>
|
|
|
+ <router-link class="navbar-brand-sm" to="/news" tag="a" style="margin-left: 10px">
|
|
|
+ <span>新</span>
|
|
|
+ <span>闻</span>
|
|
|
+ </router-link>
|
|
|
+ <router-link class="navbar-brand-sm" to="/contact" tag="a" style="margin-left: 10px">
|
|
|
+ <span>联</span>
|
|
|
+ <span>系</span>
|
|
|
+ </router-link>
|
|
|
+ <router-link class="navbar-brand-sm" to="/recruit" tag="a" style="margin-left: 10px;margin-right: 20px">
|
|
|
+ <span>招</span>
|
|
|
+ <span>聘</span>
|
|
|
+ </router-link>
|
|
|
+ <span class="navbar-brand-sm" style="margin-left: 10px">
|
|
|
+
|
|
|
+ <a :href="'tel:400-878-124'">
|
|
|
+ <img src="./assets/image/img/tel.png" alt style="height: 20px;width: 20px"/>
|
|
|
+ </a>
|
|
|
+<!-- <span style="width: 60px;text-align: center;color: #E84E47;font-size: 8px">400-878-124</span>-->
|
|
|
+
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </nav>
|
|
|
</div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
+
|
|
|
+
|
|
|
+ <router-view></router-view>
|
|
|
+ <!-- <div id="index-bottom flex-column">-->
|
|
|
+ <!-- <div class="index-bottom-top flex-row">-->
|
|
|
+ <!-- <div class="index-bottom-top-left flex-row">-->
|
|
|
+ <!-- <img src="../src/assets/image/img/bottom_title.png" alt="" class="bt1">-->
|
|
|
+ <!-- <div class="bt2 flex-column">-->
|
|
|
+ <!-- <div>联系电话:0663-1928830</div>-->
|
|
|
+ <!-- <div style="margin-top: 40px">联系地址</div>-->
|
|
|
+ <!-- <div style="margin-top: 10px">北京市朝阳区繁华大街3450拓基大厦1103室</div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="bt3 flex-row">-->
|
|
|
+ <!-- <router-link class="bt3-brand" to="/index" tag="a">-->
|
|
|
+ <!-- <span>首页</span>-->
|
|
|
+ <!-- </router-link>-->
|
|
|
+ <!-- <router-link class="bt3-brand" to="/food" tag="a">-->
|
|
|
+ <!-- <span>醉面美食</span>-->
|
|
|
+ <!-- </router-link>-->
|
|
|
+ <!-- <router-link class="bt3-brand" to="/news" tag="a">-->
|
|
|
+ <!-- <span>品牌新闻</span>-->
|
|
|
+ <!-- </router-link>-->
|
|
|
+ <!-- <router-link class="bt3-brand" to="/contact" tag="a">-->
|
|
|
+ <!-- <span>联系我们</span>-->
|
|
|
+ <!-- </router-link>-->
|
|
|
+ <!-- <router-link class="bt3-brand" to="/recruit" tag="a">-->
|
|
|
+ <!-- <span>人才招聘</span>-->
|
|
|
+ <!-- </router-link>-->
|
|
|
+
|
|
|
+ <!-- </div>-->
|
|
|
+
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="index-bottom-bottom" >-->
|
|
|
+ <!-- <div>Copyright 醉面(中国)控股有限公司 2020 All Rights Reserved 沪ICP备15027919号</div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </div>-->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -111,7 +162,7 @@ import './assets/css/common.scss'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- index:1
|
|
|
+ index: 1
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -126,7 +177,7 @@ export default {
|
|
|
// window.removeEventListener('scroll', this.btn_pos)
|
|
|
},
|
|
|
methods: {
|
|
|
- choose(index){
|
|
|
+ choose(index) {
|
|
|
this.index = index;
|
|
|
}
|
|
|
},
|
|
@@ -137,4 +188,15 @@ export default {
|
|
|
|
|
|
|
|
|
<style lang="scss" scope>
|
|
|
+
|
|
|
+ .nav-sm{
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ border-radius: 0;
|
|
|
+ height: 50px;
|
|
|
+ border: 0;
|
|
|
+ color: #303030;
|
|
|
+}
|
|
|
+ a{
|
|
|
+ color: #303030;
|
|
|
+ }
|
|
|
</style>
|