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

5
src/views/components/dataEngine/hotCloud.vue
View File

@ -1,10 +1,7 @@
<template>
<view>
<topHeader ref="topHeaderRef" @search="search"></topHeader>
<a-space
direction="vertical"
class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-24px"
>
<a-space direction="vertical" class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px">
<div class="title-row">
<span class="title mr-4px">行业词云</span>
<a-tooltip>

2
src/views/components/dataEngine/hotTranslation.vue
View File

@ -4,7 +4,7 @@
<!-- tabel -->
<a-space
direction="vertical"
class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-24px"
class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px"
>
<div class="title-row">
<span class="title mr-4px">行业热门话题洞察</span>

4
src/views/components/dataEngine/keyBrandMovement.vue
View File

@ -5,7 +5,7 @@
<!-- 重点品牌列表 -->
<a-space
direction="vertical"
class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-24px"
class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px"
>
<div class="title-row">
<span class="title mr-4px">重点品牌列表</span>
@ -76,7 +76,7 @@
<!-- 舆情 & 敏感动态-->
<a-space
direction="vertical"
class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-24px"
class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px"
>
<div class="title-row">
<span class="title mr-4px">舆情 & 敏感动态</span>

6
src/views/components/dataEngine/keyWord.vue
View File

@ -5,7 +5,7 @@
<!-- 关键词热度榜 -->
<a-space
direction="vertical"
class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-20px"
class="bg-#fff rounded-8px w-100% py-0 px-20px mb-20px"
>
<div class="title-row">
<span class="title mr-4px">关键词热度榜</span>
@ -74,7 +74,7 @@
<!-- 行业情绪 -->
<a-space
direction="vertical"
class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-24px"
class="bg-#fff rounded-8px w-100% py-0 px-20px mb-24px"
>
<div class="title-row">
<span class="title mr-4px">行业情绪</span>
@ -128,7 +128,7 @@
<!-- 新兴关键词 -->
<a-space
direction="vertical"
class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px"
class="bg-#fff rounded-8px w-100% py-0 px-20px"
>
<div class="title-row">
<span class="title mr-4px">新兴关键词</span>

2
src/views/components/dataEngine/topHeader.vue
View File

@ -3,7 +3,7 @@
<!-- 头部 -->
<a-space
direction="vertical"
class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-20px"
class="bg-#fff rounded-8px mb-20px"
style="background-color: #fff; width: 100%; padding: 24px; color: #737478; font-size: 14px"
>
<a-space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">

2
src/views/components/dataEngine/userPainPoints.vue
View File

@ -6,7 +6,7 @@
<a-space
direction="vertical"
style="background-color: #fff; width: 100%; padding: 0 20px"
class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-24px"
class="bg-#fff rounded-8px mb-24px"
>
<div class="title-row">
<span class="title mr-4px">用户痛点观察</span>

6
src/views/components/dataEngine/userPersona.vue
View File

@ -3,7 +3,7 @@
<topHeader ref="topHeaderRef" @search="search"></topHeader>
<div class="h-360px w-100% flex mb-24px">
<!-- 1. 性别分布 -->
<div class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px w-600px mr-24px">
<div class="bg-#fff rounded-8px w-100% py-0 px-20px w-600px mr-24px">
<div class="title-row">
<span class="title mr-4px">性别分布</span>
<a-tooltip>
@ -36,7 +36,7 @@
</div>
</div>
<!-- 2. 年龄分布 -->
<div class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px flex-1 flex flex-col">
<div class="bg-#fff rounded-8px w-100% py-0 px-20px flex-1 flex flex-col">
<a-space style="display: flex; justify-content: space-between; width: 100%; font-size: 12px">
<div class="title-row">
<span class="title mr-4px">年龄分布</span>
@ -58,7 +58,7 @@
<div v-else id="age-container" class="w-100% flex-1"></div>
</div>
</div>
<div class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px flex-1 pb-20px">
<div class="bg-#fff rounded-8px w-100% py-0 px-20px flex-1 pb-20px">
<div class="title-row">
<span class="title mr-4px">地域分布</span>
<a-tooltip>

2
src/views/components/login/index.vue
View File

