github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-27 14:07:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge commit '986e2cf0b46144ae461825776eea00c3002a30d7' into pro

Browse Source
This commit is contained in:
kuaifan 2023-07-13 00:26:52 +08:00
commit fc01f00915
11 changed files with 97 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/site/css/common.css vendored
View File

@ -18,7 +18,7 @@ i{
}
a{
color: var(--text-color);
text-decoration: none;
text-decoration: none;
cursor: pointer;
}
img {
@ -585,7 +585,7 @@ img {
box-shadow: var(--pop-box-shadow);
transition: all 0.5s ease-in-out;
z-index: 999;
}
}
.drawer-t{
display: flex;
justify-content: space-between;
@ -763,7 +763,7 @@ img {
display: inline-block;
}
.login-btn{
width: 84px;
width: 84px;
display: inline-block;
}
/* 底部样式 */
@ -781,7 +781,7 @@ footer{
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-top: 46px;
padding-top: 46px;
border-bottom: var(--border-color) solid 1px;
}
#qq_group{
@ -977,3 +977,6 @@ footer{
stroke-dashoffset: 0;
}
}
.start_a{
width: 100%;
}

38
public/site/en/index.html
View File

@ -101,7 +101,7 @@
<h4 class="txt-4001830 topics-h4 mb-32">Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.</h4>
<div class="topics-btn flex-cc">
<span class="mr-24 get-started">
<a href="file:///Users/mac-023/Downloads/site/en/price.html">
<a href="./price.html">
<button class="btn btn-primary mr-20">Get Started</button>
</a>
</span>
@ -211,7 +211,7 @@
</li>
</ul>
</div>
</article>
</article>
<!-- 功能卡片区域 -->
<article class="card">
<div class="card-con">
@ -229,7 +229,7 @@
<h3 class="txt-5002025 card-ul-item-h3">Project Management</h3>
<img class="arrows" src="../img/vector.svg" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.</i>
</div>
</li>
<li class="card-ul-item">
@ -243,7 +243,7 @@
<h3 class="txt-5002025 card-ul-item-h3">Teamwork</h3>
<img class="arrows" src="../img/vector.svg" alt="Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.</i>
</div>
</li>
<li class="card-ul-item">
@ -257,7 +257,7 @@
<h3 class="txt-5002025 card-ul-item-h3">Task Synergy</h3>
<img class="arrows" src="../img/vector.svg" alt="A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.</i>
</div>
</li>
<li class="card-ul-item">
@ -271,7 +271,7 @@
<h3 class="txt-5002025 card-ul-item-h3">Performance Measurement</h3>
<img class="arrows" src="../img/vector.svg" alt="Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.</i>
</div>
</li>
<li class="card-ul-item">
@ -285,7 +285,7 @@
<h3 class="txt-5002025 card-ul-item-h3">Communication Report</h3>
<img class="arrows" src="../img/vector.svg" alt="Instant messaging and sharing based on work scenarios for better team communication.">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Instant messaging and sharing based on work scenarios for better team communication.</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">Instant messaging and sharing based on work scenarios for better team communication.</i>
</div>
</li>
</ul>
@ -299,37 +299,37 @@
<li style="width: 100%;">
<img class="icon" src="../img/home_icon1.svg" alt="Project Management">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">Project Management</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.</i>
<i class="txt-4001524 card-ul-item-txt mb-16">Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.</i>
<img class="card-pic mb-40" id="home_pic2" src="../img/light/zh_home_pic2.png" alt="Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work.">
</li>
<li style="width: 100%;">
<img class="icon" src="../img/home_icon2.svg" alt="Teamwork">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">Teamwork</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.</i>
<i class="txt-4001524 card-ul-item-txt mb-16">Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.</i>
<img class="card-pic mb-40" id="home_pic3" src="../img/light/zh_home_pic3.png" alt="Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency.">
</li>
<li style="width: 100%;">
<img class="icon" src="../img/home_icon3.svg" alt="Task Synergy">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">Task Synergy</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.</i>
<i class="txt-4001524 card-ul-item-txt mb-16">A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.</i>
<img class="card-pic mb-40" id="home_pic4" src="../img/light/zh_home_pic4.png" alt="A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks.">
</li>
<li style="width: 100%;">
<img class="icon" src="../img/home_icon4.svg" alt="Performance Measurement">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">Performance Measurement</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.</i>
<i class="txt-4001524 card-ul-item-txt mb-16">Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.</i>
<img class="card-pic mb-40" id="home_pic5" src="../img/light/zh_home_pic5.png" alt="Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents.">
</li>
<li style="width: 100%;">
<img class="icon" src="../img/home_icon5.svg" alt="Communication Report">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">Communication Report</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">Instant messaging and sharing based on work scenarios for better team communication.</i>
<i class="txt-4001524 card-ul-item-txt mb-16">Instant messaging and sharing based on work scenarios for better team communication.</i>
<img class="card-pic" id="home_pic6" src="../img/light/zh_home_pic6.png" alt="Instant messaging and sharing based on work scenarios for better team communication.">
</li>
</ul>
</div>
</div>
</article>
</article>
<!-- 为什么选择我们区域 -->
<article class="choose">
<div class="choose-con">
@ -410,7 +410,7 @@
<li class="card-indicators-item"></li>
</ul>
</div>
</article>
</article>
<article class="collaboration">
<img id="home_pic7" class="home_pic7" src="../img/light/home_pic7.svg" alt="Turn on your DooTask team collaboration">
<img id="home_pic7_768" class="home_pic7_768" src="../img/light/home_pic7_768.svg" alt="Turn on your DooTask team collaboration">
@ -418,7 +418,7 @@
<h1 class="collaboration-txt txt-5002835 mb-32">Turn on your DooTask team collaboration</h1>
<div style="display: flex;">
<span class="mr-24" style="width: 123px; display: inline-block;">
<a href="file:///Users/mac-023/Downloads/site/en/price.html">
<a href="./price.html">
<button class="btn btn-gw mr-20">Get Started</button>
</a>
</span>
@ -501,7 +501,7 @@
</body>
<script src="../js/common.js"></script>
<script>
/* 功能卡片切换函数 */
/* 功能卡片切换函数 */
const tabs = document.querySelector('.card-ul');
const funImg = document.querySelector('#home_pic2');
const tabItems = tabs.querySelectorAll('.card-ul-item');
@ -519,7 +519,7 @@
}
}
});
/* 为什么选择我们卡片切换函数 */
/* 为什么选择我们卡片切换函数 */
const cardCarousel = document.querySelector('.choose-con-768');
const targetDiv = document.querySelector('.choose-con-768-ul')
const cardItems = cardCarousel.querySelectorAll('.choose-con-768-item');
@ -612,7 +612,7 @@ targetDiv.addEventListener('touchend', function(event) {
isSwipe = false; // 松开时重置状态标志
startInterval()
});
/* 滑动到可视区域执行动画 */
/* 滑动到可视区域执行动画 */
const boxes = document.querySelectorAll('.home-animate-box');
const arcs = document.querySelector('.home_arc');
let timerId = null
@ -633,4 +633,4 @@ const arcs = document.querySelector('.home_arc');
window.addEventListener('scroll', animateBoxes);
animateBoxes();
</script>
</html>
</html>

