From b8b6c5a75fb7a4d7478bd333a15126b96b002f67 Mon Sep 17 00:00:00 2001
From: mayiming <1627832236@qq.com>
Date: Tue, 23 Sep 2025 19:10:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9home?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 miniprogram/env.js               |   7 -
 miniprogram/env.ts               |  23 +++
 miniprogram/pages/home/home.wxml | 251 +++++++++++++++++++------------
 miniprogram/pages/home/home.wxss |  40 ++---
 tsconfig.json                    |   3 +-
 5 files changed, 197 insertions(+), 127 deletions(-)
 delete mode 100644 miniprogram/env.js
 create mode 100644 miniprogram/env.ts

diff --git a/miniprogram/env.js b/miniprogram/env.js
deleted file mode 100644
index 074d4dd..0000000
--- a/miniprogram/env.js
+++ /dev/null
@@ -1,7 +0,0 @@
-const env = wx.getAccountInfoSync().miniProgram.envVersion; // 获取当前环境（develop/trial/release）
-const config = {
-  develop: { apiBaseUrl: 'http://localhost:9096' }, // 开发环境（本地调试）
-  trial: { apiBaseUrl: 'https://test-api.example.com' }, // 体验版（测试环境）
-  release: { apiBaseUrl: 'https://api.example.com' } // 正式版（生产环境）
-};
-export default config[env];
\ No newline at end of file
diff --git a/miniprogram/env.ts b/miniprogram/env.ts
new file mode 100644
index 0000000..d8ff817
--- /dev/null
+++ b/miniprogram/env.ts
@@ -0,0 +1,23 @@
+// 环境类型定义
+type EnvVersion = 'develop' | 'trial' | 'release';
+
+// 配置类型定义
+interface EnvConfig {
+  apiBaseUrl: string;
+}
+
+// 获取当前环境
+const accountInfo = wx.getAccountInfoSync();
+const env = accountInfo.miniProgram.envVersion as EnvVersion;
+
+// 环境配置映射
+const config: Record<EnvVersion, EnvConfig> = {
+  develop: { apiBaseUrl: 'http://localhost:9096' },
+  trial: { apiBaseUrl: 'https://test-api.example.com' },
+  release: { apiBaseUrl: 'https://api.example.com' }
+};
+
+// 处理未知环境（兜底方案）
+const envConfig = config[env] || config.develop;
+
+export default envConfig;
diff --git a/miniprogram/pages/home/home.wxml b/miniprogram/pages/home/home.wxml
index f155a51..2b628e2 100644
--- a/miniprogram/pages/home/home.wxml
+++ b/miniprogram/pages/home/home.wxml
@@ -1,112 +1,177 @@
-<view class="search-bar">
-    <view class="search-input">
-      <icon type="search" size="16" color="#999"></icon>
-      <input placeholder="搜索聊天记录" placeholder-class="placeholder-style"/>
-    </view>
-  </view>
-<view style="width: 100vw;display: flex;justify-content: center;">
-
-  <view class="voting-card">
-    <!-- 卡片头部 -->
-    <view class="card-header">
-      <view class="user-info">
-        <image src="https://picsum.photos/id/64/200/200" mode="widthFix" class="avatar" alt="发起者头像"></image>
-        <view class="user-details">
-          <text class="username">张小萌</text>
-          <text class="user-status">需要你的帮助</text>
+<view style="height: 80vh;">
+<scroll-view 
+  class="scroll-container" 
+  scroll-y="true"  
+  enable-flex="true"
+  show-scrollbar="true"
+  enhanced="true"
+  scroll-with-animation="true"
+>
+  <!-- 卡片容器，使用纵向布局 -->
+  <view class="cards-container">
+    <!-- 第一个卡片 -->
+    <view class="voting-card">
+      <!-- 卡片内容保持不变 -->
+      <view class="card-header">
+        <view class="user-info">
+          <image src="https://picsum.photos/id/64/200/200" mode="widthFix" class="avatar" alt="发起者头像"></image>
+          <view class="user-details">
+            <text class="username">张小萌</text>
+            <text class="user-status">需要你的帮助</text>
+          </view>
         </view>
+        <view class="vote-status">进行中</view>
       </view>
-      <view class="vote-status">进行中</view>
-    </view>
-    
-    <view class="divider"></view>
-    
-    <view class="vote-title-section">
-      <text class="vote-title">午餐该选哪个？好纠结啊！</text>
-      <text class="vote-desc">大家帮我投个票吧，选择困难症又犯了...</text>
-    </view>
-    
-    <!-- 选项区域 -->
-    <view class="options-container">
-      <!-- 选项1 -->
-      <view class="option-item {{selectedOption === '1' ? 'selected' : ''}}" bindtap="selectOption" data-id="1">
-        <view class="option-info">
-          <view class="option-icon bg-red">
-            <text class="iconfont icon-cutlery"></text>
+      
+      <view class="divider"></view>
+      
+      <view class="vote-title-section">
+        <text class="vote-title">午餐该选哪个？好纠结啊！</text>
+        <text class="vote-desc">大家帮我投个票吧，选择困难症又犯了...</text>
+      </view>
+      
+      <!-- 选项区域 -->
+      <view class="options-container">
+        <!-- 选项1 -->
+        <view class="option-item {{selectedOption1 === '1' ? 'selected' : ''}}" bindtap="selectOption" data-id="1" data-card="1">
+          <view class="option-info">
+            <view class="option-icon bg-red">
+              <text class="iconfont icon-cutlery"></text>
+            </view>
+            <view class="option-details">
+              <text class="option-name">麻辣烫</text>
+              <text class="option-desc">鲜香麻辣，越吃越开胃</text>
+            </view>
           </view>