@ -15,7 +15,7 @@
align="center"
class="w-400 bg-#fff rounded-8px shadow-[0_4px_10px_0_#6D4CFE33] px-40px py-48px"
>
<img src="@/assets/img/LOGO.svg" alt="" class="w-155 h-37 mb-8px" />
<img src="@/assets/img/icon-logo.png" alt="" width="96" height="24" class="mb-8px" />
<span class="text-4 color-#737478">AI营销工具</span>
<a-form ref="formRef" :model="loginForm" :rules="formRules" auto-label-width class="w-320 mt-48px form-wrap">
<a-form-item field="mobile" hide-label>

6
src/views/creative-generation-workshop/explore/detail/index.vue
View File

@ -9,7 +9,7 @@ import { ENUM_OPINION } from './constants';
import { handleUserHome } from '@/utils/user.ts';
import { useUserStore } from '@/stores';
import icon1 from '@/assets/LOGO.svg';
import icon1 from '@/assets/img/icon-logo.png';
import icon2 from '@/assets/img/creative-generation-workshop/icon-confirm.png';
import icon3 from '@/assets/img/creative-generation-workshop/icon-line.png';
@ -212,9 +212,9 @@ export default {
return (
<div class="explore-page">
<header class="page-header">
<div class="content w-full px-24px flex items-center bg-#fff justify-between">
<div class="content w-full px-24px flex items-center justify-between">
<div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
<img src={icon1} alt="" width={130} />
<img src={icon1} alt="" width="96" height="24"/>
</div>
<div class="flex items-center">{renderActionRow()}</div>
</div>

20
src/views/creative-generation-workshop/explore/detail/style.scss
View File

@ -3,7 +3,7 @@
padding-top: $navbar-height;
min-width: 1200px;
height: 100vh;
background: #fff;
// background: #fff;
display: flex;
flex-direction: column;
.page-header {
@ -15,7 +15,21 @@
min-width: 1200px;
.content {
height: $navbar-height;
border-bottom: 1px solid var(--Border-1, #d7d7d9);
// border-bottom: 1px solid var(--Border-1, #d7d7d9);
}
&::before {
width: 100%;
height: 100%;
background: url('@/assets/img/icon-app-header-bg.png') center top no-repeat !important;
background-size: cover !important;
bottom: 0;
content: '';
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -998;
}
}
.cts {
@ -34,7 +48,7 @@
flex: 1;
display: flex;
justify-content: center;
background: #fff;
// background: #fff;
.explore-detail-wrap {
min-height: 500px;
width: 684px;

6
src/views/creative-generation-workshop/explore/list/index.vue
View File

@ -8,7 +8,7 @@ import { getShareWorksList } from '@/api/all/generationWorkshop';
import { ENUM_OPINION } from '../detail/constants';
import icon1 from '@/assets/img/error-img.png';
import icon2 from '@/assets/LOGO.svg';
import icon2 from '@/assets/img/icon-logo.png';
export default {
setup(props, { emit, expose }) {
@ -44,9 +44,9 @@ export default {
return (
<div class="explore-page">
<header class="page-header">
<div class="content w-full px-24px flex items-center bg-#fff">
<div class="content w-full px-24px flex items-center ">
<div class="h-full flex items-center cursor-pointer" onClick={handleUserHome}>
<img src={icon2} alt="" />
<img src={icon2} alt="" width="96" height="24" />
</div>
</div>
</header>

18
src/views/creative-generation-workshop/explore/list/style.scss
View File

@ -2,7 +2,6 @@
position: relative;
padding-top: $navbar-height;
min-width: 1200px;
background: #fff;
.cts {
font-family: $font-family-regular;
font-size: 14px;
@ -22,11 +21,24 @@
min-width: 1200px;
.content {
height: $navbar-height;
border-bottom: 1px solid var(--Border-1, #d7d7d9);
// border-bottom: 1px solid var(--Border-1, #d7d7d9);
}
&::before {
width: 100%;
height: 100%;
background: url('@/assets/img/icon-app-header-bg.png') center top no-repeat !important;
background-size: cover !important;
bottom: 0;
content: '';
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -998;
}
}
.page-wrapper {
background: #fff;
min-height: calc(100vh - $navbar-height);
.explore-container {
width: 1200px;

4
src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="manuscript-check-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">
<a-tabs v-model="query.audit_status" @tab-click="handleTabClick">
<a-tab-pane :title="item.label" v-for="item in AUDIT_STATUS_LIST" :key="item.value"></a-tab-pane>
<!-- <template #extra>
@ -11,7 +11,7 @@
@reset="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">
<div class="flex justify-end mb-12px"
v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)">
<a-button type="outline" class="w-fit" size="medium" @click="handleBatchCheck"

2
src/views/creative-generation-workshop/manuscript-writer/check/index.vue
View File

@ -215,7 +215,7 @@ export default {
</div>
)}
<div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
<div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px ">
<HeaderCard
dataSource={dataSource.value}
selectCardInfo={selectCardInfo.value}

2
src/views/creative-generation-workshop/manuscript-writer/detail/index.vue
View File

@ -154,7 +154,7 @@ export default {
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
<span class="cts bold !color-#1D2129">内容稿件详情</span>
</div>
<div class="flex-1 overflow-y-auto bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid py-32px">
<div class="flex-1 overflow-y-auto bg-#fff rounded-8px py-32px">
<div class="w-684px mx-auto flex flex-col items-center">
<div class="flex justify-start flex-col w-full">
<p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">{dataSource.value.title}</p>

2
src/views/creative-generation-workshop/manuscript-writer/edit/index.vue
View File

@ -99,7 +99,7 @@ export default {
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
<span class="cts bold !color-#1D2129">编辑内容稿件</span>
</div>
<div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
<div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px ">
<EditForm
ref={formRef}
formData={dataSource.value}

4
src/views/creative-generation-workshop/manuscript-writer/list/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="manuscript-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">
@ -15,7 +15,7 @@
<FilterBlock v-model:query="query" @search="handleSearch" @reset="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"
>
<ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
<div v-if="pageInfo.total > 0" class="pagination-box">

2
src/views/creative-generation-workshop/manuscript-writer/upload/index.vue
View File

@ -244,7 +244,7 @@ export default {
return () => (
<>
<div class="manuscript-upload-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">
<div class="manuscript-upload-wrap bg-#fff rounded-8px flex">
<div class="left flex-1 overflow-y-auto p-24px">
<EditForm
ref={formRef}

4
src/views/creative-generation-workshop/manuscript/check-list/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="manuscript-check-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">
<a-tabs v-model="query.audit_status" @tab-click="handleTabClick">
<a-tab-pane :title="item.label" v-for="item in AUDIT_STATUS_LIST" :key="item.value"></a-tab-pane>
<template #extra>
@ -11,7 +11,7 @@
@reset="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">
<div class="flex justify-end mb-12px"
v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)">
<a-button type="outline" class="w-fit" size="medium" @click="handleBatchCheck"

2
src/views/creative-generation-workshop/manuscript/check/index.vue
View File

@ -215,7 +215,7 @@ export default {
</div>
)}
<div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
<div class="flex-1 flex flex-col overflow-hidden bg-#fff rounded-8px ">
<HeaderCard
dataSource={dataSource.value}
selectCardInfo={selectCardInfo.value}

2
src/views/creative-generation-workshop/manuscript/detail/index.vue
View File

@ -153,7 +153,7 @@ export default {
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
<span class="cts bold !color-#1D2129">内容稿件详情</span>
</div>
<div class="flex-1 overflow-y-auto bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid py-32px">
<div class="flex-1 overflow-y-auto bg-#fff rounded-8px py-32px">
<div class="w-684px mx-auto flex flex-col items-center">
<div class="flex justify-start flex-col w-full">
<p class="mb-8px cts bold !text-28px !lh-40px !color-#211F24">{dataSource.value.title}</p>

2
src/views/creative-generation-workshop/manuscript/edit/index.vue
View File

@ -97,7 +97,7 @@ export default {
<icon-oblique-line size="12" class="color-#C9CDD4 mx-4px" />
<span class="cts bold !color-#1D2129">编辑内容稿件</span>
</div>
<div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
<div class="flex-1 overflow-y-auto p-24px bg-#fff rounded-8px ">
<EditForm
ref={formRef}
formData={dataSource.value}

4
src/views/creative-generation-workshop/manuscript/list/index.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="manuscript-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">
@ -18,7 +18,7 @@
<FilterBlock v-model:query="query" @search="handleSearch" @reset="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"
>
<ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
<div v-if="pageInfo.total > 0" class="pagination-box">

2
src/views/creative-generation-workshop/manuscript/upload/index.vue
View File

@ -245,7 +245,7 @@ export default {
return () => (
<>
<div class="manuscript-upload-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid flex">
<div class="manuscript-upload-wrap bg-#fff rounded-8px flex">
<div class="left flex-1 overflow-y-auto p-24px">
<EditForm
ref={formRef}

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;