consumer模块完成度95%,安卓端大部分页面能正常获取数据,页面样式显示基本正常,逐渐完善;消费者端的积分、余额、评价、优惠券等小模块正在完善
This commit is contained in:
@@ -14,11 +14,17 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 导航栏占位符 - 已移除 -->
|
||||
<!-- <view class="navbar-placeholder" :style="{ height: (statusBarHeight + 44) + 'px' }"></view> -->
|
||||
<!-- 导航栏占位符 - 需要包含statusBarHeight + 导航栏高度44px -->
|
||||
<view class="navbar-placeholder" :style="{ height: (statusBarHeight + 44) + 'px' }"></view>
|
||||
|
||||
<!-- 购物车内容 -->
|
||||
<scroll-view scroll-y class="cart-content" :style="{ paddingTop: (statusBarHeight + 10) + 'px' }">
|
||||
<scroll-view
|
||||
:scroll-y="true"
|
||||
class="cart-content"
|
||||
:show-scrollbar="false"
|
||||
:enhanced="true"
|
||||
:bounces="true"
|
||||
>
|
||||
<!-- 空购物车 -->
|
||||
<view v-if="!loading && cartItems.length === 0" class="empty-cart">
|
||||
<text class="empty-icon">🛒</text>
|
||||
@@ -726,28 +732,28 @@ const goToCheckout = () => {
|
||||
|
||||
<style>
|
||||
.cart-page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex: 1; /* 使用 Flex 撑满 */
|
||||
height: 100%; /* 兼容性考虑,部分环境需要 */
|
||||
background-color: #f5f5f5;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden; /* 防止整页滚动 */
|
||||
}
|
||||
|
||||
/* 智能导航栏 */
|
||||
.smart-navbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
|
||||
z-index: 1000;
|
||||
box-shadow: 0 2px 12px rgba(76, 175, 80, 0.15);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.smart-navbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #4CAF50;
|
||||
z-index: 1000;
|
||||
box-shadow: 0 2px 12px rgba(76, 175, 80, 0.15);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.nav-container {
|
||||
padding: 0 16px;
|
||||
@@ -809,7 +815,9 @@ const goToCheckout = () => {
|
||||
/* 内容区 */
|
||||
.cart-content {
|
||||
flex: 1;
|
||||
height: 0; /* 配合 flex: 1 实现自适应滚动 */
|
||||
/* 必须设置 height: 0 或 overflow: hidden 可以在 flex 容器中正确收缩 */
|
||||
height: 0px;
|
||||
width: 100%;
|
||||
padding-bottom: 60px; /* 为底部结算栏留出空间 */
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user