feat: 主题颜色的调整,现在支持切换颜色

This commit is contained in:
2026-03-10 15:51:55 +08:00
parent 9cfde3f10a
commit df8a7f4de7
29 changed files with 106 additions and 267 deletions

View File

@@ -22,7 +22,7 @@
>
<view class="color-525866">取消政策及说明</view>
<view class="flex flex-items-center" @click="emit('click')">
<text class="color-2D91FF mr-4">查看详情</text>
<text class="theme-color-500 mr-4">查看详情</text>
<uni-icons type="right" size="12" color="#99A0AE" />
</view>
</view>

View File

@@ -14,7 +14,7 @@
'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 color-white',
{
'bg-FF3D60': statusCode === '0',
'bg-2D91FF': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
'theme-color-500': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
},
]"
@click="handleButtonClick(orderData)"

View File

@@ -30,7 +30,7 @@
}
&.tag-4 {
color: #2d91ff;
color: $theme-color-500;
}
&.tag-5 {

View File

@@ -1,6 +1,6 @@
<template>
<view class="order-detail-page flex flex-col h-screen">
<TopNavBar titleAlign="center" background="#D9EEFF" title="订单详情" />
<TopNavBar titleAlign="center" :background="$theme-color-100" title="订单详情" />
<view
class="order-detail-wrapper border-box flex-full overflow-hidden scroll-y"

View File

@@ -1,14 +1,8 @@
<template>
<z-paging
bg-color="linear-gradient(180deg, #D9EEFF 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat"
ref="paging"
v-model="dataList"
use-virtual-list
:force-close-inner-list="true"
cell-height-mode="dynamic"
safe-area-inset-bottom
@query="queryList"
>
:bg-color="'linear-gradient(180deg, ' + $theme-color-100 + ' 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat'"
ref="paging" v-model="dataList" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic"
safe-area-inset-bottom @query="queryList">
<template #top>
<TopNavBar title="全部订单" />
</template>
@@ -17,12 +11,7 @@
<CustomEmpty statusText="您暂无订单" />
</template>
<OrderCard
v-for="(item, index) in dataList"
:key="item.id || index"
:orderData="item"
@click="handleOrderClick"
/>
<OrderCard v-for="(item, index) in dataList" :key="item.id || index" :orderData="item" @click="handleOrderClick" />
</z-paging>
</template>

View File

@@ -1,4 +1,4 @@
.order-detail-wrapper {
background: linear-gradient(180deg, #d9eeff 0%, #f5f7fa 100%);
background: linear-gradient(180deg, $theme-color-100 0%, #f5f7fa 100%);
padding: 0 12px 40px;
}