|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
+ <div class="mobile-nav">
|
|
|
<div class="mobile-modal" v-if="showStoreInfo || showShare">
|
|
|
<div class="mobile-modal-box" v-if="showStoreInfo">
|
|
|
<div class="mobile-modal-header">联系方式<i @click="showStoreInfo = false" class="icon-guanbi iconfont"></i></div>
|
|
|
@@ -54,12 +54,12 @@
|
|
|
<div class="cancel-share" @click="showShare=false">取消</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="mobile-header">
|
|
|
- <a class="iconfont icon-fanhui" @click="goLastPage">返回</a>
|
|
|
+ <div class="mobile-header" v-if="showHeader">
|
|
|
+ <!--<a class="iconfont icon-fanhui" @click="goLastPage">返回</a>-->
|
|
|
<p>{{title}}</p>
|
|
|
- <i v-show="rightIcon=='share'" class="iconfont icon-fenxiang" @click="showShare = true"></i>
|
|
|
- <i v-show="rightIcon=='phone'" class="iconfont icon-dianhua" @click="showLink"></i>
|
|
|
</div>
|
|
|
+ <i v-show="rightIcon=='share'" class="iconfont icon-fenxiang" @click="showShare = true"></i>
|
|
|
+ <i v-show="rightIcon=='phone'" class="iconfont icon-dianhua" @click="showLink"></i>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -87,6 +87,9 @@
|
|
|
},
|
|
|
component () {
|
|
|
return this.$store.state.componentDetail.detail.data
|
|
|
+ },
|
|
|
+ showHeader () {
|
|
|
+ return this.$route.path !== '/'
|
|
|
}
|
|
|
},
|
|
|
mounted () {
|
|
|
@@ -191,11 +194,11 @@
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
@import '~assets/scss/mobileCommon';
|
|
|
+ .mobile-nav {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
.mobile-header{
|
|
|
width:100%;
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- z-index:10000;
|
|
|
height:.88rem;
|
|
|
display:flex;
|
|
|
justify-content:space-around;
|
|
|
@@ -215,8 +218,19 @@
|
|
|
font-size:.28rem;
|
|
|
color:#fff;
|
|
|
}
|
|
|
- .mobile-header i{
|
|
|
- font-size:.4rem;
|
|
|
+ .mobile-nav >i{
|
|
|
+ font-size: .4rem;
|
|
|
+ position: fixed;
|
|
|
+ right: .25rem;
|
|
|
+ top: .25rem;
|
|
|
+ z-index: 300;
|
|
|
+ color: #fff;
|
|
|
+ background: rgba( 0, 0, 0, .251 );
|
|
|
+ width: .8rem;
|
|
|
+ height: .8rem;
|
|
|
+ line-height: .8rem;
|
|
|
+ border-radius: 100%;
|
|
|
+ padding-left: .2rem;
|
|
|
}
|
|
|
.hide {
|
|
|
display: none;
|