consumer模块完成度95%,完成部署消费者端(外网可访问consumer.meitizs.com),消费者小程序能正常运行在微信开发者工具上
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<!-- 结算页面 -->
|
||||
<template>
|
||||
<view class="checkout-page">
|
||||
<scroll-view class="checkout-content" scroll-y>
|
||||
<scroll-view class="checkout-content" direction="vertical">
|
||||
<!-- 收货地址 -->
|
||||
<view class="address-section" @click="selectAddress">
|
||||
<view v-if="selectedAddress" class="address-info">
|
||||
@@ -137,7 +137,7 @@
|
||||
<text class="popup-close" @click="showAddressPopup = false">×</text>
|
||||
</view>
|
||||
|
||||
<scroll-view class="address-list-container" scroll-y="true" :scroll-with-animation="true">
|
||||
<scroll-view class="address-list-container" direction="vertical" :scroll-with-animation="true">
|
||||
<!-- 登录提示 -->
|
||||
<view v-if="isLoggedIn == false" class="login-prompt" @click="goToLogin">
|
||||
<text class="login-prompt-icon">🔒</text>
|
||||
@@ -215,7 +215,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<scroll-view class="form-content" scroll-y="true">
|
||||
<scroll-view class="form-content" direction="vertical">
|
||||
<view class="form-section">
|
||||
<view class="form-item">
|
||||
<text class="form-label">收货人</text>
|
||||
@@ -1422,14 +1422,20 @@ const goToLogin = () => {
|
||||
.checkout-page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1; /* replace height: 100vh */
|
||||
background-color: #f5f5f5;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #f5f5f5;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* 顶部栏 */
|
||||
.checkout-header {
|
||||
background-color: #ffffff;
|
||||
padding: 15px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.header-title {
|
||||
@@ -1441,6 +1447,9 @@ const goToLogin = () => {
|
||||
|
||||
.checkout-content {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
min-height: 0;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.address-section {
|
||||
@@ -1524,6 +1533,7 @@ const goToLogin = () => {
|
||||
.address-popup {
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
height: 60vh; /* 显式高度保证内部 scroll-view direction="vertical" 生效 */
|
||||
border-radius: 20px 20px 0 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -1619,13 +1629,13 @@ const goToLogin = () => {
|
||||
background-color: #f8f8f8;
|
||||
width: 92%;
|
||||
max-width: 500px;
|
||||
height: 85vh;
|
||||
height: 600px; /* 改用具体的像素高度,Android 端的 scroll-view 计算更稳健 */
|
||||
border-radius: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 10000;
|
||||
z-index: 10001;
|
||||
}
|
||||
|
||||
.form-header {
|
||||
@@ -1646,24 +1656,14 @@ const goToLogin = () => {
|
||||
|
||||
.form-content {
|
||||
flex: 1;
|
||||
height: 100px; /* 进一步减小初始高度,确保安卓端 flex:1 接管 */
|
||||
min-height: 0;
|
||||
width: 100%;
|
||||
/* 在 Android 下,scroll-view 如果不给明确的高度且处于 flex 容器,必须通过 flex-grow 撑开 */
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
background-color: #ffffff;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.address-form-popup {
|
||||
background-color: #f8f8f8;
|
||||
width: 92%;
|
||||
max-width: 500px;
|
||||
height: 80vh; /* 稍微压低高度确保不在边缘产生冲突 */
|
||||
border-radius: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 10001;
|
||||
}
|
||||
|
||||
.form-section {
|
||||
background-color: #ffffff;
|
||||
border-radius: 12px;
|
||||
|
||||
Reference in New Issue
Block a user