细节优化

master
gongfuxiang 2023-10-13 20:30:10 +08:00
parent d41e812552
commit 62dc8cf8cf
6 changed files with 11 additions and 8 deletions

View File

@ -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>

View File

@ -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>

View File

@ -30,7 +30,7 @@
}
.top-nav {
position: absolute;
bottom: 24rpx;
bottom: 6rpx;
width: calc(100% - 40rpx);
/* #ifdef H5 || APP */
bottom: 6px;

View File

@ -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,

View File

@ -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

View File

@ -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 ? '搜本店' : '搜索' }}