fix: 优化界面以及更新接口
All checks were successful
构建并部署前端到测试环境 / build-and-deploy (push) Successful in 1m27s

This commit is contained in:
sexygoat
2026-04-15 11:54:43 +08:00
parent 0d0b5ec14a
commit 91d7d4c21f
30 changed files with 1863 additions and 1742 deletions

View File

@@ -608,7 +608,7 @@ const filteredPackages = computed(() => {
<view class="bg-white rounded-12px p-4 shadow-[0_2px_8px_rgba(0,0,0,0.04)]">
<view class="flex items-center justify-between mb-3">
<text class="text-16px font-600 text-[#212121]">佣金明细</text>
<button class="text-13px text-[#ff6700]">查看全部 </button>
<button class="text-13px text-[var(--brand-primary)]">查看全部 </button>
</view>
<view class="space-y-3">
@@ -660,9 +660,9 @@ const filteredPackages = computed(() => {
<view v-if="currentTab === 'my-packages'">
<!-- 总计卡片 (橙色渐变) -->
<view class="
bg-gradient-to-br from-[#ff6700] to-[#ff8533]
bg-gradient-to-br from-[var(--brand-primary)] to-[var(--brand-primary-light)]
rounded-16px p-6 mb-4
shadow-[0_8px_24px_rgba(255,103,0,0.2)]
shadow-brand-colored
">
<text class="text-13px text-white/70 block mb-2">套餐总计</text>
@@ -699,7 +699,7 @@ const filteredPackages = computed(() => {
<view class="
bg-white rounded-12px p-4
shadow-[0_2px_8px_rgba(0,0,0,0.04)]
border-2 border-[#ff6700]/20
border-2 border-[var(--brand-primary)]/20
">
<view class="flex items-start justify-between mb-3">
<text class="text-16px font-600 text-[#212121]">
@@ -833,7 +833,7 @@ const filteredPackages = computed(() => {
<i class="i-mdi-gift-outline w-48px h-48px text-[#e0e0e0] mb-2" />
<text class="text-13px text-[#9e9e9e] block mb-3">暂无加油包</text>
<button class="
bg-[#ff6700] text-white
bg-[var(--brand-primary)] text-white
px-5 py-2 rounded-8px
text-13px font-500
">
@@ -872,7 +872,7 @@ const filteredPackages = computed(() => {
<view class="flex gap-2 mb-3 overflow-x-auto pb-2">
<button
:class="{
'bg-[#fff7f0] text-[#ff6700]': filterStatus === null,
'bg-[var(--brand-primary-light)] text-[var(--brand-primary)]': filterStatus === null,
'text-[#9e9e9e]': filterStatus !== null
}"
class="px-4 py-1.5 rounded-full text-13px font-500 whitespace-nowrap"
@@ -1076,7 +1076,7 @@ const filteredPackages = computed(() => {
<span
v-for="tag in asset.tags"
:key="tag"
class="px-2 py-0.5 bg-[#fff7f0] text-[#ff6700] text-11px rounded-full"
class="px-2 py-0.5 bg-[var(--brand-primary-light)] text-[var(--brand-primary)] text-11px rounded-full"
>
{{ tag }}
</span>
@@ -1131,7 +1131,7 @@ const filteredPackages = computed(() => {
<text class="text-11px text-[#9e9e9e]">标签总数</text>
</view>
<view class="flex-1 text-center">
<text class="text-24px font-700 text-[#ff6700] block">
<text class="text-24px font-700 text-[var(--brand-primary)] block">
{{ tagList.reduce((sum, t) => sum + t.asset_count, 0) }}
</text>
<text class="text-11px text-[#9e9e9e]">已分配资产</text>
@@ -1179,7 +1179,7 @@ const filteredPackages = computed(() => {
已分配 {{ tag.asset_count }} 个资产
</text>
<button
class="text-12px text-[#ff6700] font-500"
class="text-12px text-[var(--brand-primary)] font-500"
@click="enterAssignMode(tag)"
>
分配
@@ -1192,11 +1192,11 @@ const filteredPackages = computed(() => {
<button class="
w-full
mt-4
bg-[#ff6700] text-white
bg-[var(--brand-primary)] text-white
py-3 rounded-12px
text-14px font-500
flex items-center justify-center gap-2
shadow-[0_2px_8px_rgba(255,103,0,0.2)]
shadow-brand-xs
">
<i class="i-mdi-plus w-18px h-18px" />
创建新标签
@@ -1255,7 +1255,7 @@ const filteredPackages = computed(() => {
<!-- 勾选框 -->
<view
:class="{
'bg-[#ff6700] border-[#ff6700]': asset.tags.includes(selectedTag.name),
'bg-[var(--brand-primary)] border-[var(--brand-primary)]': asset.tags.includes(selectedTag.name),
'bg-white border-[#e0e0e0]': !asset.tags.includes(selectedTag.name)
}"
class="
@@ -1296,10 +1296,10 @@ const filteredPackages = computed(() => {
<view class="fixed bottom-0 left-0 right-0 bg-white p-4 pb-safe border-t border-[#eeeeee]">
<button class="
w-full
bg-[#ff6700] text-white
bg-[var(--brand-primary)] text-white
py-3 rounded-8px
text-15px font-600
shadow-[0_2px_8px_rgba(255,103,0,0.2)]
shadow-brand-xs
">
保存分配
</button>
@@ -1418,10 +1418,10 @@ const filteredPackages = computed(() => {
<!-- 虚流量比例 -->
<view class="flex items-center justify-between p-3 bg-[#fff7f0] rounded-8px">
<view class="flex items-center gap-2">
<i class="i-mdi-calculator w-18px h-18px text-[#ff6700]" />
<i class="i-mdi-calculator w-18px h-18px text-[var(--brand-primary)]" />
<text class="text-13px text-[#757575]">虚流量比例</text>
</view>
<text class="text-16px font-700 text-[#ff6700]">
<text class="text-16px font-700 text-[var(--brand-primary)]">
1 : {{ (1 / selectedPackage.virtual_ratio).toFixed(1) }}
</text>
</view>
@@ -1488,10 +1488,10 @@ const filteredPackages = computed(() => {
续费套餐
</button>
<button class="
bg-[#ff6700] text-white
bg-[var(--brand-primary)] text-white
py-3 rounded-8px
text-14px font-500
shadow-[0_2px_8px_rgba(255,103,0,0.2)]
shadow-brand-xs
">
购买加油包
</button>