duanshuwen/nianxx-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(goods): clean up components, update imports and add album page

Browse Source 
- replace scoped SCSS styles with inline utility classes for goods components
- move LocationCard to goods subdirectory and update relative imports
- fix DebounceUtils import path in FooterSection
- update goods index page: replace scroll wrapper, switch to vue-router composable, replace uni modal with vant showDialog
- add new album page component
- remove unused PNG assets, old README and deprecated style files
- update global type declarations for vant showDialog
This commit is contained in:
duanshuwen
2026-05-27 22:17:57 +08:00
parent cd39a9a65c
commit 479c5175ec
17 changed files with 133 additions and 594 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/goods/components/DateSelector/index.vue
View File

@@ -1,25 +1,25 @@
<template>
<div class="date-selector" @click="showCalendar">
<div class="date-item">
<div class="date-label">入住日期</div>
<div class="date-box">
<div class="date-content">
<span class="date-span">{{ checkInDate }}</span>
<span class="day-span">{{ checkInDay }}</span>
<div class="flex items-end justify-between my-[12px] px-[12px]" @click="showCalendar">
<div class="flex-1 relative">
<div class="absolute top-[-6px] left-[12px] text-[100px] text-ink-600 bg-white px-[4px]">入住日期</div>
<div class="flex items-center justify-start border border-[#f0f0f0] rounded-[8px] px-[12px] py-[10px] bg-white">
<div class="flex items-baseline gap-[4px]">
<span class="text-[16px] font-medium text-[#333]">{{ checkInDate }}</span>
<span class="text-[10px] text-[#666]">{{ checkInDay }}</span>
</div>
</div>
</div>
<div class="nights-info">
<span class="nights-span">{{ nights }}晚</span>
<div class="flex items-center justify-center min-w-[40px] mx-[8px] mb-[10px]">
<span class="text-[12px] text-[#666]">{{ nights }}晚</span>
</div>
<div class="date-item">
<div class="date-label">退房日期</div>
<div class="date-box">
<div class="date-content">
<span class="date-span">{{ checkOutDate }}</span>
<span class="day-span">{{ checkOutDay }}</span>
<div class="flex-1 relative">
<div class="absolute top-[-6px] left-[12px] text-[100px] text-ink-600 bg-white px-[4px]">退房日期</div>
<div class="flex items-center justify-start border border-[#f0f0f0] rounded-[8px] px-[12px] py-[10px] bg-white">
<div class="flex items-baseline gap-[4px]">
<span class="text-[16px] font-medium text-[#333]">{{ checkOutDate }}</span>
<span class="text-[10px] text-[#666]">{{ checkOutDay }}</span>
</div>
</div>
</div>