louiscklaw/HKSingleParty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement Hotel Service Wi-Fi intro page with Swiper slider and HTML content display

Browse Source
This commit is contained in:
louiscklaw
2025-06-20 02:04:49 +08:00
parent d865fca058
commit 53b498d881
42 changed files with 1562 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
03_source/mobile/src/pages/MainTabs/index.tsx
View File

@@ -65,24 +65,29 @@ import svgIcon36 from './icons/holiday-hotel-motel-sign-travel-svgrepo-com.svg';
import svgIcon37 from './icons/holiday-journey-luggage-suitcase-vacation-2-svgrepo-com.svg';
import svgIcon38 from './icons/hotel-location-map-pin-travel-svgrepo-com.svg';
import getButtonSvg from '../../api/getButtonSvg';
import HotelServiceIntro from '../HotelWelcomeTour';
import HotelIntro from '../HotelIntro';
import HotelServiceWifi from '../HotelServiceIntro';
import OrderHistory from '../OrderHistory';
import Insights from '../Insights';
//
const hotelServiceMenu = [
{ name: '停車場', icon: svgIcon1, targetUrl: '/tabs/hotel_service_intro' },
{ name: '接機服務', icon: svgIcon2, targetUrl: '/tabs/hotel_service_intro' },
{ name: '停車場', icon: svgIcon1, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: '接機服務', icon: svgIcon2, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: '餐廳', icon: svgIcon3, targetUrl: '/tabs/hotel/:hotelid/restaurants' },
{ name: '咖啡室', icon: svgIcon4, targetUrl: '/tabs/restaurant/:restaurant_id/food/:food_id/intro' },
{ name: '酒吧', icon: svgIcon5, targetUrl: '/tabs/hotel_service_intro' },
{ name: '會議室', icon: svgIcon6, targetUrl: '/tabs/hotel_service_intro' },
{ name: '托兒服務', icon: svgIcon7, targetUrl: '/tabs/hotel_service_intro' },
{ name: '茶室', icon: svgIcon8, targetUrl: '/tabs/hotel_service_intro' },
{ name: '多功能室', icon: svgIcon9, targetUrl: '/tabs/hotel_service_intro' },
{ name: '商務便利設施', icon: svgIcon10, targetUrl: '/tabs/hotel_service_intro' },
{ name: '健身室', icon: svgIcon11, targetUrl: '/tabs/hotel_service_intro' },
{ name: '公共區域 Wi-Fi免費', icon: svgIcon12, targetUrl: '/tabs/hotel_service_intro' },
{ name: '貨幣兌換', icon: svgIcon13, targetUrl: '/tabs/hotel_service_intro' },
{ name: '行李寄存免費', icon: svgIcon14, targetUrl: '/tabs/hotel_service_intro' },
{ name: '叫醒服務', icon: svgIcon16, targetUrl: '/tabs/hotel_service_intro' },
{ name: '酒吧', icon: svgIcon5, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: '會議室', icon: svgIcon6, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: '托兒服務', icon: svgIcon7, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: '茶室', icon: svgIcon8, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: '多功能室', icon: svgIcon9, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: '商務便利設施', icon: svgIcon10, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: '健身室', icon: svgIcon11, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: '公共區域 Wi-Fi免費', icon: svgIcon12, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: '貨幣兌換', icon: svgIcon13, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: 'wifi', icon: svgIcon14, targetUrl: PATHS.HOTEL_SERVICE_WIFI },
{ name: '叫醒服務', icon: svgIcon16, targetUrl: PATHS.HOTEL_WELCOME_TOUR },
{ name: '關於酒店', icon: svgIcon16, targetUrl: '/tabs/hotel_intro' },
];
@@ -136,13 +141,18 @@ const MainTabs: React.FC<MainTabsProps> = () => {
{/* */}
<Route path={PATHS.CAROUSELL_ME} render={() => <CarousellMe />} exact={true} />
<Route path={PATHS.CAROUSELL_ME_QR} component={QRPage} exact={true} />
<Route path={PATHS.CAROUSELL_ME_INSIGHTS} component={Insights} exact={true} />
{/*
<Route path="/tabs/carousell_me/insights" component={Insights} exact={true} />
<Route path="/tabs/carousell_me/OffersMade" component={OffersMade} exact={true} />
<Route path="/tabs/carousell_me/settings" component={Settings} exact={true} />
<Route path="/tabs/carousell_me/my_profile" component={MyProfile} exact={true} />
*/}
<Route path={PATHS.HOTEL_INTRO} component={HotelIntro} exact={true} />
<Route path={PATHS.HOTEL_SERVICE_WIFI} component={HotelServiceWifi} exact={true} />
<Route path="/tabs/restaurant/:restaurant_id/order_history" render={() => <OrderHistory />} exact={true} />
<TabAppRoute />
</IonRouterOutlet>