细节优化
parent
d41e812552
commit
62dc8cf8cf
|
|
@ -3,7 +3,7 @@
|
|||
<view class="pa-w" :class="(propFixed ? 'pf z-i left-0 top-0 right-0' : '') + ' ' + propClass" :style="'padding-top:' + (status_bar_height > 0 ? status_bar_height + 5 : 0) + 'px;background-color:rgba(255,255,255,' + opacity + ');' + propStyle">
|
||||
<!-- 返回 -->
|
||||
<!-- #ifdef MP-WEIXIN || MP-QQ || MP-KUAISHOU || H5 || APP -->
|
||||
<view v-if="is_realstore_top_nav_back == 1" class="nav-back padding-horizontal-main round va-m flex-row align-c" :class="(opacity > 0.3 ? 'cr-black ' : 'cr-white ') + (status_bar_height > 0 ? 'padding-bottom-sm' : 'padding-vertical-main')">
|
||||
<view v-if="is_realstore_top_nav_back == 1" class="nav-back padding-horizontal-main round va-m flex-row align-c" :class="(opacity > 0.3 ? 'cr-black ' : 'cr-white ') + (status_bar_height > 0 ? '' : 'padding-vertical-main')">
|
||||
<view v-if="propName" class="text-size tc pa left-0 right-0 padding-top-xs" :style="propNameOpacity ? (opacity ? 'color:rgba(51,51,51,' + opacity + ')' : '') : ''">{{ propName }}</view>
|
||||
<iconfont name="icon-tongyong-fanhui" size="40rpx" @tap="top_nav_left_back_event" class="pr top-xs z-i" :color="propColor"></iconfont>
|
||||
<slot name="right"></slot>
|
||||
|
|
@ -85,6 +85,9 @@
|
|||
|
||||
<style scoped>
|
||||
.nav-back {
|
||||
height: 58rpx;
|
||||
height: 30px;
|
||||
/* #ifdef MP */
|
||||
padding-bottom: 10px !important;
|
||||
/* #endif */
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
// 设置样式
|
||||
this.nav_style = 'opacity:'+opacity+';';
|
||||
// #ifdef MP
|
||||
this.nav_style += 'height:'+(this.propHeight+this.statusbar_height)+'rpx;';
|
||||
this.nav_style += 'height:'+(this.propHeight+this.statusbar_height)+'px;';
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
this.nav_style += 'height:44px;';
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
},
|
||||
mounted() {
|
||||
// 获取系统状态栏高度
|
||||
this.statusbar_height = app.globalData.px_to_rpx(app.globalData.get_system_info('statusBarHeight', 0));
|
||||
this.statusbar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0, true));
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
}
|
||||
.top-nav {
|
||||
position: absolute;
|
||||
bottom: 24rpx;
|
||||
bottom: 6rpx;
|
||||
width: calc(100% - 40rpx);
|
||||
/* #ifdef H5 || APP */
|
||||
bottom: 6px;
|
||||
|
|
|
|||
|
|
@ -695,7 +695,7 @@ export default {
|
|||
top_nav_more_top_value: 50,
|
||||
top_nav_right_icon_left_value: win_width <= 800 ? win_width - 40 : win_width - (win_width - 800) / 2 - 40,
|
||||
// #endif
|
||||
top_nav_height: 50,
|
||||
top_nav_height: 23,
|
||||
top_nav_title_index: 0,
|
||||
top_nav_title_scroll: true,
|
||||
top_nav_title_timer: null,
|
||||
|
|
|
|||
|
|
@ -341,7 +341,7 @@
|
|||
top_content_bg_color: 'background:linear-gradient(180deg, ' + theme_color + ' 0%, #f5f5f5 80%)',
|
||||
top_content_search_bg_color: 'background:linear-gradient(180deg, ' + theme_color + ' 0%, #f5f5f5 460%)',
|
||||
top_content_search_content_style: 'background-image: url("' + static_url + 'nav-top.png");',
|
||||
top_content_style: 'padding-top:' + (bar_height + 7) + 'px;',
|
||||
top_content_style: 'padding-top:' + (bar_height + 6) + 'px;',
|
||||
// #ifdef H5 || MP-TOUTIAO || APP
|
||||
top_content_style: 'padding-top:' + (bar_height + 10) + 'px;',
|
||||
// #endif
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<view class="search flex-row jc-sb align-c round border-color-main bg-white">
|
||||
<view class="flex-row align-c flex-1 wh-auto padding-left-main">
|
||||
<iconfont name="icon-index-search" size="28rpx" color="#ccc"></iconfont>
|
||||
<input class="text-size-md flex-1 wh-auto padding-left-sm" type="done" placeholder="请输入您搜索的商品关键字" :value="search_keywords_value || ''" placeholder-class="cr-grey-c" @input="search_keywords_event" />
|
||||
<input class="text-size-md flex-1 wh-auto padding-left-sm" type="done" placeholder="请输入商品关键字" :value="search_keywords_value || ''" placeholder-class="cr-grey-c" @input="search_keywords_event" />
|
||||
</view>
|
||||
<button class="bg-main br-main cr-white round text-size-xs" type="default" size="mini" hover-class="none" @tap="search_button_event" :data-value="'/pages/plugins/shop/search/search?shop_id=' + shop.id + '&'">
|
||||
{{ is_shop_search_all_search_button == 1 ? '搜本店' : '搜索' }}
|
||||
|
|
|
|||
Loading…
Reference in New Issue