merge limo to daylight

static/css/custom.scss

@@ -373,6 +373,241 @@ page{
 	border-top:1rpx solid #f4f4f4;
 	width:100%;
 }
+
+/* bookingRecord.vue */
+.hz-nav-right {
+	margin-top: 2px;
+	margin-right: 3px;
+}
+
+.hz-nav-right-group {
+	border: 1rpx solid #ccc;
+	border-radius: 14px;
+	padding: 4px 12px;
+}
+
+.hz-nav-right-divider {
+	height: 20px;
+	border-left: 1px solid #ccc;
+	margin-left: 8px;
+	margin-right: 8px;
+}
+
+.hz-record-card {
+	margin-top: 20rpx;
+	align-items: center;
+}
+
+.hz-row-gap {
+	margin-top: 6px;
+}
+
+.hz-w-40 {
+	width: 40%;
+}
+
+.hz-w-50 {
+	width: 50%;
+}
+
+.hz-w-55 {
+	width: 55%;
+}
+
+.hz-w-60 {
+	width: 60%;
+}
+
+.hz-w-100 {
+	width: 100%;
+}
+
+.hz-sharer-wrap {
+	width: 50%;
+	text-align: right;
+	justify-content: flex-end;
+}
+
+.hz-sharer-tag {
+	width: 40%;
+	height: 14px;
+	line-height: 14px;
+	margin-right: 3px;
+}
+
+.hz-limo-dropoff-wrap {
+	padding-right: 50rpx;
+}
+
+.hz-book-btn-wrap {
+	width: 45%;
+}
+
+.hz-limo-status {
+	color: #ff9b9b;
+}
+
+.hz-booking-type-row {
+	justify-content: space-between;
+	align-items: center;
+}
+
+.hz-booking-type-wrap {
+	display: flex;
+	align-items: center;
+	gap: 8rpx;
+}
+
+.hz-booking-type-icon {
+	width: 24px;
+	height: 24px;
+}
+
+/* newLimo.vue */
+.limo-text-input[disabled],
+.limo-text-input--disabled {
+	background-color: #F5F7FA;
+	color: #4D4D4D;
+}
+
+.limo-booking-contact-row {
+	align-items: stretch;
+	display: flex;
+	flex-direction: row;
+	width: 100%;
+}
+
+.limo-booking-contact-row + .limo-booking-contact-row {
+	margin-top: 5px;
+}
+
+.limo-booking-contact-label {
+	color: #4D4D4D;
+	align-self: center;
+	flex: 0 0 38%;
+	font-size: 26rpx;
+	font-weight: 600;
+	white-space: nowrap;
+}
+
+.limo-booking-contact-controls {
+	align-items: stretch;
+	display: flex;
+	flex: 0 0 62%;
+	flex-direction: row;
+	gap: 2%;
+	justify-content: flex-end;
+	min-height: 36px;
+	min-width: 0;
+}
+
+.limo-booking-contact-code-picker {
+	align-self: stretch;
+	flex: 0 0 38%;
+	min-width: 0;
+	min-height: 36px;
+}
+
+.limo-booking-contact-code-picker ::v-deep .lu-data-select-box {
+	align-items: center;
+	background-color: #ffffff;
+	border: 1px solid #e5e5e5 !important;
+	border-radius: 4rpx;
+	box-sizing: border-box;
+	color: #4D4D4D;
+	display: flex;
+	font-size: 24rpx;
+	font-weight: 600;
+	height: 36px !important;
+	justify-content: center;
+	min-height: 36px !important;
+	padding: 0 5% !important;
+	width: 100%;
+}
+
+.limo-booking-contact-code-picker ::v-deep .wid {
+	align-items: center;
+	display: flex;
+	flex: 1;
+	min-width: 0;
+	overflow: hidden;
+}
+
+.limo-booking-contact-code-picker ::v-deep .lu-select-text,
+.limo-booking-contact-code-picker ::v-deep .lu-data-select-input,
+.limo-booking-contact-code-picker ::v-deep .placeholder-class {
+	color: #4D4D4D !important;
+	font-size: 24rpx !important;
+	font-weight: 600 !important;
+	flex: 1;
+	min-width: 0;
+	padding: 0 !important;
+	text-align: center;
+}
+
+.limo-booking-contact-code-picker ::v-deep .lu-data-select-close {
+	margin-left: 4%;
+}
+
+.limo-text-input.limo-booking-contact-phone {
+	background-color: #ffffff;
+	border: 1px solid #e5e5e5;
+	border-radius: 4rpx;
+	box-sizing: border-box;
+	color: #4D4D4D;
+	flex: 0 0 47%;
+	font-size: 24rpx;
+	font-weight: 600;
+	height: 36px;
+	min-width: 0;
+	min-height: 36px;
+	padding: 0 3%;
+}
+
+.limo-booking-contact-btn {
+	align-items: center;
+	background-color: #ffffff;
+	border: 1px solid #e5e5e5;
+	border-radius: 4rpx;
+	box-sizing: border-box;
+	color: #4D4D4D;
+	display: flex;
+	flex: 0 0 10%;
+	font-size: 28rpx;
+	font-weight: 700;
+	height: 36px;
+	justify-content: center;
+	min-height: 36px;
+}
+
+.limo-booking-contact-disabled {
+	background-color: #F5F7FA;
+	color: #4D4D4D;
+	pointer-events: none;
+}
+
+.limo-booking-contact-disabled ::v-deep .lu-data-select-box {
+	background-color: #F5F7FA;
+	color: #4D4D4D;
+}
+
+.limo-additional-options {
+	display: flex;
+	flex-direction: column;
+}
+
+.limo-additional-options ::v-deep .u-checkbox-group {
+	margin-bottom: 5px;
+}
+
+.limo-additional-options .limo-booking-contact-row {
+	margin-bottom: 5px;
+}
+
+.limo-additional-options .limo-booking-contact-row + .limo-booking-contact-row {
+	margin-top: 0;
+}
+
 /* textarea */
 .uni-textarea{
 	width:100%;
@@ -445,4 +680,28 @@ page{
 			}
 		}
 	}
