consumer模块完成度95%,完成部署消费者端(外网可访问consumer.meitizs.com),消费者小程序能正常运行在微信开发者工具上

This commit is contained in:
cyh666666
2026-03-05 16:54:00 +08:00
parent 7f7f723d93
commit 3b0e397714
728 changed files with 1495 additions and 985 deletions

View File

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