综述: 重构福利中心页面并优化首页布局 - 重命名用户福利中心页面为福利专区,优化页面标题和用户体验 - 更新首页样式,调整头部背景色为绿色主题,统一视觉风格 - 清理项目文件结构,保持代码组织的一致性
This commit is contained in:
		
							parent
							
								
									b8a0a65e9d
								
							
						
					
					
						commit
						12748f43a8
					
				|  | @ -241,6 +241,7 @@ | ||||||
|             color: white; |             color: white; | ||||||
|             text-align: center; |             text-align: center; | ||||||
|             position: relative; |             position: relative; | ||||||
|  |             cursor: pointer; | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
|         .feature-card h4 { |         .feature-card h4 { | ||||||
|  | @ -337,6 +338,7 @@ | ||||||
|             flex: 1; |             flex: 1; | ||||||
|             display: flex; |             display: flex; | ||||||
|             flex-direction: column; |             flex-direction: column; | ||||||
|  |             cursor: pointer; | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
|         .market-name { |         .market-name { | ||||||
|  | @ -716,7 +718,7 @@ | ||||||
|                 <h4>云店市集</h4> |                 <h4>云店市集</h4> | ||||||
|                 <p>全国到家</p> |                 <p>全国到家</p> | ||||||
|             </div> |             </div> | ||||||
|             <div class="feature-card"> |             <div class="feature-card" onclick="goToWelfarePage()"> | ||||||
|                 <h4>福利专区</h4> |                 <h4>福利专区</h4> | ||||||
|                 <p>优惠多多</p> |                 <p>优惠多多</p> | ||||||
|             </div> |             </div> | ||||||
|  | @ -745,7 +747,7 @@ | ||||||
|                                 <div class="indicator"></div> |                                 <div class="indicator"></div> | ||||||
|                             </div> |                             </div> | ||||||
|                         </div> |                         </div> | ||||||
|                         <div class="market-info"> |                         <div class="market-info" onclick="goToMarketPage()"> | ||||||
|                             <div class="market-name">春申路1501号</div> |                             <div class="market-name">春申路1501号</div> | ||||||
|                             <div class="market-rating"> |                             <div class="market-rating"> | ||||||
|                                 <span class="rating-star">⭐</span> |                                 <span class="rating-star">⭐</span> | ||||||
|  | @ -912,5 +914,17 @@ | ||||||
|         </div> |         </div> | ||||||
|     </div> |     </div> | ||||||
| 
 | 
 | ||||||
|  |     <script> | ||||||
|  |         // 跳转到菜市场页面 | ||||||
|  |         function goToMarketPage() { | ||||||
|  |             window.location.href = '菜市场首页.html'; | ||||||
|  |         } | ||||||
|  |          | ||||||
|  |         // 跳转到福利专区页面 | ||||||
|  |         function goToWelfarePage() { | ||||||
|  |             window.location.href = '福利专区.html'; | ||||||
|  |         } | ||||||
|  |     </script> | ||||||
|  | 
 | ||||||
| </body> | </body> | ||||||
| </html> | </html> | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue