Skip to content

O
offical_web
Commit f264252a by qinjianhui
Options

Merge branch 'dev' into 'master' 

Dev

See merge request !8
parents e2e3f2cc dc7a53b5
Showing with 126 additions and 20 deletions
public/iconfont/demo_index.html
......@@ -55,6 +55,12 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe649;</span>
<div class="name">发货管理</div>
<div class="code-name">&amp;#xe649;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe727;</span>
<div class="name">订单管理</div>
<div class="code-name">&amp;#xe727;</div>
......@@ -120,9 +126,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1673317221620') format('woff2'),
url('iconfont.woff?t=1673317221620') format('woff'),
url('iconfont.ttf?t=1673317221620') format('truetype');
src: url('iconfont.woff2?t=1679542858321') format('woff2'),
url('iconfont.woff?t=1679542858321') format('woff'),
url('iconfont.ttf?t=1679542858321') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
......@@ -149,6 +155,15 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-fahuoguanli"></span>
<div class="name">
发货管理
</div>
<div class="code-name">.icon-fahuoguanli
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dingdanguanli35"></span>
<div class="name">
订单管理
......@@ -249,6 +264,14 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fahuoguanli"></use>
</svg>
<div class="name">发货管理</div>
<div class="code-name">#icon-fahuoguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dingdanguanli35"></use>
</svg>
<div class="name">订单管理</div>
......
public/iconfont/iconfont.css
@font-face {
font-family: "iconfont"; /* Project id 3857911 */
src: url('iconfont.woff2?t=1673317221620') format('woff2'),
url('iconfont.woff?t=1673317221620') format('woff'),
url('iconfont.ttf?t=1673317221620') format('truetype');
src: url('iconfont.woff2?t=1679542858321') format('woff2'),
url('iconfont.woff?t=1679542858321') format('woff'),
url('iconfont.ttf?t=1679542858321') format('truetype');
}
.iconfont {
......@@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-fahuoguanli:before {
content: "\e649";
}
.icon-dingdanguanli35:before {
content: "\e727";
}
......
public/iconfont/iconfont.json
......@@ -6,6 +6,13 @@
"description": "",
"glyphs": [
{
"icon_id": "29186467",
"name": "发货管理",
"font_class": "fahuoguanli",
"unicode": "e649",
"unicode_decimal": 58953
},
{
"icon_id": "763150",
"name": "订单管理",
"font_class": "dingdanguanli35",
......
src/views/demand/demandPage.vue
......@@ -9,7 +9,7 @@
<div class="text">
<h2>需求痛点</h2>
<p>
九猫拥有完整的实施和售后体系，秉承“服务为本，客户至上”的理念竭诚为您服务
九猫ERP处理订单更加智捷、高效；供货承诺数据详实，生产进度一目了然；在线设计器一键合成，文创产品轻松出单
</p>
</div>
<div class="feature-list" ref="feature">
......@@ -689,6 +689,7 @@ export default {
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
}
.card-inner-content .content-text h4 {
......@@ -707,13 +708,15 @@ export default {
}
.card-inner-content .content-text h4::before {
content: '';
content: "";
position: absolute;
top: -16px;
width: 34px;
height: 6px;
top: 50%;
transform: translate(-20px,-50%);
width: 10px;
height: 10px;
border-radius: 50%;
box-shadow: 0 0 0 5px rgba(37, 84, 254, 0.1);
background-color: #0089ff;
border-radius: 3px;
}
.left {
......@@ -797,6 +800,7 @@ export default {
flex-direction: column;
padding: 0 20px;
align-items: flex-start;
gap: 0;
}
.t-row-1 {
......@@ -840,5 +844,17 @@ export default {
.t-row-3 {
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>
src/views/function/functionPage.vue
......@@ -9,7 +9,7 @@
<div class="text">
<h2>核心功能</h2>
<p>
九猫拥有完整的实施和售后体系，秉承“服务为本，客户至上”的理念竭诚为您服务
九猫ERP处理订单更加智捷、高效；供货承诺数据详实，生产进度一目了然；在线设计器一键合成，文创产品轻松出单。
</p>
</div>
</div>
......@@ -19,6 +19,38 @@
<div class="t-row-1">
<div class="card-inner">
<h3 style="text-align: center; font-size: 32px; font-weight: 100">
订单管理
</h3>
<h4 style="text-align: center">获取面单、智能打单发货</h4>
<div
class="card-inner-content"
:style="$isMobile ? 'flex-direction: column-reverse' : ''">
<div class="left">
<div class="content-text">
<h4>自定义规则匹配物流商</h4>
<div class="text-des" style="margin-left: 0">
<p>订单批量审核，异常状态标识归纳，超时自动拆单发货</p>
<p>
支持自定义规则进行物流商自动匹配，智能物流推荐，科学预估包裹运费，提前把控物流成本，降低亏损风险，并实时追踪全球物流轨迹
</p>
<p>一键获取面单、智能打单发货、回传跟踪号到平台</p>
<p>
订单管理与包裹管理相结合，既方便运营把控订单发货情况，也便于仓库人员高效打包发货
</p>
</div>
</div>
</div>
<div class="right content-text-wrap">
<img src="../../assets/images/function/R-B.png" />
</div>
</div>
</div>
</div>
</div>
<!-- <div class="t-row">
<div class="t-row-1">
<div class="card-inner">
<h3 style="text-align: center; font-size: 32px; font-weight: 100">
POD订单
</h3>
<h4 style="text-align: center">
......@@ -121,7 +153,7 @@
</div>
</div>
</div>
</div>
</div> -->
<div class="t-row">
<div class="t-row-1">
<div class="card-inner">
......@@ -135,7 +167,10 @@
</div>
<div class="right content-text-wrap">
<div class="content-text">
<h4 :style="$isMobile ? 'text-align:left' : 'text-align: center'">
<h4
:style="
$isMobile ? 'text-align:left' : 'text-align: center'
">
根据库存和销量，自动下单给供应商
</h4>
<div class="text-des">
......@@ -163,7 +198,9 @@
<h4 style="text-align: center">
实时统计报表数据，洞察业务数据变化
</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="content-text">
<h4>精准高效决策</h4>
......@@ -323,6 +360,7 @@ export default {
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
}
.card-inner-content .content-text h4 {
......@@ -336,11 +374,13 @@ export default {
.card-inner-content .content-text h4::before {
content: '';
position: absolute;
top: -16px;
width: 34px;
height: 6px;
top: 50%;
transform: translate(-20px, -50%);
width: 10px;
height: 10px;
border-radius: 50%;
box-shadow: 0 0 0 5px rgba(37, 84, 254, 0.1);
background-color: #0089ff;
border-radius: 3px;
}
.left {
......@@ -393,6 +433,7 @@ export default {
.card-inner-content {
flex-direction: column;
align-items: flex-start;
gap: 0;
}
.text {
......@@ -444,5 +485,17 @@ export default {
margin-bottom: 0;
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>
src/views/helpPage.vue
......@@ -108,5 +108,8 @@ export default {
.label {
width: 80px;
}
.image {
height: 33vw;
}
}
</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