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:
林志军
2025-06-27 16:26:03 +08:00
parent b34fd6ef70
commit 404d4812b1
17 changed files with 1167 additions and 896 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
src/views/property-marketing/put-account/investment-guidelines/style.scss Normal file
View File

@ -0,0 +1,196 @@
.part-div {
width: 100%;
background: var(--BG-white, white);
overflow: hidden;
border-radius: 8px;
outline: 1px var(--BG-300, #E6E6E8) solid;
outline-offset: -1px;
flex-direction: column;
justify-content: flex-start;
display: inline-flex;
margin: 10px;
}
.part-div-header {
align-self: stretch;
height: 64px;
padding: 10px 24px 10px 24px;
justify-content: flex-start;
align-items: center;
display: inline-flex
}
.a-tab-class {
color: var(--Brand-6, #6D4CFE);
font-size: 66px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
line-height: 30px;
word-wrap: break-word;
}
//每块div 标题
.part-div-header-title {
justify-content: center;
display: flex;
flex-direction: column;
color: var(--Text-1, #211F24);
font-size: 18px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
line-height: 26px;
word-wrap: break-word;
}
//账户指南-搜索div
.search-form {
padding: 10px 24px 20px 24px;
}
//账户列表-表格
.account-table {
padding: 1px 24px 20px 24px;
width: 100%;
}
.month-data-body {
width: 100%;
padding-bottom: 20px;
padding-left: 24px;
padding-right: 24px;
background: var(--BG-white, white);
overflow: hidden;
border-radius: 8px;
outline: 1px var(--BG-300, #E6E6E8) solid;
outline-offset: -1px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: inline-flex;
margin: 10px;
}
//本周摘要div
.month-body-div {
align-self: stretch;
height: 64px;
padding-top: 10px;
padding-bottom: 10px;
justify-content: space-between;
align-items: center;
display: inline-flex
}
//本月摘要标题
.month-data-title {
justify-content: center;
display: flex;
flex-direction: column;
color: var(--Text-1, #211F24);
font-size: 18px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
line-height: 26px;
word-wrap: break-word
}
//本月摘要-蓝色字体
.month-text-blue {
color: var(--Brand-Brand-6, #6D4CFE);
font-size: 16px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
line-height: 24px;
word-wrap: break-word
}
//红色字体
.month-text-red {
color: var(--Functional-Danger-6, #F64B31);
font-size: 16px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
line-height: 24px;
word-wrap: break-word
}
//黑色字体
.month-text-black {
color: var(--Text-1, #211F24);
font-size: 16px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
line-height: 24px;
word-wrap: break-word
}
//本月摘要数据-div
.month-data-div {
align-self: stretch;
padding: 16px 30px 16px 16px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
background: var(--Brand-Brand-1, #F0EDFF);
overflow: hidden;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 12px;
display: flex;
}
//投放建议-总体策略
.overall-strategy {
width: 100%;
height: 40%;
padding: 20px 24px 20px 16px;
background: var(--BG-100, #F7F8FA);
overflow: hidden;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 12px;
display: inline-flex;
margin: 10px 0px 15px 20px;
}
//投放优化每块div小标题
.placement-optimization-title {
// 总体策略
color: var(--Text-1, #211F24);
font-size: 16px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
line-height: 22px;
word-wrap: break-word
}
.placement-optimization-str {
align-self: stretch;
color: var(--Text-2, #3C4043);
font-size: 14px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
line-height: 22px;
word-wrap: break-word
}
//表现分析标题
.player-title {
margin: 10px 0px 15px 20px;
// 表现分析
color: var(--Text-1, #211F24);
font-size: 16px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
line-height: 22px;
word-wrap: break-word
}