9
public/site/en/price.html
View File

@ -114,7 +114,7 @@
<i class="txt-5001628 price-card-unit">/month</i>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">No limit to the number of people</h6>
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" target="_blank"> <button class="btn btn-green mb-24">Get Started</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" target="_blank" class="start_a" > <button class="btn btn-green mb-24">Deploy Now</button> </a>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
@ -129,7 +129,8 @@
<i class="txt-5001628 price-card-unit">/month</i>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">Up to 3 persons</h6>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-green mb-24">Get Started</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank" class="start_a">
<button class="btn btn-green mb-24">Deploy Now</button> </a>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
@ -309,7 +310,7 @@
<i class="txt-5001628 price-card-unit">/month</i>
</div>
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">Get Started</button></a>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">Deploy Now</button></a>
</span>
</div>
<div class="plans-ul-t-item-h4">
@ -426,7 +427,7 @@
<h4 class="plans-ul-t-item-h4"></h4>
<div class="plans-ul-t-item-h4">
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">Get Started</button></a>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">Deploy Now</button></a>
</span>
</div>
<div class="plans-ul-t-item-h4">

12
public/site/en/product.html
View File

@ -94,7 +94,7 @@
<h4 class="txt-4001830 topics-h4 mb-32 topics-h4-en">The product brings together various document collaboration, online mind mapping, online flowcharting, project management, task distribution, instant IM, document management and other functions</h4>
<div class="topics-btn flex-cc">
<span class="mr-24 get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="./price.html">
<button class="btn btn-primary mr-20">Get Started</button>
</a>
</span>
@ -506,7 +506,7 @@
</div>
</div>
</div>
</article>
</article>
<article class="performance">
<div class="performance-con">
<h1 class="txt-5003645 performance-h1">Digital Performance</h1>
@ -612,7 +612,7 @@
</body>
<script src="../js/common.js"></script>
<script>
/* 产品卡片切换函数 */
/* 产品卡片切换函数 */
const tabs = document.querySelector('.prooduct-con');
const tabItems = tabs.querySelectorAll('.prooduct-list-item');
const cardItems = tabs.querySelectorAll('.details');
@ -641,7 +641,7 @@
cardItems[index].classList.add('active');
currentIndex = index;
}
/* 768px下产品卡片切换函数 */
/* 768px下产品卡片切换函数 */
let productNameObj = {
0: 'Co-creation',
1: 'Instant Messaging',
@ -671,7 +671,7 @@
cardItems[currentIndex].classList.add('active');
}
}
/* 滑动到可视区域执行动画 */
/* 滑动到可视区域执行动画 */
const boxes = document.querySelectorAll('.product-animate-box');
const boxes2 = document.querySelectorAll('.product-animate-box2');
const animateBoxes = ()=> {
@ -693,4 +693,4 @@
window.addEventListener('scroll', animateBoxes);
animateBoxes();
</script>
</html>
</html>

6
public/site/en/solutions.html
View File

@ -94,7 +94,7 @@
<h4 class="txt-4001830 topics-h4 mb-32 topics-h4-en">DooTask offers a range of solutions based on different scenarios so that you can quickly start collaborating with your team or department</h4>
<div class="flex-cc topics-btn">
<span class="mr-24 get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="./price.html">
<button class="btn btn-primary mr-20">Get Started</button>
</a>
</span>
@ -323,7 +323,7 @@
</body>
<script src="../js/common.js"></script>
<script>
/* 滑动到可视区域执行动画 */
/* 滑动到可视区域执行动画 */
const boxes = document.querySelectorAll('.solutions-animate-box');
let timerId = null
const animateBoxes = ()=> {
@ -342,4 +342,4 @@
window.addEventListener('scroll', animateBoxes);
animateBoxes();
</script>
</html>
</html>

38
public/site/index.html
View File

@ -100,7 +100,7 @@
<h4 class="txt-4001830 topics-h4 mb-32">DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。</h4>
<div class="flex-cc topics-btn">
<span class="mr-24 get-started">
<a href="file:///Users/mac-023/Downloads/site/zh/price.html" >
<a href="./zh/price.html" >
<button class="btn btn-primary mr-20">开始使用</button>
</a>
</span>
@ -212,7 +212,7 @@
</li>
</ul>
</div>
</article>
</article>
<!-- 功能卡片区域 -->
<article class="card">
<div class="card-con">
@ -230,7 +230,7 @@
<h3 class="txt-5002025 card-ul-item-h3">项目管理</h3>
<img class="arrows" src="img/vector.svg" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程；">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程；</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程；</i>
</div>
</li>
<li class="card-ul-item">
@ -244,7 +244,7 @@
<h3 class="txt-5002025 card-ul-item-h3">团队协作</h3>
<img class="arrows" src="img/vector.svg" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i>
</div>
</li>
<li class="card-ul-item">
@ -258,7 +258,7 @@
<h3 class="txt-5002025 card-ul-item-h3">任务协同</h3>
<img class="arrows" src="img/vector.svg" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i>
</div>
</li>
<li class="card-ul-item">
@ -272,7 +272,7 @@
<h3 class="txt-5002025 card-ul-item-h3">绩效衡量</h3>
<img class="arrows" src="img/vector.svg" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才；">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才；</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才；</i>
</div>
</li>
<li class="card-ul-item">
@ -286,7 +286,7 @@
<h3 class="txt-5002025 card-ul-item-h3">沟通汇报</h3>
<img class="arrows" src="img/vector.svg" alt="基于工作场景的即时通讯及共享，实现更好的团队沟通；">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">基于工作场景的即时通讯及共享，实现更好的团队沟通；</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">基于工作场景的即时通讯及共享，实现更好的团队沟通；</i>
</div>
</li>
</ul>
@ -300,37 +300,37 @@
<li style="width: 100%;">
<img class="icon" src="img/home_icon1.svg" alt="项目管理">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">项目管理</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。</i>
<i class="txt-4001524 card-ul-item-txt mb-16">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。</i>
<img class="card-pic mb-40" id="home_pic2" src="img/light/zh_home_pic2.png" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
</li>
<li style="width: 100%;">
<img class="icon" src="img/home_icon2.svg" alt="团队协作">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">团队协作</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i>
<i class="txt-4001524 card-ul-item-txt mb-16">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i>
<img class="card-pic mb-40" id="home_pic3" src="img/light/zh_home_pic3.png" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
</li>
<li style="width: 100%;">
<img class="icon" src="img/home_icon3.svg" alt="任务协同">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">任务协同</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i>
<i class="txt-4001524 card-ul-item-txt mb-16">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i>
<img class="card-pic mb-40" id="home_pic4" src="img/light/zh_home_pic4.png" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
</li>
<li style="width: 100%;">
<img class="icon" src="img/home_icon4.svg" alt="绩效衡量">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">绩效衡量</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。</i>
<i class="txt-4001524 card-ul-item-txt mb-16">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。</i>
<img class="card-pic mb-40" id="home_pic5" src="img/light/zh_home_pic5.png" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。">
</li>
<li style="width: 100%;">
<img class="icon" src="img/home_icon5.svg" alt="沟通汇报">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">沟通汇报</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">基于工作场景的即时通讯和分享，以实现更好的团队沟通。</i>
<i class="txt-4001524 card-ul-item-txt mb-16">基于工作场景的即时通讯和分享，以实现更好的团队沟通。</i>
<img class="card-pic" id="home_pic6" src="img/light/zh_home_pic6.png" alt="基于工作场景的即时通讯和分享，以实现更好的团队沟通。">
</li>
</ul>
</div>
</div>
</article>
</article>
<!-- 为什么选择我们区域 -->
<article class="choose">
<div class="choose-con">
@ -411,7 +411,7 @@
<li class="card-indicators-item"></li>
</ul>
</div>
</article>
</article>
<article class="collaboration">
<img id="home_pic7" class="home_pic7" src="img/light/home_pic7.svg" alt="开启您的DooTask团队协作">
<img id="home_pic7_768" class="home_pic7_768" src="img/light/home_pic7_768.svg" alt="开启您的DooTask团队协作">
@ -419,7 +419,7 @@
<h1 class="collaboration-txt txt-5002835 mb-32">开启您的DooTask团队协作</h1>
<div style="display: flex;">
<span class="mr-24 get-started">
<a href="file:///Users/mac-023/Downloads/site/zh/price.html" >
<a href="./zh/price.html" >
<button class="btn btn-gw mr-20">开始使用</button>
</a>
</span>
@ -502,7 +502,7 @@
</body>
<script src="js/common.js"></script>
<script>
/* 功能卡片切换函数 */
/* 功能卡片切换函数 */
const tabs = document.querySelector('.card-ul');
const funImg = document.querySelector('#home_pic2');
const tabItems = tabs.querySelectorAll('.card-ul-item');
@ -520,7 +520,7 @@ tabs.addEventListener('click', function (event) {
}
}
});
/* 为什么选择我们卡片切换函数 */
/* 为什么选择我们卡片切换函数 */
const cardCarousel = document.querySelector('.choose-con-768');
const targetDiv = document.querySelector('.choose-con-768-ul')
const cardItems = cardCarousel.querySelectorAll('.choose-con-768-item');
@ -613,7 +613,7 @@ targetDiv.addEventListener('touchend', function(event) {
isSwipe = false; // 松开时重置状态标志
startInterval()
});
/* 滑动到可视区域执行动画 */
/* 滑动到可视区域执行动画 */
const boxes = document.querySelectorAll('.home-animate-box');
const arcs = document.querySelector('.home_arc');
let timerId = null
@ -634,4 +634,4 @@ const arcs = document.querySelector('.home_arc');
window.addEventListener('scroll', animateBoxes);
animateBoxes();
</script>
</html>
</html>

