github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-13 20:12:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: 推广页样式调整

Browse Source
This commit is contained in:
gwok 2024-10-28 18:21:20 +08:00
parent 48515d7caf
commit da53306a2c
5 changed files with 427 additions and 1039 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
public/site/css/ad.css vendored
View File

@ -139,6 +139,8 @@ footer.ad-footer .footer-layout {
.ad-wrapper .topics .topics-btn { .ad-wrapper .topics .topics-btn {
gap: 16px; gap: 16px;
margin-bottom: 240px;
} }
.ad-wrapper .topics .topics-btn .btn { .ad-wrapper .topics .topics-btn .btn {
@ -169,10 +171,15 @@ footer.ad-footer .footer-layout {
} }
.ad-wrapper main { .ad-wrapper main {
background-image: url(../img/ad/plan.png); /* background-image: url(../img/ad/plan.png);
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat; */
position: relative;
}
.ad-plan {
margin-top: -240px;
} }
.ad-plan, .ad-plan,
@ -183,7 +190,7 @@ footer.ad-footer .footer-layout {
.section-wrapper { .section-wrapper {
max-width: 1280px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
padding: 96px 0 64px; padding: 0 0 96px 64px;
display: flex; display: flex;
@ -210,8 +217,8 @@ footer.ad-footer .footer-layout {
.ad-plan .section-content { .ad-plan .section-content {
width: 100%; width: 100%;
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 24px; gap: 32px;
} }
.ad-plan .section-content .plan-item { .ad-plan .section-content .plan-item {
@ -222,6 +229,8 @@ footer.ad-footer .footer-layout {
min-height: 360px; min-height: 360px;
padding: 32px 24px; padding: 32px 24px;
border: 2px solid transparent; border: 2px solid transparent;
position: relative;
} }
.ad-plan .section-content .plan-item:hover, .ad-plan .section-content .plan-item:hover,
@ -230,6 +239,24 @@ footer.ad-footer .footer-layout {
box-shadow: 0px 24px 32px 16px #0000001f; box-shadow: 0px 24px 32px 16px #0000001f;
} }
.ad-plan .section-content .plan-item .plan-item-tag {
position: absolute;
top: -12px;
right: -12px;
width: 88px;
height: 32px;
background-image: url(../img/ad/tag.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 500;
color: #fff;
}
.ad-plan .section-content .plan-item .plan-item-title { .ad-plan .section-content .plan-item .plan-item-title {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
@ -245,10 +272,18 @@ footer.ad-footer .footer-layout {
} }
.ad-plan .section-content .plan-item .plan-item-price .plan-item-price-current { .ad-plan .section-content .plan-item .plan-item-price .plan-item-price-current {
font-size: 24px; font-size: 32px;
font-weight: 900; font-weight: 900;
} }
.ad-plan
.section-content
.plan-item
.plan-item-price
.plan-item-price-current.price {
color: #f3474c;
}
.ad-plan .section-content .plan-item .plan-item-price .plan-item-price-payment { .ad-plan .section-content .plan-item .plan-item-price .plan-item-price-payment {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
@ -269,7 +304,6 @@ footer.ad-footer .footer-layout {
.plan-item .plan-item
.plan-item-price .plan-item-price
.plan-item-price-original.price { .plan-item-price-original.price {
color: #f3474c;
text-decoration: line-through; text-decoration: line-through;
} }

692
public/site/en/ad.html
View File

@ -16,7 +16,7 @@
<link rel="stylesheet" type="text/css" href="../css/rem.css" /> <link rel="stylesheet" type="text/css" href="../css/rem.css" />
<link rel="stylesheet" type="text/css" href="../css/home.css" /> <link rel="stylesheet" type="text/css" href="../css/home.css" />
<link rel="stylesheet" type="text/css" href="../css/ad.css" /> <link rel="stylesheet" type="text/css" href="../css/ad.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css" />
<!-- Google tag (gtag.js) --> <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16660800396"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16660800396"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PE77P6491J"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-PE77P6491J"></script>
@ -27,7 +27,6 @@
</head> </head>
<body> <body>
<div class="ad-dialog"> <div class="ad-dialog">
<div class="ad-dialog-backdrop"></div> <div class="ad-dialog-backdrop"></div>
<div class="ad-dialog-wrapper"> <div class="ad-dialog-wrapper">
@ -35,10 +34,13 @@
<div id="ad-dialog-header-img" class="ad-dialog-header-img"></div> <div id="ad-dialog-header-img" class="ad-dialog-header-img"></div>
</div> </div>
<div id="ad-dialog-content" class="ad-dialog-content"> <div id="ad-dialog-content" class="ad-dialog-content">
Please scan the QR code to add our WeChat customer service representative for purchase Please scan the QR code to add our WeChat customer service
representative for purchase
</div> </div>
<div class="ad-dialog-footer"> <div class="ad-dialog-footer">
<button id="ad-dialog-footer-btn" class="ad-dialog-footer-btn">Got it</button> <button id="ad-dialog-footer-btn" class="ad-dialog-footer-btn">
Got it
</button>
</div> </div>
</div> </div>
</div> </div>
@ -278,7 +280,7 @@
<main> <main>
<section class="ad-plan"> <section class="ad-plan">
<div class="section-wrapper"> <div class="section-wrapper">
<div class="section-title animate__animated animate__fadeInDown animate__fast animate__delay-1s"> <!-- <div class="section-title animate__animated animate__fadeInDown animate__fast animate__delay-1s">
<span id="ad-plan-title"> <span id="ad-plan-title">
September Double Deal Bonanza! September Double Deal Bonanza!
</span> </span>
@ -287,518 +289,25 @@
<span id="ad-plan-description"> <span id="ad-plan-description">
Make life easier, make work more efficient. Make life easier, make work more efficient.
</span> </span>
</div> </div> -->
<div id="ad-plan-content" class="section-content"> <div id="ad-plan-content" class="section-content">
<div class="plan-item "> <div class="plan-item animate__animated">
<div class="plan-item-title">
<span>Unlimited Pro</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥16,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
¥18,888
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
Buy Now
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Support private deployment
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Technical Advisory Services
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Custom logo design
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Dedicated operations customer service
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12-Hour service response
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Free 1-Year Technical Maintenance Included
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title">
<span>50-License Pro</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥13,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
￥16,800
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
Buy Now
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Support private deployment
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Technical Advisory Services
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Custom logo design
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Dedicated operations customer service
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12-Hour service response
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Free 1-Year Technical Maintenance Included
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item active">
<div class="plan-item-title">
<span>30-License Pro</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥11,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
￥15,800
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
Buy Now
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Support private deployment
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Technical Advisory Services
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Custom logo design
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Dedicated operations customer service
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12-Hour service response
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Free 1-Year Technical Maintenance Included
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title">
<span>10-License Pro</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
￥5,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
¥8,800
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
Buy Now
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Support private deployment
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Technical Advisory Services
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Dedicated operations customer service
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12-Hour service response
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Free 1-Year Technical Maintenance Included
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title">
<span>5-License Pro</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥3,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
¥6,800
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
Buy Now
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Support private deployment
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Technical Advisory Services
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Dedicated operations customer service
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12-Hour service response
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Free 1-Year Technical Maintenance Included
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title">
<span>Annual Pro</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥200
<span class="plan-item-price-payment">
/per/year
</span>
</span>
<span class="plan-item-price-original price">
¥288
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
Buy Now
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Support private deployment
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Technical Advisory Services
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Dedicated operations customer service
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12-Hour service response
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Free 1-Year Technical Maintenance Included
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title">
<span>Supported Pro</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥600
<span class="plan-item-price-payment">
/per/year
</span>
</span>
<span class="plan-item-price-original price">
¥680
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
Buy Now
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
For businesses established within 1 year
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Free for 5 or fewer people
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Valid for 1 year
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Support private deployment
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
Custom logo design
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title"> <div class="plan-item-title">
<span>Free</span> <span>Free</span>
</div> </div>
<div class="plan-item-price"> <div class="plan-item-price">
<span class="plan-item-price-current"> <span class="plan-item-price-current price">
0 0
<span class="plan-item-price-payment"> <span class="plan-item-price-payment">
/month /month
</span> </span>
</span> </span>
<span class="plan-item-price-original "> <span class="plan-item-price-original">
Up to 3 People Up to 3 People
</span> </span>
</div> </div>
<div class="plan-item-button"> <div class="plan-item-button">
<a href="#"> <a>
<button class="btn-primary"> <button class="btn-primary">
Deploy Now Deploy Now
</button> </button>
@ -808,39 +317,198 @@
<ul class="plan-item-description-list"> <ul class="plan-item-description-list">
<li class="plan-item-description-item"> <li class="plan-item-description-item">
<i class="plan-item-description-item-icon"> <i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined"> <img src="../img/ad/checked.svg" alt="undefined" />
</i> </i>
<span class="plan-item-description-item-content "> <span class="plan-item-description-item-content">
Support private deployment Support private deployment
</span> </span>
</li> </li>
<li class="plan-item-description-item"> <li class="plan-item-description-item">
<i class="plan-item-description-item-icon"> <i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined"> <img src="../img/ad/checked.svg" alt="undefined" />
</i> </i>
<span class="plan-item-description-item-content "> <span class="plan-item-description-item-content">
Technical Advisory Services Technical Advisory Services
</span> </span>
</li> </li>
<li class="plan-item-description-item"> <li class="plan-item-description-item">
<i class="plan-item-description-item-icon"> <i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined"> <img src="../img/ad/checked.svg" alt="undefined" />
</i> </i>
<span class="plan-item-description-item-content "> <span class="plan-item-description-item-content">
Dedicated operations customer service Dedicated operations customer
service
</span> </span>
</li> </li>
<li class="plan-item-description-item"> <li class="plan-item-description-item">
<i class="plan-item-description-item-icon"> <i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined"> <img src="../img/ad/checked.svg" alt="undefined" />
</i> </i>
<span class="plan-item-description-item-content "> <span class="plan-item-description-item-content">
12-Hour service response 12-Hour service response
</span> </span>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="plan-item active animate__animated">
<div class="plan-item-tag">Popular</div>
<div class="plan-item-title">
<span>10-License Pro</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current price">
￥5,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
¥8,800
</span>
</div>
<div class="plan-item-button">
<a>
<button class="btn-primary">
Buy Now
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
Support private deployment
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
Technical Advisory Services
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
Dedicated operations customer
service
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
12-Hour service response
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
Free 1-Year Technical
Maintenance Included
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item animate__animated">
<div class="plan-item-tag">Hot</div>
<div class="plan-item-title">
<span>Unlimited Pro</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current price">
¥16,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
¥18,888
</span>
</div>
<div class="plan-item-button">
<a>
<button class="btn-primary">
Buy Now
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
Support private deployment
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
Technical Advisory Services
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
Custom logo design
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
Dedicated operations customer
service
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
12-Hour service response
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
Free 1-Year Technical
Maintenance Included
</span>
</li>
</ul>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>

BIN
public/site/img/ad/tag.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

35
public/site/js/ad.js vendored
View File

@ -307,12 +307,32 @@ function handleAdBannerSelfHostButton({
"ad-banner-self-host-button" "ad-banner-self-host-button"
); );
if (selfHostButtonEl) { if (selfHostButtonEl) {
selfHostButtonEl.innerHTML = ` if (href === "#") {
<a href="${href}" ${target === "_blank" ? 'target="_blank"' : ""} > selfHostButtonEl.innerHTML = `
<button class="btn btn-default"> <a>
${label} <button class="btn btn-default">
</button> ${label}
</a>`; </button>
</a>`;
function showDialog(e) {
e.preventDefault();
e.stopPropagation();
const dialogEl = document.querySelector(".ad-dialog");
if (!dialogEl) return;
dialogEl.classList.add("show");
lockBodyScroll(true);
handleDialogAnimate(true)
}
selfHostButtonEl.addEventListener("click", showDialog);
} else {
selfHostButtonEl.innerHTML = `
<a href="${href}" ${target === "_blank" ? 'target="_blank"' : ""} >
<button class="btn btn-default">
${label}
</button>
</a>`;
}
selfHostButtonEl.style = getStyle(style); selfHostButtonEl.style = getStyle(style);
} }
} }
@ -373,11 +393,12 @@ async function handleAdPlanPlans(plans) {
planItemEl.className = `plan-item ${plan.activated ? "active" : "" planItemEl.className = `plan-item ${plan.activated ? "active" : ""
}`; }`;
planItemEl.innerHTML = ` planItemEl.innerHTML = `
${plan.tag ? `<div class="plan-item-tag">${plan.tag}</div>` : ""}
<div class="plan-item-title"> <div class="plan-item-title">
<span>${plan.title}</span> <span>${plan.title}</span>
</div> </div>
<div class="plan-item-price"> <div class="plan-item-price">
<span class="plan-item-price-current"> <span class="plan-item-price-current price">
${plan.price.current} ${plan.price.current}
<span class="plan-item-price-payment"> <span class="plan-item-price-payment">
${plan.price.payment ?? ""} ${plan.price.payment ?? ""}

691
public/site/zh/ad.html
View File

@ -14,7 +14,7 @@
<link rel="stylesheet" type="text/css" href="../css/rem.css" /> <link rel="stylesheet" type="text/css" href="../css/rem.css" />
<link rel="stylesheet" type="text/css" href="../css/home.css" /> <link rel="stylesheet" type="text/css" href="../css/home.css" />
<link rel="stylesheet" type="text/css" href="../css/ad.css" /> <link rel="stylesheet" type="text/css" href="../css/ad.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css" />
<!-- Google tag (gtag.js) --> <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16660800396"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16660800396"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PE77P6491J"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-PE77P6491J"></script>
@ -25,7 +25,6 @@
</head> </head>
<body> <body>
<div class="ad-dialog"> <div class="ad-dialog">
<div class="ad-dialog-backdrop"></div> <div class="ad-dialog-backdrop"></div>
<div class="ad-dialog-wrapper"> <div class="ad-dialog-wrapper">
@ -36,7 +35,9 @@
如需购买请扫码添加微信客服专员 如需购买请扫码添加微信客服专员
</div> </div>
<div class="ad-dialog-footer"> <div class="ad-dialog-footer">
<button id="ad-dialog-footer-btn" class="ad-dialog-footer-btn">确定</button> <button id="ad-dialog-footer-btn" class="ad-dialog-footer-btn">
确定
</button>
</div> </div>
</div> </div>
</div> </div>
@ -274,523 +275,30 @@
<main> <main>
<section class="ad-plan"> <section class="ad-plan">
<div class="section-wrapper"> <div class="section-wrapper">
<div class="section-title animate__animated animate__fadeInDown animate__fast animate__delay-1s"> <!-- <div class="section-title animate__animated animate__fadeInDown animate__fast animate__delay-1s">
<span id="ad-plan-title"> 9月双重钜惠来袭！ </span> <span id="ad-plan-title"> 9月双重钜惠来袭！ </span>
</div> </div>
<div class="section-description animate__animated animate__fadeInDown animate__fast animate__delay-1s"> <div class="section-description animate__animated animate__fadeInDown animate__fast animate__delay-1s">
<span id="ad-plan-description"> 让生活变轻松，让工作变高效 </span> <span id="ad-plan-description"> 让生活变轻松，让工作变高效 </span>
</div> </div> -->
<div id="ad-plan-content" class="section-content"> <div id="ad-plan-content" class="section-content">
<div class="plan-item "> <div class="plan-item animate__animated">
<div class="plan-item-title">
<span>无限专业版</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥16,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
¥18,888
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
立即购买
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
支持私有化部署
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
技术咨询服务
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
LOGO定制
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
专属运营客服
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12小时服务响应
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
赠1年免费技术维护
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title">
<span>50人专业版</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥13,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
￥16,800
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
立即购买
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
支持私有化部署
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
技术咨询服务
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
LOGO定制
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
专属运营客服
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12小时服务响应
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
赠1年免费技术维护
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item active">
<div class="plan-item-title">
<span>30人专业版</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥11,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
￥15,800
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
立即购买
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
支持私有化部署
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
技术咨询服务
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
LOGO定制
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
专属运营客服
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12小时服务响应
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
赠1年免费技术维护
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title">
<span>10人专业版</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
￥5,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
¥8,800
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
立即购买
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
支持私有化部署
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
技术咨询服务
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
专属运营客服
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12小时服务响应
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
赠1年免费技术维护
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title">
<span>5人专业版</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥3,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
¥6,800
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
立即购买
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
支持私有化部署
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
技术咨询服务
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
专属运营客服
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12小时服务响应
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
赠1年免费技术维护
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title">
<span>年度专业版</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥200
<span class="plan-item-price-payment">
/人/年
</span>
</span>
<span class="plan-item-price-original price">
¥288
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
立即购买
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
支持私有化部署
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
技术咨询服务
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
专属运营客服
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
12小时服务响应
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
赠1年免费技术维护
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title">
<span>扶持专业版</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current">
¥600
<span class="plan-item-price-payment">
/人/年
</span>
</span>
<span class="plan-item-price-original price">
¥680
</span>
</div>
<div class="plan-item-button">
<a href="#">
<button class="btn-primary">
立即购买
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
适用于成立1年内企业
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
限5人内（含）免费
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
有效期一年
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
支持私有化部署
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined">
</i>
<span class="plan-item-description-item-content ">
专属运营客服
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item ">
<div class="plan-item-title"> <div class="plan-item-title">
<span>免费版</span> <span>免费版</span>
</div> </div>
<div class="plan-item-price"> <div class="plan-item-price">
<span class="plan-item-price-current"> <span class="plan-item-price-current price">
0 0
<span class="plan-item-price-payment"> <span class="plan-item-price-payment">
/月 /月
</span> </span>
</span> </span>
<span class="plan-item-price-original "> <span class="plan-item-price-original">
最多3人 最多3人
</span> </span>
</div> </div>
<div class="plan-item-button"> <div class="plan-item-button">
<a href="#"> <a>
<button class="btn-primary"> <button class="btn-primary">
立即部署 立即部署
</button> </button>
@ -800,39 +308,193 @@
<ul class="plan-item-description-list"> <ul class="plan-item-description-list">
<li class="plan-item-description-item"> <li class="plan-item-description-item">
<i class="plan-item-description-item-icon"> <i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined"> <img src="../img/ad/checked.svg" alt="undefined" />
</i> </i>
<span class="plan-item-description-item-content "> <span class="plan-item-description-item-content">
支持私有化部署 支持私有化部署
</span> </span>
</li> </li>
<li class="plan-item-description-item"> <li class="plan-item-description-item">
<i class="plan-item-description-item-icon"> <i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined"> <img src="../img/ad/checked.svg" alt="undefined" />
</i> </i>
<span class="plan-item-description-item-content "> <span class="plan-item-description-item-content">
技术咨询服务 技术咨询服务
</span> </span>
</li> </li>
<li class="plan-item-description-item"> <li class="plan-item-description-item">
<i class="plan-item-description-item-icon"> <i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined"> <img src="../img/ad/checked.svg" alt="undefined" />
</i> </i>
<span class="plan-item-description-item-content "> <span class="plan-item-description-item-content">
专属运营客服 专属运营客服
</span> </span>
</li> </li>
<li class="plan-item-description-item"> <li class="plan-item-description-item">
<i class="plan-item-description-item-icon"> <i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined"> <img src="../img/ad/checked.svg" alt="undefined" />
</i> </i>
<span class="plan-item-description-item-content "> <span class="plan-item-description-item-content">
12小时服务响应 12小时服务响应
</span> </span>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="plan-item active animate__animated">
<div class="plan-item-tag">最受欢迎</div>
<div class="plan-item-title">
<span>10人专业版</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current price">
￥5,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
¥8,800
</span>
</div>
<div class="plan-item-button">
<a>
<button class="btn-primary">
立即购买
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
支持私有化部署
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
技术咨询服务
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
专属运营客服
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
12小时服务响应
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="../img/ad/checked.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
赠1年免费技术维护
</span>
</li>
</ul>
</div>
</div>
<div class="plan-item animate__animated">
<div class="plan-item-tag">热销</div>
<div class="plan-item-title">
<span>无限专业版</span>
</div>
<div class="plan-item-price">
<span class="plan-item-price-current price">
¥16,800
<span class="plan-item-price-payment">
</span>
</span>
<span class="plan-item-price-original price">
¥18,888
</span>
</div>
<div class="plan-item-button">
<a>
<button class="btn-primary">
立即购买
</button>
</a>
</div>
<div class="plan-item-description">
<ul class="plan-item-description-list">
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
支持私有化部署
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
技术咨询服务
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
LOGO定制
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
专属运营客服
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
12小时服务响应
</span>
</li>
<li class="plan-item-description-item">
<i class="plan-item-description-item-icon">
<img src="https://cms.hitosea.com/uploads/plan_checked_ea40b42593.svg" alt="undefined" />
</i>
<span class="plan-item-description-item-content">
赠1年免费技术维护
</span>
</li>
</ul>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>
@ -856,7 +518,8 @@
<span> 项目管理 </span> <span> 项目管理 </span>
</div> </div>
<div class="ad-intro-item-description"> <div class="ad-intro-item-description">
<span>支持多种项目管理模式，如敏捷开发、水晶计划、看板等，适用于各种规模和类型的项目管理。用户可以使用DooTask里的项目管理工具，例如任务分配、进度跟踪、资源分配等来管理整个项目。 </span> <span>支持多种项目管理模式，如敏捷开发、水晶计划、看板等，适用于各种规模和类型的项目管理。用户可以使用DooTask里的项目管理工具，例如任务分配、进度跟踪、资源分配等来管理整个项目。
</span>
</div> </div>
</div> </div>
<div class="ad-intro-item"> <div class="ad-intro-item">
@ -870,7 +533,8 @@
<span> 团队协作 </span> <span> 团队协作 </span>
</div> </div>
<div class="ad-intro-item-description"> <div class="ad-intro-item-description">
<span>DooTask的丰富实用的工具可以方便团队成员之间的沟通和协作，提高工作效率。例如，团队成员可以使用DooTask里的文档协作工具、在线思维导图、流程图等工具进行协作。 </span> <span>DooTask的丰富实用的工具可以方便团队成员之间的沟通和协作，提高工作效率。例如，团队成员可以使用DooTask里的文档协作工具、在线思维导图、流程图等工具进行协作。
</span>
</div> </div>
</div> </div>
<div class="ad-intro-item"> <div class="ad-intro-item">
@ -899,7 +563,8 @@
<span> 自由定制 </span> <span> 自由定制 </span>
</div> </div>
<div class="ad-intro-item-description"> <div class="ad-intro-item-description">
<span>DooTask是一款完全开源的工具，用户可以自由修改和定制，避免了商业软件订阅费用带来的额外成本。 </span> <span>DooTask是一款完全开源的工具，用户可以自由修改和定制，避免了商业软件订阅费用带来的额外成本。
</span>
</div> </div>
</div> </div>
</div> </div>