renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 框架样式调整

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/property-marketing/brands/brand-materials/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="brand-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">
@ -72,7 +72,7 @@
</div>
</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"
>
<a-table :data="tableData" ref="tableRef" :pagination="false">
<template #columns>

6
src/views/property-marketing/media-account/account-dashboard/index.vue
View File

@ -5,7 +5,7 @@
<template>
<div class="account-dashboard-wrap">
<div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px pb-20px mb-16px">
<div class="filter-wrap bg-#fff rounded-8px px-24px pb-20px mb-16px">
<div class="top flex h-64px py-10px justify-between items-center">
<div class="flex items-center">
<p class="text-18px font-400 lh-26px color-#211F24 mr-4px title">数据总览</p>
@ -27,11 +27,11 @@
</div>
</div>
</div>
<div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px mb-16px">
<div class="filter-wrap bg-#fff rounded-8px px-24px py-24px mb-16px">
<FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
</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"
>
<AccountTable
ref="accountTableRef"

2
src/views/property-marketing/media-account/account-dashboard/style.scss
View File

@ -4,7 +4,7 @@
flex-direction: column;
.filter-wrap {
border-radius: 8px;
border: 1px solid #e6e6e8;
// border: 1px solid #e6e6e8;
.top {
.title {
font-family: $font-family-medium;

2
src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
View File

@ -3,7 +3,7 @@
* @Date: 2025-06-28 12:58:25
-->
<template>
<div class="account-info-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px mb-16px">
<div class="account-info-wrap bg-#fff rounded-8px px-24px mb-16px">
<div class="title-row">
<span class="cts !text-18px !lh-26px title">账号信息</span>
</div>

2
src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
View File

@ -3,7 +3,7 @@
* @Date: 2025-06-28 12:58:09
-->
<template>
<div class="note-table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px flex-1 flex flex-col">
<div class="note-table-wrap bg-#fff rounded-8px px-24px flex-1 flex flex-col">
<div class="title-row">
<div class="flex items-center">
<span class="cts !text-18px !lh-26px mr-4px title">笔记详情</span>

2
src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
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);
background: var(--BG-white, #fff);
padding: 12px 16px 16px;
display: flex;

2
src/views/property-marketing/media-account/account-manage/index.vue
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">

8
src/views/property-marketing/project-manage/project-list/index.vue
View File

@ -1,12 +1,12 @@
<template>
<div class="project-list-wrap">
<div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
<div class="filter-wrap bg-#fff rounded-8px mb-16px">
<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">
<a-button type="primary" class="w-112px search-btn" size="medium" @click="handleOpenAddProjectModal">
<template #icon>
<icon-plus size="16"/>
<icon-plus size="16" />
</template>
<template #default>添加项目</template>
</a-button>
@ -14,9 +14,7 @@
</div>
<FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
</div>
<div
class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
>
<div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex-1 flex flex-col">
<ProjectTable
:dataSource="dataSource"
@sorterChange="handleSorterChange"

2
src/views/property-marketing/put-account/account-dashboard/index.vue
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>

2
src/views/property-marketing/put-account/account-dashboard/style.scss
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 {

4
src/views/property-marketing/put-account/account-data/index.vue
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"

7
src/views/property-marketing/put-account/account-data/style.scss
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;
}
}
}
}

2
src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
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;

2
src/views/property-marketing/put-account/account-manage/index.vue
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">

2
src/views/property-marketing/put-account/investment-guidelines/detail.vue
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>

4
src/views/property-marketing/put-account/investment-guidelines/style.scss
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;