-          <view class="option-details">
-            <text class="option-name">麻辣烫</text>
-            <text class="option-desc">鲜香麻辣，越吃越开胃</text>
+          <text class="option-percent">42%</text>
+          
+          <view class="progress-bar">
+            <view class="progress-value" style="width: 42%"></view>
+          </view>
+          
+          <view class="vote-indicator {{selectedOption1 === '1' ? 'show' : ''}}">
+            <text class="iconfont icon-check-circle"></text>
           </view>
         </view>
-        <text class="option-percent">42%</text>
         
-        <view class="progress-bar">
-          <view class="progress-value" style="width: 42%"></view>
+        <!-- 选项2 -->
+        <view class="option-item {{selectedOption1 === '2' ? 'selected' : ''}}" bindtap="selectOption" data-id="2" data-card="1">
+          <view class="option-info">
+            <view class="option-icon bg-yellow">
+              <text class="iconfont icon-coffee"></text>
+            </view>
+            <view class="option-details">
+              <text class="option-name">汉堡套餐</text>
+              <text class="option-desc">快捷方便，配冰可乐</text>
+            </view>
+          </view>
+          <text class="option-percent">28%</text>
+          
+          <view class="progress-bar">
+            <view class="progress-value" style="width: 28%"></view>
+          </view>
+          
+          <view class="vote-indicator {{selectedOption1 === '2' ? 'show' : ''}}">
+            <text class="iconfont icon-check-circle"></text>
+          </view>
         </view>
         
-        <view class="vote-indicator {{selectedOption === '1' ? 'show' : ''}}">
-          <text class="iconfont icon-check-circle"></text>
+        <!-- 选项3 -->
+        <view class="option-item {{selectedOption1 === '3' ? 'selected' : ''}}" bindtap="selectOption" data-id="3" data-card="1">
+          <view class="option-info">
+            <view class="option-icon bg-green">
+              <text class="iconfont icon-leaf"></text>
+            </view>
+            <view class="option-details">
+              <text class="option-name">沙拉轻食</text>
+              <text class="option-desc">健康低卡，适合减脂</text>
+            </view>
+          </view>
+          <text class="option-percent">30%</text>
+          
+          <view class="progress-bar">
+            <view class="progress-value" style="width: 30%"></view>
+          </view>
+          
+          <view class="vote-indicator {{selectedOption1 === '3' ? 'show' : ''}}">
+            <text class="iconfont icon-check-circle"></text>
+          </view>
         </view>
       </view>
       
-      <!-- 选项2 -->
-      <view class="option-item {{selectedOption === '2' ? 'selected' : ''}}" bindtap="selectOption" data-id="2">
-        <view class="option-info">
-          <view class="option-icon bg-yellow">
-            <text class="iconfont icon-coffee"></text>
-          </view>
-          <view class="option-details">
-            <text class="option-name">汉堡套餐</text>
-            <text class="option-desc">快捷方便，配冰可乐</text>
-          </view>
-        </view>
-        <text class="option-percent">28%</text>
-        
-        <view class="progress-bar">
-          <view class="progress-value" style="width: 28%"></view>
-        </view>
-        
-        <view class="vote-indicator {{selectedOption === '2' ? 'show' : ''}}">
-          <text class="iconfont icon-check-circle"></text>
-        </view>
+      <view class="vote-stats">
+        <text class="stats-text">已有 126 人参与投票</text>
+        <text class="stats-text">剩余 23 小时结束</text>
       </view>
       
-      <!-- 选项3 -->
-      <view class="option-item {{selectedOption === '3' ? 'selected' : ''}}" bindtap="selectOption" data-id="3">
-        <view class="option-info">
-          <view class="option-icon bg-green">
-            <text class="iconfont icon-leaf"></text>
-          </view>
-          <view class="option-details">
-            <text class="option-name">沙拉轻食</text>
-            <text class="option-desc">健康低卡，适合减脂</text>
+      <!-- 投票按钮 -->
+      <button class="vote-btn" bindtap="submitVote" data-card="1">
+        <text class="iconfont icon-thumbs-up"></text>
+        <text class="btn-text">投我一票</text>
+      </button>
+    </view>
+
+    <!-- 第二个卡片 -->
+    <view class="voting-card">
+      <!-- 卡片内容保持不变 -->
+      <view class="card-header">
+        <view class="user-info">
+          <image src="https://picsum.photos/id/91/200/200" mode="widthFix" class="avatar" alt="发起者头像"></image>
+          <view class="user-details">
+            <text class="username">李小强</text>
+            <text class="user-status">团队活动投票</text>
           </view>
         </view>
