style: update link colors and refine booking page UI
replace all usage of theme-color-500 with text-[#2D91FF] for interactive link text across multiple components refine booking page styling: adjust background gradient, fix navbar color, correct overflow scrolling, clean up unused style imports and fix layout class formatting
This commit is contained in:
@@ -13,7 +13,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center" v-if="showBtn" @click="emit('click')">
|
<div class="flex items-center" v-if="showBtn" @click="emit('click')">
|
||||||
<span class="text-[12px] theme-color-500 leading-[16px]">房间详情</span>
|
<span class="text-[12px] text-[#2D91FF] leading-[16px]">房间详情</span>
|
||||||
<van-icon name="arrow-right" size="15" color="#99A0AE" />
|
<van-icon name="arrow-right" size="15" color="#99A0AE" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,14 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="booking h-screen flex flex-col">
|
<div class="h-screen flex flex-col bg-[linear-gradient(180deg,#e8fff1_0%,#f5f7fa_100%)_0_86px/100%_100px_no-repeat]">
|
||||||
<TopNavBar titleAlign="center" :backgroundColor="$theme - color - 100" backIconColor="#000" :shadow="false">
|
<TopNavBar titleAlign="center" backgroundColor="#E8FFF1" backIconColor="#000" :shadow="false">
|
||||||
<template #title>
|
<template #title>
|
||||||
{{ GOODS_TYPE[orderData.orderType] }}
|
{{ GOODS_TYPE[orderData.orderType] }}
|
||||||
</template>
|
</template>
|
||||||
</TopNavBar>
|
</TopNavBar>
|
||||||
|
|
||||||
<div class="booking-content flex-1 p-[12px] overflow-hidden scroll-y">
|
<div class="flex-1 p-[12px] overflow-hidden overflow-y-auto">
|
||||||
<!-- 预约内容 -->
|
<!-- 预约内容 -->
|
||||||
<div class=" bg-white p-[12px] rounded-[12px] mb-[12px]">
|
<div class="bg-white p-[12px] rounded-[12px] mb-[12px]">
|
||||||
<!-- 酒店类型入住离店日期部分 -->
|
<!-- 酒店类型入住离店日期部分 -->
|
||||||
<DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
|
<DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
|
||||||
@click="navigateToDetail(orderData)" />
|
@click="navigateToDetail(orderData)" />
|
||||||
@@ -32,10 +32,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class=" flex items-center justify-between pt-[12px]">
|
<div class="flex items-center justify-between pt-[12px]">
|
||||||
<span class="text-[12px] text-ink-600 line-height-18">取消政策及说明</span>
|
<span class="text-[12px] text-ink-600 leading-[18px]">取消政策及说明</span>
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<span class="text-[12px] theme-color-500 leading-[16px]" @click="refundVisible = true">取消政策</span>
|
<span class="text-[12px] text-[#2D91FF] leading-[16px]" @click="refundVisible = true">取消政策</span>
|
||||||
<uni-icons type="right" size="15" color="#99A0AE" />
|
<uni-icons type="right" size="15" color="#99A0AE" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -256,7 +256,3 @@ const handlePayClick = ThrottleUtils.createThrottle(async (goodsData) => {
|
|||||||
}
|
}
|
||||||
}, 1000);
|
}, 1000);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
@import "./styles/index.scss";
|
|
||||||
</style>
|
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
<ChatLoading />
|
<ChatLoading />
|
||||||
</div>
|
</div>
|
||||||
<div v-if="isOverflow" class="flex flex-row items-center justify-between mt-4" @click="lookDetailAction">
|
<div v-if="isOverflow" class="flex flex-row items-center justify-between mt-4" @click="lookDetailAction">
|
||||||
<span class="text-[12px] font-normal theme-color-500 mr-[4px]">查看完整{{ tag }}</span>
|
<span class="text-[12px] font-normal text-[#2D91FF] mr-[4px]">查看完整{{ tag }}</span>
|
||||||
<uni-icons class="icon-active" type="right" size="14" color="opacity"></uni-icons>
|
<uni-icons class="icon-active" type="right" size="14" color="opacity"></uni-icons>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
class=" border-top flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
|
class=" border-top flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
|
||||||
<div class="text-ink-600">取消政策及说明</div>
|
<div class="text-ink-600">取消政策及说明</div>
|
||||||
<div class="flex items-center" @click="emit('click')">
|
<div class="flex items-center" @click="emit('click')">
|
||||||
<span class="theme-color-500 mr-[4px]">查看详情</span>
|
<span class="text-[#2D91FF] mr-[4px]">查看详情</span>
|
||||||
<uni-icons type="right" size="12" color="#99A0AE" />
|
<uni-icons type="right" size="12" color="#99A0AE" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
<div class="bg-[#f5f7fa] span-color-600 text-[12px] p-4 rounded-[4px] mr-[4px]">
|
<div class="bg-[#f5f7fa] span-color-600 text-[12px] p-4 rounded-[4px] mr-[4px]">
|
||||||
总计{{ item.count }}{{ item.unit }}
|
总计{{ item.count }}{{ item.unit }}
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-[#f0f8f3] theme-color-500 text-[12px] p-4 rounded-[4px]">
|
<div class="bg-[#f0f8f3] text-[#2D91FF] text-[12px] p-4 rounded-[4px]">
|
||||||
剩{{ item.count - item.writeOffCount }}{{ item.unit }}可用
|
剩{{ item.count - item.writeOffCount }}{{ item.unit }}可用
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user