-}
+}
+
+
+.find-player-ico {
+	width: 64px;
+	height: 64px;
+}
+
+// spacing utilities
+@for $i from 0 through 2000 {
+	.p-\[#{$i}\] { padding: #{$i}rpx !important; }
+	.px-\[#{$i}\] { padding-left: #{$i}rpx !important; padding-right: #{$i}rpx !important; }
+	.py-\[#{$i}\] { padding-top: #{$i}rpx !important; padding-bottom: #{$i}rpx !important; }
+	.pt-\[#{$i}\] { padding-top: #{$i}rpx !important; }
+	.pr-\[#{$i}\] { padding-right: #{$i}rpx !important; }
+	.pb-\[#{$i}\] { padding-bottom: #{$i}rpx !important; }
+	.pl-\[#{$i}\] { padding-left: #{$i}rpx !important; }
+	.m-\[#{$i}\] { margin: #{$i}rpx !important; }
+	.mx-\[#{$i}\] { margin-left: #{$i}rpx !important; margin-right: #{$i}rpx !important; }
+	.my-\[#{$i}\] { margin-top: #{$i}rpx !important; margin-bottom: #{$i}rpx !important; }
+	.mt-\[#{$i}\] { margin-top: #{$i}rpx !important; }
+	.mr-\[#{$i}\] { margin-right: #{$i}rpx !important; }
+	.mb-\[#{$i}\] { margin-bottom: #{$i}rpx !important; }
+	.ml-\[#{$i}\] { margin-left: #{$i}rpx !important; }
+}

static/css/limo.scss

@@ -0,0 +1,302 @@
+.mandatory {
+	color: #ff0000;
+	margin-left: 3px;
+}
+.limo-field-label {
+	font-size: 28rpx;
+	color: #808080;
+	font-weight: 600;
+	line-height: 1.4;
+}
+.limo-section {
+	margin-top: 20px;
+}
+.limo-form-row {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	margin-top: 4px;
+}
+.limo-form-cell {
+	width: 50%;
+	box-sizing: border-box;
+	padding-bottom: 16px;
+	padding-right: 8px;
+}
+.limo-form-cell:nth-child(2n) {
+	padding-right: 0;
+	padding-left: 8px;
+}
+.limo-form-col-full {
+	margin-top: 0;
+	padding-bottom: 16px;
+}
+.limo-control-wrap {
+	margin-top: 4px;
+	width: 100%;
+}
+.limo-tap-field {
+	box-sizing: border-box;
+	height: 36px;
+	min-height: 36px;
+	border: 1rpx solid #dcdfe6;
+	border-radius: 8rpx;
+	padding: 0 16rpx;
+	background-color: #fff;
+	gap: 8px;
+}
+.limo-tap-field text {
+	font-size: 13px;
+	color: #333333;
+	font-weight: 400;
+}
+.limo-tap-field ::v-deep .u-icon {
+	flex-shrink: 0;
+}
+.limo-text-input {
+	box-sizing: border-box;
+	width: 100%;
+	height: 36px;
+	min-height: 36px;
+	border: 1rpx solid #dcdfe6;
+	border-radius: 8rpx;
+	padding: 0 16rpx;
+	background-color: #fff;
+	font-size: 13px;
+	color: #333333;
+	font-weight: 400;
+}
+.limo-readonly-field {
+	display: flex;
+	align-items: center;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+.limo-page-with-tabbar .limo-text-input[disabled],
+.limo-page-with-tabbar .limo-text-input--disabled {
+	background-color: #F5F7FA !important;
+	border-color: #E4E7ED !important;
+	color: #333333 !important;
+	-webkit-text-fill-color: #333333;
+	opacity: 1;
+}
+.limo-page-with-tabbar {
+	box-sizing: border-box;
+}
+.limo-content-bottom-pad {
+	padding-bottom: 64rpx;
+}
+.limo-label-row {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+}
+.limo-dropoff-block {
+	margin-top: 0;
+}
+.limo-other-dropoff-field {
+	margin-top: 12rpx;
+}
+.limo-remark-wrap {
+	margin-top: 4px;
+	padding-bottom: 16rpx;
+}
+.limo-hourly-row {
+	margin-top: 4px;
+	min-height: 36px;
+	display: flex;
+	align-items: center;
+}
+.limo-control-wrap ::v-deep .lu-data-select .lu-data-select-box {
+	height: 36px !important;
+	min-height: 36px !important;
+	box-sizing: border-box;
+	padding: 0 7px !important;
+}
+.limo-control-wrap ::v-deep .limo-location-select.lu-data-select .lu-data-select-box {
+	height: auto !important;
+	min-height: 36px !important;
+}
+.limo-control-wrap ::v-deep .limo-location-select.lu-data-select .lu-data-select-content {
+	min-height: 36px;
+	align-items: stretch;
+}
+.limo-control-wrap ::v-deep .limo-location-select.lu-data-select .wid {
+	display: flex;
+	align-items: center;
+	min-width: 0;
+}
+.limo-control-wrap ::v-deep .limo-location-select.lu-data-select .lu-select-text {
+	white-space: normal !important;
+	word-break: break-word !important;
+	overflow: visible !important;
+	text-overflow: clip !important;
+	line-height: 18px !important;
+	padding: 8px 0 !important;
+	padding-right: 8px !important;
+}
+.limo-control-wrap ::v-deep .limo-location-select.lu-data-select .lu-data-select-close {
+	align-self: center;
+}
+.limo-control-wrap ::v-deep .limo-greet-select.lu-data-select .lu-data-select-box {
+	height: auto !important;
+	min-height: 36px !important;
+	box-sizing: border-box;
+	padding: 0 7px !important;
+}
+.limo-control-wrap ::v-deep .limo-greet-select.lu-data-select .lu-data-select-content {
+	min-height: 36px;
+	align-items: center;
+}
+.limo-control-wrap ::v-deep .limo-greet-select.lu-data-select .wid1 {
+	display: flex;
+	align-items: center;
+	min-width: 0;
+	flex: 1;
+}
+.limo-control-wrap ::v-deep .limo-greet-select.lu-data-select .lu-data-multiple {
+	min-height: 36px;
+	padding: 3px 0;
+	box-sizing: border-box;
+	align-items: center;
+}
+.limo-control-wrap ::v-deep .limo-greet-select.lu-data-select .lu-data-select-input-multiple {
+	height: 24px !important;
+	min-height: 24px !important;
+	line-height: 24px !important;
+	padding: 0 !important;
+	margin: 2px !important;
+	background-color: transparent !important;
+}
+.limo-control-wrap ::v-deep .limo-greet-select.lu-data-select .lu-data-select-close {
+	align-self: center;
+}
+.limo-page-with-tabbar ::v-deep .lu-data-select .lu-select-text,
+.limo-page-with-tabbar ::v-deep .lu-data-select .lu-data-select-input,
+.limo-page-with-tabbar ::v-deep .lu-data-select .lu-data-select-input-multiple,
+.limo-page-with-tabbar ::v-deep .lu-data-select .placeholder-class,
+.limo-remark-wrap ::v-deep .u-textarea__field,
+.limo-remark-wrap ::v-deep textarea {
+	font-size: 13px !important;
+	color: #333333 !important;
+	font-weight: 400 !important;
+}
+.limo-page-with-tabbar ::v-deep .lu-data-select .arrow {
+	border-left: 6px solid transparent;
+	border-right: 6px solid transparent;
+	border-top: 6px solid #a8abb2;
+}
+.limo-page-with-tabbar ::v-deep .lu-data-select .arrow::before {
+	top: -6px;
+	left: -5px;
+	border-left: 5px solid transparent;
+	border-right: 5px solid transparent;
+	border-top: 5px solid rgb(255, 255, 255);
+}
+.limo-remark-wrap ::v-deep .u-textarea {
+	border-radius: 8rpx;
+}
+.limo-remark-wrap ::v-deep .u-textarea__field,
+.limo-remark-wrap ::v-deep textarea {
+	min-height: 160rpx !important;
+}
+
+/* lu-data-select 下拉面板优化（仅作用于本页） */
+.limo-page-with-tabbar ::v-deep .lu-select__selector {
+	border: none;
+	border-radius: 12rpx;
+	box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.12), 0 2rpx 6rpx rgba(0, 0, 0, 0.06);
+	overflow: hidden;
+}
+.limo-page-with-tabbar ::v-deep .lu-select__selector .lu-popper__arrow {
+	display: none;
+}
+.limo-page-with-tabbar ::v-deep .lu-select__selector_bottom {
+	top: calc(100% + 6rpx);
+}
+.limo-page-with-tabbar ::v-deep .lu-select__selector_top {
+	bottom: calc(100% + 6rpx);
+}
+.limo-page-with-tabbar ::v-deep .lu-select__selector .lu-select__selector-item {
+	padding: 10px 14px;
+	font-size: 13px;
+	color: #303133;
+	transition: background-color 0.15s ease;
+}
+.limo-page-with-tabbar ::v-deep .lu-select__selector .lu-select__selector-item:first-child {
+	margin-top: 4px;
+}
+.limo-page-with-tabbar ::v-deep .lu-select__selector .lu-select__selector-item:last-child {
+	margin-bottom: 4px;
+}
+.limo-page-with-tabbar ::v-deep .lu-select__selector .lu-select_selector-item_active {
+	background-color: rgba(195, 154, 75, 0.1);
+	color: #C39A4B;
+	font-weight: 500;
+}
+.booking-popup-card {
+	padding: 20px;
+	background-color: #ffffff;
+	border-radius: 16px;
+}
+.booking-popup-icon-row {
+	display: flex;
+	justify-content: center;
+}
+.booking-popup-title {
+	margin-top: 20px;
+}
+.booking-popup-note {
+	margin-top: 10px;
+}
+.booking-popup-note-text {
+	color: #333333;
+	font-size: 14px;
+	line-height: 22px;
+	font-weight: 400;
+}
+.booking-popup-override {
+	margin-top: 10px;
+}
+.booking-popup-field-label {
+	font-size: 14px;
+	color: #666666;
+}
+.booking-popup-override-select {
+	margin-top: 8px;
+}
+.booking-popup-button {
+	margin-top: 20px;
+}
+.booking-popup-button--primary {
+	background-color: #C39A4B;
+}
+.booking-popup-button--secondary {
+	margin-top: 10px;
+}
+.booking-popup-card--criteria {
+	min-height: 0;
+}
+.booking-popup-card--success {
+	min-height: 0;
+}
+.booking-popup-title--criteria {
+	line-height: 26px;
+}
+.booking-popup-title--success {
+	line-height: 1.4;
+}
+.booking-popup-note--criteria {
+	line-height: 22px;
+}
+.booking-popup-override--criteria {
+	margin-bottom: 0;
+}
+.booking-popup-button--criteria {
+	width: 100%;
+}
+.booking-popup-button--success {
+	width: 100%;
+}

static/css/todo.scss

@@ -452,4 +452,4 @@
 		position:relative;
 		top:5px;
 	}
-	
+