-        <text class="option-percent">30%</text>
-        
-        <view class="progress-bar">
-          <view class="progress-value" style="width: 30%"></view>
-        </view>
-        
-        <view class="vote-indicator {{selectedOption === '3' ? 'show' : ''}}">
-          <text class="iconfont icon-check-circle"></text>
-        </view>
+        <view class="vote-status">进行中</view>
       </view>
+      
+      <!-- 其余内容省略（与原代码一致） -->
+      <view class="divider"></view>
+      <view class="vote-title-section">
+        <text class="vote-title">周末团建活动选哪个？</text>
+        <text class="vote-desc">大家踊跃投票，少数服从多数~</text>
+      </view>
+      <!-- 选项区域（省略） -->
+      <view class="vote-stats">
+        <text class="stats-text">已有 38 人参与投票</text>
+        <text class="stats-text">剩余 45 小时结束</text>
+      </view>
+      <button class="vote-btn" bindtap="submitVote" data-card="2">
+        <text class="iconfont icon-thumbs-up"></text>
+        <text class="btn-text">投我一票</text>
+      </button>
     </view>
-    
-    <view class="vote-stats">
-      <text class="stats-text">已有 126 人参与投票</text>
-      <text class="stats-text">剩余 23 小时结束</text>
+
+    <!-- 第三个卡片 -->
+    <view class="voting-card">
+      <!-- 卡片内容保持不变 -->
+      <view class="card-header">
+        <view class="user-info">
+          <image src="https://picsum.photos/id/26/200/200" mode="widthFix" class="avatar" alt="发起者头像"></image>
+          <view class="user-details">
+            <text class="username">王小花</text>
+            <text class="user-status">购物选择投票</text>
+          </view>
+        </view>
+        <view class="vote-status">进行中</view>
+      </view>
+      
+      <!-- 其余内容省略（与原代码一致） -->
+      <view class="divider"></view>
+      <view class="vote-title-section">
+        <text class="vote-title">买哪个牌子的笔记本电脑？</text>
+        <text class="vote-desc">主要用于办公和轻度设计</text>
+      </view>
+      <!-- 选项区域（省略） -->
+      <view class="vote-stats">
+        <text class="stats-text">已有 76 人参与投票</text>
+        <text class="stats-text">剩余 12 小时结束</text>
+      </view>
+      <button class="vote-btn" bindtap="submitVote" data-card="3">
+        <text class="iconfont icon-thumbs-up"></text>
+        <text class="btn-text">投我一票</text>
+      </button>
     </view>
-    
-    <!-- 投票按钮 -->
-    <button class="vote-btn" bindtap="submitVote">
-      <text class="iconfont icon-thumbs-up"></text>
-      <text class="btn-text">投我一票</text>
-    </button>
   </view>
-</view>
-
-
-  
\ No newline at end of file
+</scroll-view>
+</view>
\ No newline at end of file
diff --git a/miniprogram/pages/home/home.wxss b/miniprogram/pages/home/home.wxss
index 3d7adcf..9e51bb1 100644
--- a/miniprogram/pages/home/home.wxss
+++ b/miniprogram/pages/home/home.wxss
@@ -7,39 +7,27 @@
   background-color: #f5f7fa;
   padding: 20rpx;
 }
-
-.search-bar {
-  padding: 16rpx 24rpx;
-  background-color: #f5f5f7;
-}
-
-.search-input {
+/* 卡片容器使用纵向布局 */
+.cards-container {
   display: flex;
-  align-items: center;
-  background-color: #eaeaea;
-  border-radius: 30rpx;
-  padding: 14rpx 24rpx;
-}
-
-.search-input input {
-  margin-left: 12rpx;
-  font-size: 28rpx;
-  flex: 1;
-  color: #333;
-  height: 40rpx;
-  line-height: 40rpx;
+  flex-direction: column; /* 纵向排列卡片 */
+  gap: 15px; /* 卡片之间的间距 */
+  padding: 15px;
+  box-sizing: border-box;
 }
 
 /* 投票卡片卡片样式 */
 .voting-card {
-  width: 90%;
-
-  background-color: #ffffff;
-  border-radius: 24rpx;
-  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
-  overflow: hidden;
+  width: 100%;
+  min-height: 400px; /* 卡片最小高度，可根据内容调整 */
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+  padding: 15px;
+  box-sizing: border-box;
 }
 
+
 /* 卡片头部样式 */
 .card-header {
   display: flex;
diff --git a/tsconfig.json b/tsconfig.json
index a911d19..6fbc1b6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -28,6 +28,7 @@
     "./**/*.ts"
   ],
   "exclude": [
-    "node_modules"
+    "node_modules",
+    "miniprogram/env.ts"
   ]
 }