72
Hình 5.12 Trang chi tiết tour (2)
73
Hình 5.14 Trang chi tiết tour (4) Bảng 5.6 Mô tả trang chi tiết tour
STT Tên Loại Thư viện Ghi chú
1 Hình ảnh Button Ant Design Hiển thị các hình ảnh của tour
2 Video Button Ant Design Hiển thị video của tour
3 Mô tả ngắn a html Di chuyển tới phần mô tả
và các dịch vụ của tour
4 Hành trình a html Di chuyển tới phần lịch
trình của tour
5 Chi tiết a html Di chuyển tới phần mô tả
chi tiết lịch trình tour
6 Bản đồ a html Di chuyển tới bản đồ
7 Đánh giá a html Di chuyển tới phần đánh
giá tour
74
9 Địa điểm p html Hiển thị địa điểm
10 Khoảng thời gian span html Hiển thị số ngày đi
11 Số lượng span html Hiển thị số lượng người
tối đa
12 Loại tour span html Hiển thị loại tour
13 Ngày khởi hành span html Hiển thị ngày khởi hành 14 Độ tuổi nhỏ nhất span html Hiển thị độ tuổi nhỏ nhất
được cho phép
15 Địa điểm khởi hành span html Hiển thị địa điểm khởi hành
16 Giá tiền span html Hiển thị giá tiền của tour
17 Giá gốc span html Hiển thị giá gốc của tour
18 Phần trăm giảm giá span html Hiển thị phần trăm giảm giá của tour
19 Thời gian RangePicker Ant Design Hiển thị ngày đi và ngày về
20 Giảm số lượng i html Giảm số lượng người đi
21 Tăng số lượng i html Tăng số lượng người đi (adsbygoogle = window.adsbygoogle || []).push({});
22 Đặt ngay Button Ant Design Dẫn tới trang đặt tour 23 Lịch trình đi Accordion Ant Design Hiển thị ngày đi, tiêu đề
và nội dung
24 Mô tả chi tiết CKEditor Ckeditor4- react
Hiển thị nội dung mô tả chi tiết tour bao gồm hình ảnh, youtube, nội dung
25 Điểm đánh giá h2 html Hiển thị số điểm đánh giá
75 26 Trung bình số sao
của ‘Dịch vụ’ Rate Ant Design
Hiển thị số sao trung bình được đánh giá cho ‘Dịch vụ’
27 Trung bình số sao
của ‘Giá tiền’ Rate Ant Design
Hiển thị số sao trung bình được đánh giá cho ‘Giá tiền’
28 Trung bình số sao
của ‘Tiện nghi’ Rate Ant Design
Hiển thị số sao trung bình được đánh giá cho ‘Tiện nghi’
29 Trung bình số sao
của ‘Vị trí’ Rate
Ant Design Hiển thị số sao trung bình được đánh giá cho ‘Vị trí’
30 Trung bình số sao
của ‘Sạch sẽ’ Rate Ant Design
Hiển thị số sao trung bình được đánh giá cho ‘Sạch sẽ’
31 Tổng số bình luận span html Hiển thị tổng số bình luận của tour
32 Xem thêm đánh giá Button Ant Design Hiển thị thêm các đánh giá
33 Đánh giá số sao
‘Dịch vụ’ Rate Ant Design
Hiển thị số sao ‘Dịch vụ’ để người dùng đánh giá 34 Đánh giá số sao
‘Giá tiền’ Rate Ant Design
Hiển thị số sao ‘Giá tiền’ để người dùng đánh giá 35 Đánh giá số sao ‘Vị
trí’ Rate Ant Design
Hiển thị số sao ‘Vị trí’ để người dùng đánh giá 36 Đánh giá số sao
‘Sạch sẽ’ Rate Ant Design (adsbygoogle = window.adsbygoogle || []).push({});
Hiển thị số sao ‘Sạch sẽ’ để người dùng đánh giá
76 37 Đánh giá số sao
‘Tiện nghi’ Rate Ant Design
Hiển thị số sao ‘Tiện nghi’ để người dùng đánh giá
38 Tiêu đề input html Ô nhập dữ liệu tiêu đề
39 Email input html Ô nhập dữ liệu email
40 Nội dung textarea html Ô nhập dữ liệu nội dung
41 Đánh giá Button Ant Design Đánh giá tour