Skip to content

O
offical_web
Commit f600f596 by qinjianhui
Options

fix: 样式修改

parent cfd7af3a
Showing with 59 additions and 20 deletions
src/views/demand/demandPage.vue
...@@ -689,6 +689,7 @@ export default { ...@@ -689,6 +689,7 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 40px;
} }
.card-inner-content .content-text h4 { .card-inner-content .content-text h4 {
...@@ -706,15 +707,17 @@ export default { ...@@ -706,15 +707,17 @@ export default {
font-size: 16px; font-size: 16px;
} }
// .card-inner-content .content-text h4::before { .card-inner-content .content-text h4::before {
// content: ''; content: "";
// position: absolute; position: absolute;
// top: -16px; top: 50%;
// width: 34px; transform: translate(-20px,-50%);
// height: 6px; width: 10px;
// background-color: #0089ff; height: 10px;
// border-radius: 3px; border-radius: 50%;
// } box-shadow: 0 0 0 5px rgba(37, 84, 254, 0.1);
background-color: #0089ff;
}
.left { .left {
flex: 1; flex: 1;
...@@ -797,6 +800,7 @@ export default { ...@@ -797,6 +800,7 @@ export default {
flex-direction: column; flex-direction: column;
padding: 0 20px; padding: 0 20px;
align-items: flex-start; align-items: flex-start;
gap: 0;
} }
.t-row-1 { .t-row-1 {
...@@ -840,5 +844,17 @@ export default { ...@@ -840,5 +844,17 @@ export default {
.t-row-3 { .t-row-3 {
padding: 40px 0; padding: 40px 0;
} }
.card-inner-content .content-text h4::before {
content: "";
position: unset;
top: unset;
transform: unset;
width: unset;
height: unset;
border-radius: unset;
box-shadow: unset;
background-color: #0089ff;
}
} }
</style> </style>
src/views/function/functionPage.vue
...@@ -21,16 +21,18 @@ ...@@ -21,16 +21,18 @@
<h3 style="text-align: center; font-size: 32px; font-weight: 100"> <h3 style="text-align: center; font-size: 32px; font-weight: 100">
订单管理 订单管理
</h3> </h3>
<h4 style="text-align: center"> <h4 style="text-align: center">获取面单、智能打单发货</h4>
获取面单、智能打单发货 <div
</h4> class="card-inner-content"
<div class="card-inner-content" :style="$isMobile ? 'flex-direction: column-reverse' : ''"> :style="$isMobile ? 'flex-direction: column-reverse' : ''">
<div class="left"> <div class="left">
<div class="content-text"> <div class="content-text">
<h4>自定义规则匹配物流商</h4> <h4>自定义规则匹配物流商</h4>
<div class="text-des" style="margin-left: 0"> <div class="text-des" style="margin-left: 0">
<p>订单批量审核，异常状态标识归纳，超时自动拆单发货</p> <p>订单批量审核，异常状态标识归纳，超时自动拆单发货</p>
<p>支持自定义规则进行物流商自动匹配，智能物流推荐，科学预估包裹运费，提前把控物流成本，降低亏损风险，并实时追踪全球物流轨迹</p> <p>
支持自定义规则进行物流商自动匹配，智能物流推荐，科学预估包裹运费，提前把控物流成本，降低亏损风险，并实时追踪全球物流轨迹
</p>
<p>一键获取面单、智能打单发货、回传跟踪号到平台</p> <p>一键获取面单、智能打单发货、回传跟踪号到平台</p>
<p> <p>
订单管理与包裹管理相结合，既方便运营把控订单发货情况，也便于仓库人员高效打包发货 订单管理与包裹管理相结合，既方便运营把控订单发货情况，也便于仓库人员高效打包发货
...@@ -165,7 +167,10 @@ ...@@ -165,7 +167,10 @@
</div> </div>
<div class="right content-text-wrap"> <div class="right content-text-wrap">
<div class="content-text"> <div class="content-text">
<h4 :style="$isMobile ? 'text-align:left' : 'text-align: center'"> <h4
:style="
$isMobile ? 'text-align:left' : 'text-align: center'
">
根据库存和销量，自动下单给供应商 根据库存和销量，自动下单给供应商
</h4> </h4>
<div class="text-des"> <div class="text-des">
...@@ -193,7 +198,9 @@ ...@@ -193,7 +198,9 @@
<h4 style="text-align: center"> <h4 style="text-align: center">
实时统计报表数据，洞察业务数据变化 实时统计报表数据，洞察业务数据变化
</h4> </h4>
<div class="card-inner-content" :style="$isMobile ? 'flex-direction: column-reverse' : ''"> <div
class="card-inner-content"
:style="$isMobile ? 'flex-direction: column-reverse' : ''">
<div class="left"> <div class="left">
<div class="content-text"> <div class="content-text">
<h4>精准高效决策</h4> <h4>精准高效决策</h4>
...@@ -353,6 +360,7 @@ export default { ...@@ -353,6 +360,7 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 40px;
} }
.card-inner-content .content-text h4 { .card-inner-content .content-text h4 {
...@@ -366,11 +374,13 @@ export default { ...@@ -366,11 +374,13 @@ export default {
.card-inner-content .content-text h4::before { .card-inner-content .content-text h4::before {
content: ''; content: '';
position: absolute; position: absolute;
top: -16px; top: 50%;
width: 34px; transform: translate(-20px, -50%);
height: 6px; width: 10px;
height: 10px;
border-radius: 50%;
box-shadow: 0 0 0 5px rgba(37, 84, 254, 0.1);
background-color: #0089ff; background-color: #0089ff;
border-radius: 3px;
} }
.left { .left {
...@@ -423,6 +433,7 @@ export default { ...@@ -423,6 +433,7 @@ export default {
.card-inner-content { .card-inner-content {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
gap: 0;
} }
.text { .text {
...@@ -474,5 +485,17 @@ export default { ...@@ -474,5 +485,17 @@ export default {
margin-bottom: 0; margin-bottom: 0;
font-size: 14px; font-size: 14px;
} }
.card-inner-content .content-text h4::before {
content: "";
position: unset;
top: unset;
transform: unset;
width: unset;
height: unset;
border-radius: unset;
box-shadow: unset;
background-color: #0089ff;
}
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment