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

style: update link colors and refine booking page UI

Browse Source 
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:
DEV_DSW
2026-05-29 11:49:10 +08:00
parent b4a927df87
commit a23d76c695
5 changed files with 12 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/DateRangeSection/index.vue
View File

@@ -13,7 +13,7 @@
</span>
</div>
<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" />
</div>
</div>

20
src/pages/booking/index.vue
View File

@@ -1,14 +1,14 @@
<template>
<div class="booking h-screen flex flex-col">
<TopNavBar titleAlign="center" :backgroundColor="$theme - color - 100" backIconColor="#000" :shadow="false">
<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="#E8FFF1" backIconColor="#000" :shadow="false">
<template #title>
{{ GOODS_TYPE[orderData.orderType] }}
</template>
</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"
@click="navigateToDetail(orderData)" />
@@ -25,17 +25,17 @@
<!-- 权益部分 -->
<div class="flex items-center mb-[8px]">
<span
class="bg-[#f7f7f7] rounded-[4px] text-[11px] text-ink-600 mr-[4px] pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
class="bg-[#f7f7f7] rounded-[4px] text-[11px] text-ink-600 mr-[4px] pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
v-for="(item, index) in orderData.commodityFacilityList" :key="index">
{{ item }}
</span>
</div>
</div>
<div class=" flex items-center justify-between pt-[12px]">
<span class="text-[12px] text-ink-600 line-height-18">取消政策及说明</span>
<div class="flex items-center justify-between pt-[12px]">
<span class="text-[12px] text-ink-600 leading-[18px]">取消政策及说明</span>
<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" />
</div>
</div>
@@ -256,7 +256,3 @@ const handlePayClick = ThrottleUtils.createThrottle(async (goodsData) => {
}
}, 1000);
</script>
<style scoped lang="scss">
@import "./styles/index.scss";
</style>

2
src/pages/home/components/AnswerComponent/index.vue
View File

@@ -18,7 +18,7 @@
<ChatLoading />
</div>
<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>
</div>

2
src/pages/order/order/components/AmtSection/index.vue
View File

@@ -17,7 +17,7 @@
class=" border-top flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
<div class="text-ink-600">取消政策及说明</div>
<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" />
</div>
</div>

2
src/pages/order/order/components/VoucherList/index.vue
View File

@@ -15,7 +15,7 @@
<div class="bg-[#f5f7fa] span-color-600 text-[12px] p-4 rounded-[4px] mr-[4px]">
总计{{ item.count }}{{ item.unit }}
</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 }}可用
</div>
</div>