feat: 框架样式调整

This commit is contained in:
rd
2025-08-15 14:32:40 +08:00
parent f11548e9c1
commit ca53964cfb
56 changed files with 206 additions and 157 deletions

View File

@ -1,6 +1,6 @@
<template>
<div class="account-dashboard-wrap">
<div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid pb-24px mb-16px">
<div class="filter-wrap bg-#fff rounded-8px pb-24px mb-16px">
<a-tabs v-model:activeKey="accountType" @tab-click="handleTabClick">
<a-tab-pane key="1" title="账户"></a-tab-pane>
<a-tab-pane key="2" title="计划"></a-tab-pane>

View File

@ -17,7 +17,7 @@
.filter-wrap {
border-radius: 8px;
border: 1px solid #e6e6e8;
// border: 1px solid #e6e6e8;
:deep(.arco-tabs) {
.arco-tabs-tab {

View File

@ -4,7 +4,7 @@
-->
<template>
<div class="account-data-wrap">
<div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid pb-24px mb-16px">
<div class="filter-wrap bg-#fff rounded-8px pb-24px mb-16px">
<a-tabs v-model="activeTab" @tab-click="handleTabClick">
<a-tab-pane key="1" title="账户"></a-tab-pane>
<a-tab-pane key="2" title="计划"></a-tab-pane>
@ -26,7 +26,7 @@
/>
</div>
<div
class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
class="table-wrap bg-#fff rounded-8px px-24px py-24px flex-1 flex flex-col"
>
<component
:is="isAccountTab ? BoardTable : PlanTable"

View File

@ -1,10 +1,10 @@
.account-data-wrap {
height: 100%;
height: 100%;
display: flex;
flex-direction: column;
.filter-wrap {
border-radius: 8px;
border: 1px solid #e6e6e8;
// border: 1px solid #e6e6e8;
:deep(.arco-tabs) {
.arco-tabs-tab {
height: 56px;
@ -21,7 +21,6 @@
font-family: $font-family-medium;
font-style: normal;
}
}
.overview-row {
.overview-item {
@ -46,4 +45,4 @@
align-items: center;
}
}
}
}

View File

@ -6,7 +6,7 @@
gap: 20px;
.card-item {
border-radius: 8px;
border: 1px solid var(--BG-300, #e6e6e8);
// border: 1px solid var(--BG-300, #e6e6e8);s
background: var(--BG-white, #fff);
padding: 12px 16px 16px;
display: flex;

View File

@ -4,7 +4,7 @@
-->
<template>
<div class="account-manage-wrap">
<div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
<div class="filter-wrap bg-#fff rounded-8px ">
<div class="top flex h-64px px-24px py-10px justify-between items-center">
<p class="text-18px font-400 lh-26px color-#211F24 title">账户管理</p>
<div class="flex items-center">

View File

@ -1,6 +1,6 @@
<template>
<div class="guidelines-data-wrap">
<div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
<div class="filter-wrap bg-#fff rounded-8px ">
<div class="top flex h-64px px-24px py-10px justify-between items-center">
<p class="text-18px font-400 lh-26px color-#211F24 title">投放信息</p>
</div>

View File

@ -32,7 +32,7 @@
.filter-wrap {
border-radius: 8px;
border: 1px solid #e6e6e8;
// border: 1px solid #e6e6e8;
:deep(.arco-tabs) {
.arco-tabs-tab {
@ -129,7 +129,7 @@
background: var(--BG-white, white);
overflow: hidden;
border-radius: 8px;
outline: 1px var(--BG-300, #E6E6E8) solid;
// outline: 1px var(--BG-300, #E6E6E8) solid;
outline-offset: -1px;
flex-direction: column;
justify-content: flex-start;