fix: 优化界面以及更新接口
All checks were successful
构建并部署前端到测试环境 / build-and-deploy (push) Successful in 1m27s
All checks were successful
构建并部署前端到测试环境 / build-and-deploy (push) Successful in 1m27s
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user