mirror of
https://github.com/kuaifan/dootask.git
synced 2025-12-12 19:35:50 +00:00
style: 推广页样式调整
This commit is contained in:
gwok
parent
48515d7caf
commit
da53306a2c
48
public/site/css/ad.css
vendored
48
public/site/css/ad.css
vendored
@ -139,6 +139,8 @@ footer.ad-footer .footer-layout {
|
||||
|
||||
.ad-wrapper .topics .topics-btn {
|
||||
gap: 16px;
|
||||
|
||||
margin-bottom: 240px;
|
||||
}
|
||||
|
||||
.ad-wrapper .topics .topics-btn .btn {
|
||||
@ -169,10 +171,15 @@ footer.ad-footer .footer-layout {
|
||||
}
|
||||
|
||||
.ad-wrapper main {
|
||||
background-image: url(../img/ad/plan.png);
|
||||
/* background-image: url(../img/ad/plan.png);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-repeat: no-repeat; */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ad-plan {
|
||||
margin-top: -240px;
|
||||
}
|
||||
|
||||
.ad-plan,
|
||||
@ -183,7 +190,7 @@ footer.ad-footer .footer-layout {
|
||||
.section-wrapper {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 96px 0 64px;
|
||||
padding: 0 0 96px 64px;
|
||||
|
||||
display: flex;
|
||||
|
||||
@ -210,8 +217,8 @@ footer.ad-footer .footer-layout {
|
||||
.ad-plan .section-content {
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 24px;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
.ad-plan .section-content .plan-item {
|
||||
@ -222,6 +229,8 @@ footer.ad-footer .footer-layout {
|
||||
min-height: 360px;
|
||||
padding: 32px 24px;
|
||||
border: 2px solid transparent;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ad-plan .section-content .plan-item:hover,
|
||||
@ -230,6 +239,24 @@ footer.ad-footer .footer-layout {
|
||||
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 {
|
||||
font-size: 18px;
|
||||
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 {
|
||||
font-size: 24px;
|
||||
font-size: 32px;
|
||||
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 {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
@ -269,7 +304,6 @@ footer.ad-footer .footer-layout {
|
||||
.plan-item
|
||||
.plan-item-price
|
||||
.plan-item-price-original.price {
|
||||
color: #f3474c;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
<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/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) -->
|
||||
<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>
|
||||
@ -27,7 +27,6 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="ad-dialog">
|
||||
<div class="ad-dialog-backdrop"></div>
|
||||
<div class="ad-dialog-wrapper">
|
||||
@ -35,10 +34,13 @@
|
||||
<div id="ad-dialog-header-img" class="ad-dialog-header-img"></div>
|
||||
</div>
|
||||
<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 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>
|
||||
@ -278,7 +280,7 @@
|
||||
<main>
|
||||
<section class="ad-plan">
|
||||
<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">
|
||||
September Double Deal Bonanza!
|
||||
</span>
|
||||
@ -287,518 +289,25 @@
|
||||
<span id="ad-plan-description">
|
||||
Make life easier, make work more efficient.
|
||||
</span>
|
||||
</div>
|
||||
</div> -->
|
||||
<div id="ad-plan-content" class="section-content">
|
||||
<div class="plan-item ">
|
||||
<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 animate__animated">
|
||||
<div class="plan-item-title">
|
||||
<span>Free</span>
|
||||
</div>
|
||||
<div class="plan-item-price">
|
||||
<span class="plan-item-price-current">
|
||||
<span class="plan-item-price-current price">
|
||||
0
|
||||
<span class="plan-item-price-payment">
|
||||
/month
|
||||
</span>
|
||||
</span>
|
||||
<span class="plan-item-price-original ">
|
||||
<span class="plan-item-price-original">
|
||||
Up to 3 People
|
||||
</span>
|
||||
</div>
|
||||
<div class="plan-item-button">
|
||||
<a href="#">
|
||||
<a>
|
||||
<button class="btn-primary">
|
||||
Deploy Now
|
||||
</button>
|
||||
@ -808,39 +317,198 @@
|
||||
<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">
|
||||
<img src="../img/ad/checked.svg" alt="undefined" />
|
||||
</i>
|
||||
<span class="plan-item-description-item-content ">
|
||||
<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">
|
||||
<img src="../img/ad/checked.svg" alt="undefined" />
|
||||
</i>
|
||||
<span class="plan-item-description-item-content ">
|
||||
<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">
|
||||
<img src="../img/ad/checked.svg" alt="undefined" />
|
||||
</i>
|
||||
<span class="plan-item-description-item-content ">
|
||||
Dedicated operations customer service
|
||||
<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">
|
||||
<img src="../img/ad/checked.svg" alt="undefined" />
|
||||
</i>
|
||||
<span class="plan-item-description-item-content ">
|
||||
<span class="plan-item-description-item-content">
|
||||
12-Hour service response
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
</section>
|
||||
|
||||
BIN
public/site/img/ad/tag.png
Normal file
BIN
public/site/img/ad/tag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
35
public/site/js/ad.js
vendored
35
public/site/js/ad.js
vendored
@ -307,12 +307,32 @@ function handleAdBannerSelfHostButton({
|
||||
"ad-banner-self-host-button"
|
||||
);
|
||||
if (selfHostButtonEl) {
|
||||
selfHostButtonEl.innerHTML = `
|
||||
<a href="${href}" ${target === "_blank" ? 'target="_blank"' : ""} >
|
||||
<button class="btn btn-default">
|
||||
${label}
|
||||
</button>
|
||||
</a>`;
|
||||
if (href === "#") {
|
||||
selfHostButtonEl.innerHTML = `
|
||||
<a>
|
||||
<button class="btn btn-default">
|
||||
${label}
|
||||
</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);
|
||||
}
|
||||
}
|
||||
@ -373,11 +393,12 @@ async function handleAdPlanPlans(plans) {
|
||||
planItemEl.className = `plan-item ${plan.activated ? "active" : ""
|
||||
}`;
|
||||
planItemEl.innerHTML = `
|
||||
${plan.tag ? `<div class="plan-item-tag">${plan.tag}</div>` : ""}
|
||||
<div class="plan-item-title">
|
||||
<span>${plan.title}</span>
|
||||
</div>
|
||||
<div class="plan-item-price">
|
||||
<span class="plan-item-price-current">
|
||||
<span class="plan-item-price-current price">
|
||||
${plan.price.current}
|
||||
<span class="plan-item-price-payment">
|
||||
${plan.price.payment ?? ""}
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
<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/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) -->
|
||||
<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>
|
||||
@ -25,7 +25,6 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="ad-dialog">
|
||||
<div class="ad-dialog-backdrop"></div>
|
||||
<div class="ad-dialog-wrapper">
|
||||
@ -36,7 +35,9 @@
|
||||
如需购买请扫码添加微信客服专员
|
||||
</div>
|
||||
<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>
|
||||
@ -274,523 +275,30 @@
|
||||
<main>
|
||||
<section class="ad-plan">
|
||||
<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>
|
||||
</div>
|
||||
<div class="section-description animate__animated animate__fadeInDown animate__fast animate__delay-1s">
|
||||
<span id="ad-plan-description"> 让生活变轻松，让工作变高效 </span>
|
||||
</div>
|
||||
</div> -->
|
||||
<div id="ad-plan-content" class="section-content">
|
||||
<div class="plan-item ">
|
||||
<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 animate__animated">
|
||||
<div class="plan-item-title">
|
||||
<span>免费版</span>
|
||||
</div>
|
||||
<div class="plan-item-price">
|
||||
<span class="plan-item-price-current">
|
||||
<span class="plan-item-price-current price">
|
||||
0
|
||||
<span class="plan-item-price-payment">
|
||||
/月
|
||||
</span>
|
||||
</span>
|
||||
<span class="plan-item-price-original ">
|
||||
<span class="plan-item-price-original">
|
||||
最多3人
|
||||
</span>
|
||||
</div>
|
||||
<div class="plan-item-button">
|
||||
<a href="#">
|
||||
<a>
|
||||
<button class="btn-primary">
|
||||
立即部署
|
||||
</button>
|
||||
@ -800,39 +308,193 @@
|
||||
<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">
|
||||
<img src="../img/ad/checked.svg" alt="undefined" />
|
||||
</i>
|
||||
<span class="plan-item-description-item-content ">
|
||||
<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">
|
||||
<img src="../img/ad/checked.svg" alt="undefined" />
|
||||
</i>
|
||||
<span class="plan-item-description-item-content ">
|
||||
<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">
|
||||
<img src="../img/ad/checked.svg" alt="undefined" />
|
||||
</i>
|
||||
<span class="plan-item-description-item-content ">
|
||||
<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">
|
||||
<img src="../img/ad/checked.svg" alt="undefined" />
|
||||
</i>
|
||||
<span class="plan-item-description-item-content ">
|
||||
<span class="plan-item-description-item-content">
|
||||
12小时服务响应
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
</section>
|
||||
@ -856,7 +518,8 @@
|
||||
<span> 项目管理 </span>
|
||||
</div>
|
||||
<div class="ad-intro-item-description">
|
||||
<span>支持多种项目管理模式，如敏捷开发、水晶计划、看板等，适用于各种规模和类型的项目管理。用户可以使用DooTask里的项目管理工具，例如任务分配、进度跟踪、资源分配等来管理整个项目。 </span>
|
||||
<span>支持多种项目管理模式，如敏捷开发、水晶计划、看板等，适用于各种规模和类型的项目管理。用户可以使用DooTask里的项目管理工具，例如任务分配、进度跟踪、资源分配等来管理整个项目。
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ad-intro-item">
|
||||
@ -870,7 +533,8 @@
|
||||
<span> 团队协作 </span>
|
||||
</div>
|
||||
<div class="ad-intro-item-description">
|
||||
<span>DooTask的丰富实用的工具可以方便团队成员之间的沟通和协作，提高工作效率。例如，团队成员可以使用DooTask里的文档协作工具、在线思维导图、流程图等工具进行协作。 </span>
|
||||
<span>DooTask的丰富实用的工具可以方便团队成员之间的沟通和协作，提高工作效率。例如，团队成员可以使用DooTask里的文档协作工具、在线思维导图、流程图等工具进行协作。
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ad-intro-item">
|
||||
@ -899,7 +563,8 @@
|
||||
<span> 自由定制 </span>
|
||||
</div>
|
||||
<div class="ad-intro-item-description">
|
||||
<span>DooTask是一款完全开源的工具，用户可以自由修改和定制，避免了商业软件订阅费用带来的额外成本。 </span>
|
||||
<span>DooTask是一款完全开源的工具，用户可以自由修改和定制，避免了商业软件订阅费用带来的额外成本。
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user