38
public/site/zh/index.html
View File

@ -100,7 +100,7 @@
<h4 class="txt-4001830 topics-h4 mb-32">DooTask是一款轻量级的开源在线项目任务管理工具，提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM，文件管理等工具。助力团队高效推进项目，让工作更简单。</h4>
<div class="flex-cc topics-btn">
<span class="mr-24 get-started">
<a href="file:///Users/mac-023/Downloads/site/zh/price.html" >
<a href="./price.html" >
<button class="btn btn-primary mr-20">开始使用</button>
</a>
</span>
@ -211,7 +211,7 @@
</li>
</ul>
</div>
</article>
</article>
<!-- 功能卡片区域 -->
<article class="card">
<div class="card-con">
@ -229,7 +229,7 @@
<h3 class="txt-5002025 card-ul-item-h3">项目管理</h3>
<img class="arrows" src="../img/vector.svg" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。</i>
</div>
</li>
<li class="card-ul-item">
@ -243,7 +243,7 @@
<h3 class="txt-5002025 card-ul-item-h3">团队协作</h3>
<img class="arrows" src="../img/vector.svg" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i>
</div>
</li>
<li class="card-ul-item">
@ -257,7 +257,7 @@
<h3 class="txt-5002025 card-ul-item-h3">任务协同</h3>
<img class="arrows" src="../img/vector.svg" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i>
</div>
</li>
<li class="card-ul-item">
@ -271,7 +271,7 @@
<h3 class="txt-5002025 card-ul-item-h3">绩效衡量</h3>
<img class="arrows" src="../img/vector.svg" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。</i>
</div>
</li>
<li class="card-ul-item">
@ -285,7 +285,7 @@
<h3 class="txt-5002025 card-ul-item-h3">沟通汇报</h3>
<img class="arrows" src="../img/vector.svg" alt="基于工作场景的即时通讯及共享，实现更好的团队沟通。">
</div>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">基于工作场景的即时通讯及共享，实现更好的团队沟通。</i>
<i class="txt-4001624 card-ul-item-txt" style="--delay: 0.3s;">基于工作场景的即时通讯及共享，实现更好的团队沟通。</i>
</div>
</li>
</ul>
@ -299,37 +299,37 @@
<li style="width: 100%;">
<img class="icon" src="../img/home_icon1.svg" alt="项目管理">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">项目管理</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。</i>
<i class="txt-4001524 card-ul-item-txt mb-16">支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。</i>
<img class="card-pic mb-40" id="home_pic2" src="../img/light/zh_home_pic2.png" alt="支持多种项目管理模式，适用于各种规模和类型的项目管理，实时掌控项目进度，优化工作流程。">
</li>
<li style="width: 100%;">
<img class="icon" src="../img/home_icon2.svg" alt="团队协作">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">团队协作</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i>
<i class="txt-4001524 card-ul-item-txt mb-16">提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。</i>
<img class="card-pic mb-40" id="home_pic3" src="../img/light/zh_home_pic3.png" alt="提供丰富实用的在线文档协作工具，方便团队成员之间的沟通和协作，提高工作效率。">
</li>
<li style="width: 100%;">
<img class="icon" src="../img/home_icon3.svg" alt="任务协同">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">任务协同</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i>
<i class="txt-4001524 card-ul-item-txt mb-16">以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。</i>
<img class="card-pic mb-40" id="home_pic4" src="../img/light/zh_home_pic4.png" alt="以任务化的方式让团队的工作井井有条，保证团队协作的高效性和任务分工的明确性。">
</li>
<li style="width: 100%;">
<img class="icon" src="../img/home_icon4.svg" alt="绩效衡量">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">绩效衡量</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。</i>
<i class="txt-4001524 card-ul-item-txt mb-16">建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。</i>
<img class="card-pic mb-40" id="home_pic5" src="../img/light/zh_home_pic5.png" alt="建立可量化的评价标准，数据化呈现工作成效，凝聚核心人才。">
</li>
<li style="width: 100%;">
<img class="icon" src="../img/home_icon5.svg" alt="沟通汇报">
<h3 class="txt-5001822 card-ul-item-h3 mb-12">沟通汇报</h3>
<i class="txt-4001524 card-ul-item-txt mb-16">基于工作场景的即时通讯和分享，以实现更好的团队沟通。</i>
<i class="txt-4001524 card-ul-item-txt mb-16">基于工作场景的即时通讯和分享，以实现更好的团队沟通。</i>
<img class="card-pic" id="home_pic6" src="../img/light/zh_home_pic6.png" alt="基于工作场景的即时通讯和分享，以实现更好的团队沟通。">
</li>
</ul>
</div>
</div>
</article>
</article>
<!-- 为什么选择我们区域 -->
<article class="choose">
<div class="choose-con">
@ -410,7 +410,7 @@
<li class="card-indicators-item"></li>
</ul>
</div>
</article>
</article>
<article class="collaboration">
<img id="home_pic7" class="home_pic7" src="../img/light/home_pic7.svg" alt="开启您的DooTask团队协作">
<img id="home_pic7_768" class="home_pic7_768" src="../img/light/home_pic7_768.svg" alt="开启您的DooTask团队协作">
@ -418,7 +418,7 @@
<h1 class="collaboration-txt txt-5002835 mb-32">开启您的DooTask团队协作</h1>
<div style="display: flex;">
<span class="mr-24 get-started">
<a href="file:///Users/mac-023/Downloads/site/zh/price.html" >
<a href="./price.html" >
<button class="btn btn-gw mr-20">开始使用</button>
</a>
</span>
@ -501,7 +501,7 @@
</body>
<script src="../js/common.js"></script>
<script>
/* 功能卡片切换函数 */
/* 功能卡片切换函数 */
const tabs = document.querySelector('.card-ul');
const funImg = document.querySelector('#home_pic2');
const tabItems = tabs.querySelectorAll('.card-ul-item');
@ -519,7 +519,7 @@ tabs.addEventListener('click', function (event) {
}
}
});
/* 为什么选择我们卡片切换函数 */
/* 为什么选择我们卡片切换函数 */
const cardCarousel = document.querySelector('.choose-con-768');
const targetDiv = document.querySelector('.choose-con-768-ul')
const cardItems = cardCarousel.querySelectorAll('.choose-con-768-item');
@ -613,7 +613,7 @@ targetDiv.addEventListener('touchend', function(event) {
startInterval()
});
/* 屏幕滚动到可视区域执行动画 */
/* 屏幕滚动到可视区域执行动画 */
const boxes = document.querySelectorAll('.home-animate-box');
const arcs = document.querySelector('.home_arc');
let timerId = null
@ -634,4 +634,4 @@ const arcs = document.querySelector('.home_arc');
window.addEventListener('scroll', animateBoxes);
animateBoxes();
</script>
</html>
</html>

16
public/site/zh/price.html
View File

@ -114,7 +114,8 @@
<i class="txt-5001628 price-card-unit">/月</i>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">人数无限制</h6>
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" target="_blank"> <button class="btn btn-green mb-24">开始使用</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" class="start_a" target="_blank">
<button class="btn btn-green mb-24 ">立即部署</button> </a>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="支持私有化部署">
@ -129,7 +130,8 @@
<i class="txt-5001628 price-card-unit">/月</i>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">最多3人</h6>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-green mb-24">开始使用</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank" class="start_a">
<button class="btn btn-green mb-24">立即部署</button> </a>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="支持私有化部署">
@ -309,7 +311,7 @@
<i class="txt-5001628 price-card-unit">/月</i>
</div>
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</div>
<div class="plans-ul-t-item-h4">
@ -426,7 +428,7 @@
<h4 class="plans-ul-t-item-h4"></h4>
<div class="plans-ul-t-item-h4">
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</div>
<div class="plans-ul-t-item-h4">
@ -513,7 +515,7 @@
<i class="txt-5001528 price-card-unit">/月</i>
</div>
<span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard" target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank" class="start_a"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</ol>
</li>
@ -588,7 +590,7 @@
<i class="txt-5001528 price-card-unit">/年</i>
</div>
<span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard" target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</ol>
</li>
@ -662,7 +664,7 @@
<h2 class="txt-6002430 price-card-h2">¥18,888</h2>
</div>
<span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard" target="_blank"> <button class="btn btn-primary">开始使用</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</ol>
</li>

12
public/site/zh/product.html
View File

@ -94,7 +94,7 @@
<h4 class="txt-4001830 topics-h4 mb-32" style="width: auto !important;">该产品汇集了各种文档协作、在线思维导图、在线流程图、项目管理、任务分配、即时IM、文档管理等功能。</h4>
<div class="flex-cc topics-btn">
<span class="mr-24 get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="./price.html">
<button class="btn btn-primary mr-20">开始使用</button>
</a>
</span>
@ -504,7 +504,7 @@
</div>
</div>
</div>
</article>
</article>
<article class="performance">
<div class="performance-con">
<h1 class="txt-5003645 performance-h1">数字化绩效</h1>
@ -614,7 +614,7 @@
</body>
<script src="../js/common.js"></script>
<script>
/* 产品卡片切换函数 */
/* 产品卡片切换函数 */
const tabs = document.querySelector('.prooduct-con');
const tabItems = tabs.querySelectorAll('.prooduct-list-item');
const cardItems = tabs.querySelectorAll('.details');
@ -642,7 +642,7 @@
}
}
});
/* 768px下产品卡片切换函数 */
/* 768px下产品卡片切换函数 */
let productNameObj = {
0: '共同创造',
1: '即时通讯',
@ -672,7 +672,7 @@
cardItems[currentIndex].classList.add('active');
}
}
/* 滑动到可视区域执行动画 */
/* 滑动到可视区域执行动画 */
const boxes = document.querySelectorAll('.product-animate-box');
const boxes2 = document.querySelectorAll('.product-animate-box2');
const animateBoxes = ()=> {
@ -694,4 +694,4 @@
window.addEventListener('scroll', animateBoxes);
animateBoxes();
</script>
</html>
</html>

6
public/site/zh/solutions.html
View File

@ -94,7 +94,7 @@
<h4 class="txt-4001830 topics-h4 mb-32" style="width: auto !important;">DooTask提供了一系列基于不同场景的解决方案，以便您可以快速开始与您的团队或部门合作</h4>
<div class="flex-cc topics-btn">
<span class="mr-24 get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="./price.html">
<button class="btn btn-primary mr-20">开始使用</button>
</a>
</span>
@ -324,7 +324,7 @@
</body>
<script src="../js/common.js"></script>
<script>
/* 滑动到可视区域执行动画 */
/* 滑动到可视区域执行动画 */
const boxes = document.querySelectorAll('.solutions-animate-box');
let timerId = null
const animateBoxes = ()=> {
@ -343,4 +343,4 @@
window.addEventListener('scroll', animateBoxes);
animateBoxes();
</script>
</html>
</html>

2
resources/mobile

@ -1 +1 @@
Subproject commit 70f8cf4149cbcd142d3bbc6304c850e7871c5c81
Subproject commit 7f139f7d2d3866a32565b70ced3641e57d849eca