diff --git a/public/site/css/about.css b/public/site/css/about.css new file mode 100644 index 000000000..eacf9c6b2 --- /dev/null +++ b/public/site/css/about.css @@ -0,0 +1,175 @@ +/* 头部样式 */ +.about_green_bg{ + background: var(--bg-11-url) top right no-repeat; +} +.head{ + background-color: transparent !important; +} +.company-ul{ + padding: 32px 0; + margin-top: 32px; + width: 100%; + max-width: 1280px; + background: var(--bg-fa-color); + box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.05); + border-radius: 12px; + display: flex; + align-items: center; + justify-content: space-around; + z-index: 2; +} +.company-ul-item{ + text-align: center; + padding: 0 32px; + width: 362px; +} +.company-ul-item:nth-of-type(1),.company-ul-item:nth-of-type(2){ + border-right: 1px solid var(--border-color); +} +.company-h2{ + color: var(--text-color); + opacity: 0.5; +} +.company-h6{ + color: var(--txt-gray-color); +} +.company-sup{ + font-weight: 400; + font-size: 14px; + margin-left: 5px; + color: var(--txt-gray-color); + vertical-align: super; +} +.company-profile{ + padding-top: 120px; +} +.company-profile-con{ + width: 100%; + max-width: 1280px; + margin: 0 auto; +} +.company-profile-layout{ + display: flex; + align-items: flex-start; + justify-content: space-between; + padding-bottom: 120px; +} +.company-profile-l{ + display: inline-block; + height: auto; + width: 580px; +} +.company-profile-r{ + width: 620px; +} +.company-profile-h1{ + position: relative; + color: var(--text-color); + width: fit-content; +} +.company-profile-arcs{ + display: block; + width: 100%; + position: absolute; + bottom: -28px; + left: 0; +} +.company-profile-h6{ + color: var(--txt-gray-color); +} +.company-year,.company-area,.company-size{ + +} +@keyframes randomize { + from { + content: attr(data-value); /* 使用 data-value 属性作为初始值 */ + } + to { + content: attr(data-random); /* 使用 data-random 属性作为随机值 */ + } +} +.scenario-app{ + position: relative; + padding: 120px 0px; + background-color: var(--bg-fa-color); +} +.scenario-app-con{ + width: 100%; + max-width: 1280px; + margin: 0 auto; +} +.scenario-app-h1{ + text-align: center; + color: var(--text-color); +} +.scenario-app-h6{ + color: var(--txt-gray-color); +} +.scenario-app-ul{ + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.scenario-app-ul-item{ + padding: 24px; + background: var(--choose-bg-hover-color); + box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.05); + border-radius: 12px; + width: 576px; + height: 225px; + position: relative; + transition: all .3s ease-in-out; +} +.scenario-app-ul-item:hover{ + transform: translateY(-16px); +} +.scenario-app-ul-item-svg{ + position: absolute; + top: 0; + right: 0; +} +.scenario-app-icon-bg{ + display: flex; + justify-content: center; + align-items: center; + width: 32px; + height: 32px; + padding: 16px; + border-radius: 50%; + background-color: var(--txt-theme-color); +} +.scenario-app-icon{ + display: inline-block; + +} +.scenario-app-h5{ + font-weight: 600; + font-size: 20px; + line-height: 25px; + color: var(--txt-191a15-color); +} +.from-submit{ + display: inline-block; + width: 100%; +} +/* 底部样式 */ +.footer-layut{ + border-top: var(--border-color) solid 1px; +} +/* 弹框样式 */ +.BulletBox{ + position: fixed; + display: none; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + padding: 8px; + background-color: var(--txt-theme-color); + line-height: 20px; + text-align: center; + z-index: 9999; + border: 1px solid transparent; + border-radius: 8px; + color: #fff; +} \ No newline at end of file diff --git a/public/site/css/common.css b/public/site/css/common.css new file mode 100644 index 000000000..d5b0da2f1 --- /dev/null +++ b/public/site/css/common.css @@ -0,0 +1,980 @@ +/* 全局 CSS 文件 */ +body { + background-color: var(--bg-color); + color: var(--text-color); + font-family: 'Lexend'; + font-style: normal; + font-size: 16px; +} +* { + margin: 0; + padding: 0; +} +ul,ol{ + list-style: none; +} +i{ + font-style: normal; +} +a{ + color: var(--text-color); + text-decoration: none; + cursor: pointer; +} +img { + max-width: 100%; + height: auto; + display: block; +} +.theme_dark{ + display: none; +} +.theme_light{ + display: block; +} +/* 字体样式 */ +.txt-4001416{ + font-weight: 400; + font-size: 14px; + line-height: 16px; +} +.txt-4001418{ + font-weight: 400; + font-size: 14px; + line-height: 18px; +} +.txt-4001516{ + font-weight: 400; + font-size: 15px; + line-height: 16px; +} +.txt-4001520{ + font-weight: 400; + font-size: 15px; + line-height: 20px; +} +.txt-4001524{ + font-weight: 400; + font-size: 15px; + line-height: 24px; +} +.txt-4001616{ + font-weight: 400; + font-size: 16px; + line-height: 16px; +} +.txt-4001620{ + font-weight: 400; + font-size: 16px; + line-height: 20px; +} +.txt-4001624{ + font-weight: 400; + font-size: 16px; + line-height: 24px; +} +.txt-4001630{ + font-weight: 400; + font-size: 16px; + line-height: 30px; +} +.txt-4001822{ + font-weight: 400; + font-size: 18px; + line-height: 22px; +} +.txt-4001824{ + font-weight: 400; + font-size: 18px; + line-height: 24px; +} +.txt-4001830{ + font-weight: 400; + font-size: 18px; + line-height: 30px; +} +.txt-4002025{ + font-weight: 400; + font-size: 20px; + line-height: 25px; +} +.txt-4003645{ + font-weight: 400; + font-size: 36px; + line-height: 45px; +} +.txt-5001616{ + font-weight: 500; + font-size: 16px; + line-height: 16px; +} +.txt-5001624{ + font-weight: 500; + font-size: 16px; + line-height: 24px; +} +.txt-5001528{ + font-weight: 500; + font-size: 15px; + line-height: 28px; +} +.txt-5001628{ + font-weight: 500; + font-size: 16px; + line-height: 28px; +} +.txt-5001822{ + font-weight: 500; + font-size: 18px; + line-height: 22px; +} +.txt-5002016{ + font-weight: 500; + font-size: 20px; + line-height: 16px; +} +.txt-5002024{ + font-weight: 500; + font-size: 20px; + line-height: 24px; +} +.txt-5002025{ + font-weight: 500; + font-size: 20px; + line-height: 25px; +} +.txt-5002228{ + font-weight: 500; + font-size: 22px; + line-height: 28px; +} +.txt-5002835{ + font-weight: 500; + font-size: 28px; + line-height: 35px; +} +.txt-5002430{ + font-weight: 500; + font-size: 24px; + line-height: 30px; +} +.txt-5003636{ + font-weight: 500; + font-size: 36px; + line-height: 36px; +} +.txt-5003645{ + font-weight: 500; + font-size: 36px; + line-height: 45px; +} +.txt-5004455{ + font-weight: 500; + font-size: 44px; + line-height: 55px; +} +.txt-6002025{ + font-weight: 600; + font-size: 20px; + line-height: 25px; +} +.txt-6002430{ + font-weight: 600; + font-size: 24px; + line-height: 30px; +} +.txt-6002835{ + font-weight: 600; + font-size: 28px; + line-height: 35px; +} +.txt-6003645{ + font-weight: 600; + font-size: 36px; + line-height: 45px; +} +.txt-6003652{ + font-weight: 600; + font-size: 36px; + line-height: 52px; +} +.txt-6005670{ + font-weight: 600; + font-size: 56px; + line-height: 70px; +} +.txt-6007290{ + font-weight: 600; + font-size: 72px; + line-height: 90px; +} +.txt-7002027{ + font-weight: 700; + font-size: 20px; + line-height: 27px; +} +.txt-7003240{ + font-weight: 700; + font-size: 32px; + line-height: 40px; +} +.txt-7003645{ + font-weight: 700; + font-size: 36px; + line-height: 45px; +} +/* button样式 */ +.btn{ + padding: 10px 16px; + border-radius: 8px; + border: 1px solid transparent; + cursor: pointer; + outline: none; + position: relative; + display: inline-block; + white-space: nowrap; + text-align: center; + transition: all .2s cubic-bezier(.645,.045,.355,1); + user-select: none; + touch-action: manipulation; + width: 100%; + font-size: 16px; + line-height: 18px; +} +.btn-primary{ + background-color: var(--txt-theme-color); + color: #fff; +} +.btn-primary:hover{ + background-color: var(--btn-hover-color); +} +.btn-green{ + color: var(--txt-theme-color); + border-color: var(--txt-theme-color); + background-color: transparent; +} +.btn-green:hover{ + color: #fff; + border-color: var(--txt-theme-color); + background-color: var(--txt-theme-color); +} +.btn-wwg{ + color: #fff; + border-color: #fff; + background-color: var(--txt-theme-color); +} +.btn-default{ + color: var(--txt-gray-color); + border-color: var(--border-color); + background-color: transparent; +} +.btn-default:hover{ + color: var(--txt-theme-color); + border-color: var(--txt-theme-color); +} +.btn-gw{ + color: var(--txt-theme-color); + background-color: #fff; +} +/* input样式 */ +.input{ + box-sizing: border-box; + padding: 9px 13px; + height: 44px; + color: var(--text-color); + background-color: var(--bg-fa-color); + border: 1px solid var(--border-color); + border-radius: 4px; + transition: all 0.2s; + font-size: 15px; +} +.input::placeholder{ + color: var(--txt-gray-color) !important; + opacity: .5; +} +.input:focus { + outline:none; + border: 1px solid var(--txt-theme-color); +} +.textarea{ + box-sizing: border-box; + padding: 9px 13px; + color: var(--text-color); + background-color: var(--bg-fa-color); + border: 1px solid var(--border-color); + border-radius: 4px; + transition: all 0.2s; + font-size: 15px; +} +.textarea::placeholder{ + color: var(--txt-gray-color) !important; + opacity: .5; +} +.textarea:focus { + outline:none; + border: 1px solid var(--txt-theme-color); +} +.search-form{ + position: relative; +} +.search-input{ + box-sizing: border-box; + display: flex; + flex-direction: row; + align-items: center; + padding: 9px 13px 9px 38px; + width: 240px; + height: 40px; + color: var(--text-color); + background-color: var(--choose-bg-hover-color); + border: 1px solid var(--border-color); + border-radius: 8px; + transition: all 0.2s; + font-size: 15px; +} +.search-input::placeholder{ + color: var(--txt-gray-color) !important; + opacity: .5; +} +.search-input:focus { + outline:none; + border: 1px solid var(--txt-theme-color); +} +.search-icon{ + display: inline-block; + background: url(../img/search-icon.svg) no-repeat; + width: 20px; + height: 20px; + position: absolute; + top: 10px; + left: 10px; + z-index: 2; +} +.from-ul{ + width: 543px; +} +.from-ul-item{ + display: flex; + flex-direction: column; +} +.from-ul-tags{ + font-family: 'Lexend'; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 16px; + color: var(--txt-gray-color); +} +.input-txt{ + padding: 10px 16px; + background: var(--bg-fa-color); + border: 1px solid var(--border-color); + border-radius: 4px; +} +.input-textArea{ + padding: 10px 16px; + height: 120px; + background: var(--bg-fa-color); + border: 1px solid var(--border-color); + border-radius: 4px; +} +/* flex样式 */ +.flex-cc{ + display: flex; + align-items: center; + justify-content: center; +} +.flex-sc{ + display: flex; + align-items: flex-start; + justify-content: center; +} +/* grid样式 */ +.grid-4{ + display: grid !important; + grid-template-columns: 480px 266px 266px 266px; +} +/* padding样式 */ +.pl-26{ + padding-left: 26px; +} +/* margin样式 */ +.mb-4{ + margin-bottom: 4px; +} +.mb-8{ + margin-bottom: 8px; +} +.mb-12{ + margin-bottom: 12px; +} +.mb-16{ + margin-bottom: 16px; +} +.mb-24{ + margin-bottom: 24px; +} +.mb-32{ + margin-bottom: 32px; +} +.mb-36{ + margin-bottom: 36px; +} +.mb-40{ + margin-bottom: 40px; +} +.mb-48{ + margin-bottom: 48px; +} +.mb-56{ + margin-bottom: 56px; +} +.mb-64{ + margin-bottom: 64px; +} +.mb-80{ + margin-bottom: 80px; +} +.mr-12{ + margin-right: 12px; +} +.mr-16{ + margin-right: 16px; +} +.mr-20{ + margin-right: 20px; +} +.mr-24{ + margin-right: 24px; +} +.mr-48{ + margin-right: 48px; +} +.mt-16{ + margin-top: 16px; +} +.mt-40{ + margin-top: 40px; +} +.mt-80{ + margin-top: 80px; +} +/* header布局 */ +.head{ + position: relative; + background-color: var(--bg-color); +} +.head-con{ + width: 100%; + max-width: 1280px; + margin: 0 auto; +} +/* 导航栏样式 */ +.nav{ + display: block; + background-color: transparent; + width: 100%; + position: relative; + z-index: 999; + height: 80px; + position: fixed; + top: 0; +} +.nav-layout{ + width: 100%; + max-width: 1280px; + margin: 0 auto; + height: 80px; + display: flex; + align-items: center; + justify-content: space-between; +} +.navbar-white { + background-color: var(--pop-bg-color); + box-shadow: 0px 4px 9px var(--box-shadow-color); +} +.topics{ + position: relative; + width: 100%; +} +.topics-con{ + padding-top: 200px; + max-width: 1280px; + width: 100%; + margin: 0 auto; +} +.topics-layout{ + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} + +.topics-tit,.topics-btn{ + opacity: 0; + transform: translateY(100px); + animation: fadeSlideIn1 0.7s ease-in-out forwards; /* 应用动画效果 */ +} +.topics-h4{ + width: 680px; + color: var(--txt-gray-color); + text-align: center; + opacity: 0; + transform: translateY(100px); + animation: fadeSlideIn1 0.7s ease-in-out forwards; /* 应用动画效果 */ +} +/* 定义动画 */ +@keyframes fadeSlideIn1 { + from { + opacity: 0; + transform: translateY(100px); + } + to { + opacity: 1; + transform: translateY(0); + } +} +.topics-h1-green{ + color: var(--txt-theme-color); + position: relative; + text-align: center; +} +.topics-h1{ + color: var(--text-color); + text-align: center; +} +.topics-btn{ + margin-bottom: 64px; +} +.topics-tit-en{ + width: 896px; + text-align: center; +} +.topics-h4-en{ + width: 660px; + text-align: center; +} +.arcs{ + display: inline-block; + position: absolute; + width: 95%; + height: 25px; + left: 0; + top: 83px; +} +.home-pic{ + display: block; + width: 100%; + max-width: 1280px; + /* height: 580px; */ +} +/* 抽屉菜单 */ +.menuBtn{ + display: none; + cursor: pointer; +} +.drawer { + position: fixed; + top: 0; + left: -90vw; + width: 75vw; + height: 100%; + padding: 22px 24px; + background-color: var(--pop-bg-color); + border: 1px solid var(--box-shadow-color); + box-shadow: var(--pop-box-shadow); + transition: all 0.5s ease-in-out; + z-index: 999; +} +.drawer-t{ + display: flex; + justify-content: space-between; + align-items: center; +} +.close-drawer{ + display: inline-block; + margin-bottom: 10px; + cursor: pointer; + color: var(--txt-gray-color); + font-size: 20px; +} +.open-drawer { + left: 0; +} +.drawer-item-t{ + border-bottom: 1px solid var(--border-color); +} +.drawer .drawer-item{ + cursor: pointer; + position: relative; +} +.drawer .drawer-item>a{ + padding: 16px; + display: inline-block; + width: calc(100% - 36px); +} +.drawer .drawer-item>i{ + padding: 16px; + display: flex; + width: calc(100% - 36px); +} +.drawer .drawer-active .drawer-item{ + padding: 0 36px; +} +.drawer .drawer-item .txt{ + color: var(--txt-gray-color); +} +.drawer .drawer-item:hover{ + background-color: var(--bg-hover-color); + border-radius: 4px; +} +.drawer .drawer-item:hover .txt{ + color: var(--text-color); +} +.logo{ + display: flex; + align-items: center; +} +.dootask{ + margin-left: 16px; + color: var(--text-color); +} +.nav-ul{ + display: flex; + align-items: center; + justify-content: space-between; + width: 545px; +} +.nav-ul-item{ + display: inline-block; + position: relative; +} +.nav-vector{ + margin-left: 5px; +} +.nav-ul-item .txt{ + padding: 7px 8px; + color: var(--txt-gray-color); +} +.nav-ul-item .txt:hover{ + background-color: var(--bg-hover-color); + border-radius: 6px; + color: var(--text-color); +} +.nav-ul-item .support-active{ + background-color: var(--bg-hover-color); + border-radius: 6px; + color: var(--text-color); +} +.submenu-pop{ + position: absolute; + top: 40px; + left: -38px; + display: none; + background-color: var(--pop-bg-color); + border: 1px solid var(--box-shadow-color); + box-shadow: var(--pop-box-shadow); + border-radius: 4px; + padding: 8px 0; + z-index: 99; + width: 150px; + text-align: start; +} +.submenu-pop .submenu-pop-item{ + cursor: pointer; +} +.submenu-pop .submenu-pop-item .txt-sub{ + display: inline-block; + padding: 9px 16px; + color: var(--txt-gray-color); +} +.submenu-pop .submenu-pop-item:hover{ + background-color: var(--bg-hover-color); +} +.submenu-pop .submenu-pop-item:hover .txt-sub{ + color: var(--text-color); +} +.nav-r{ + width: 355px; + display: flex; + justify-content: space-between; + align-items: center; + position: relative; +} +.nav-support{ + display: flex; + align-items: center; + cursor: pointer; +} +.line-1{ + height: 24px; + border: 1px solid var(--border-color); +} +.nav-r a{ + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 20px; + color: var(--txt-gray-color); +} +.nav-r-icon{ + height: 20px; + cursor: pointer; +} +.lang{ + display: inline-block; + height: 20px; + cursor: pointer; +} +.lang-pop{ + position: absolute; + top: 40px; + left: -38px; + display: none; + background-color: var(--pop-bg-color); + border: 1px solid var(--box-shadow-color); + box-shadow: var(--pop-box-shadow); + border-radius: 4px; + padding: 8px 0; + z-index: 99; + text-align: start; +} +.lang-pop .show{ + display: inline-block; +} +.lang-pop .lang-pop-item{ + padding: 9px 16px; + cursor: pointer; +} +.lang-pop .lang-pop-item .lang-txt{ + font-weight: 400; + font-size: 14px; + line-height: 18px; + color: var(--txt-gray-color); + display: inline-block; +} +.lang-pop .lang-pop-item:hover{ + background-color: var(--bg-hover-color); +} +.lang-pop .lang-pop-item:hover .lang-txt{ + color: var(--text-color); +} +.get-started{ + width: 123px; + display: inline-block; +} +.login-btn{ + width: 84px; + display: inline-block; +} +/* 底部样式 */ +footer{ + width: 100%; + z-index: 2; + position: relative; +} +.footer-con{ + width: 100%; + max-width: 1280px; + margin: 0 auto; +} +.footer-layut{ + display: flex; + justify-content: space-between; + align-items: flex-start; + padding-top: 46px; + border-bottom: var(--border-color) solid 1px; +} +#qq_group{ + position: relative; + width: 164px; +} +#qq_group:hover .group_code{ + display: flex; +} +.group_code{ + display: none; + position: absolute; + bottom: 25px; + left: -35px; + background-color: var(--code-bg-color); + padding: 12px; + border-radius: 4px; + justify-content: center; + flex-direction: column; +} +.group_num{ + display: inline-block; + color: #fff; + font-weight: 400; + font-size: 14px; + line-height: 16px; + margin-top: 10px; +} +.lower_triangle{ + position: absolute; + bottom: -4px; + left: 70px; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 4px solid var(--code-bg-color); +} +.footer-l{ + display: flex; + flex-direction: column; + align-items: flex-start; + width: 405px; +} +.footer-l .logo{ + height: 36px; + display: flex; + align-items: center; + margin-bottom: 24px; +} +.footer-l .txt{ + color: var(--txt-gray-color); +} +.footer-r{ + width: 625px; +} +.footer-r-ul{ + display: flex; + justify-content: space-between; + padding-bottom: 48px; +} +.footer-ol-item{ + cursor: pointer; +} +.footer-ol-item .txt{ + color: var(--txt-gray-color); +} +.footer-ol-item .code-svg{ + display: block; + height: 125px; +} +.filings{ + text-align: center; + color: var(--txt-gray-color); + padding: 24px 0; +} +.footer-t{ + position: relative; + padding: 120px 0; +} +.footer-t-con{ + width: 100%; + max-width: 1280px; + margin: 0 auto; +} +.footer-t-layout{ + display: flex; + justify-content: space-between; + align-items: flex-start; +} +.footer-t-l{ + width: 657px; +} +.footer-t-h1{ + font-weight: 500; + font-size: 44px; + line-height: 55px; + color: var(--text-color); +} +.footer-t-h6{ + font-weight: 400; + font-size: 18px; + line-height: 30px; + color: var(--txt-gray-color); +} +.footer-t-contact{ + display: flex; + justify-content: flex-start; + align-items: center; +} +.footer-t-contact-icon{ + display: inline-block; + width: 24px; + height: 24px; +} +.footer-t-contact-h6{ + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: var(--text-color); +} +/* 序号公共样式 */ +.serial-number{ + color: var(--txt-theme-color); +} +.choose-con-item-h5{ + color: var(--text-color); +} +.choose-con-item-h6{ + color: var(--txt-gray-color); +} +.support .support-item{ + padding-bottom: 8px; +} +.support .support-item .txt{ + font-family: 'Lexend'; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: var(--txt-gray-color); +} +.support .support-item:first-of-type{ + padding-bottom: 16px; +} +.support .support-item:first-of-type .txt{ + color: var(--text-color); + font-weight: 500; +} +.group .group-item{ + padding-bottom: 24px; +} +.group .group-item .txt{ + color: var(--text-color); + font-weight: 500; + font-size: 16px; + line-height: 24px; +} +.group .group-item .logo{ + display: block; + height: auto; +} +/* 动画 style="--delay: 0s;" */ +.about-animate-box,.solutions-animate-box,.home-animate-box,.dow-animate-box{ + opacity: 0; + transform: translateY(30%); +} +.about-animate-box.animate,.price-animate-box.animate,.solutions-animate-box.animate,.home-animate-box.animate,.dow-animate-box.animate { + animation: fadeIn 0.7s cubic-bezier(0.61, -0.01, 0.57, 0.96) forwards var(--delay); /* 应用动画效果 */ +} +/* 定义动画 */ +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(30%); + } + to { + opacity: 1; + transform: translateY(0); + } +} +#arc { + animation: arcsFadeIn 2s ease-in-out; +} +.arc-animate { + animation: arcsFadeIn 2s ease-in-out; +} +@keyframes arcsFadeIn { + from { + stroke-dashoffset: 600; + } + to { + stroke-dashoffset: 0; + } +} diff --git a/public/site/css/distribution.css b/public/site/css/distribution.css new file mode 100644 index 000000000..713a4ee6a --- /dev/null +++ b/public/site/css/distribution.css @@ -0,0 +1,218 @@ +main{ + position: relative; +} +.bg_fpic1{ + display: block; + position: absolute; + top: 0; + left: 0; + width: 34vw; + max-width: 300px; +} +.bg_fpic2{ + display: block; + position: absolute; + top: 0; + right: 0; + width: 34vw; + max-width: 300px; +} +section{ + width: 100%; + height: 100vh; + max-width: 768px; + margin: 0 auto; +} +.content{ + display: flex; + justify-content: center; + align-items: center; + height: 100%; +} +.layout{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + min-width: 240px; +} +.icon1{ + display: none; + height: 88px; + margin-bottom: 18px; +} +.name{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + padding-bottom: 20px; + +} +.name >i{ + color: #000; + font-weight: 500; + font-size: 28px; + line-height: 39px; +} +.icon2{ + display: block; + height: 32px; + margin-right: 8px; +} +.info{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.info-t{ + display: inline-block; + margin-bottom: 2px; +} +.info-t >i{ + color: #727570; + font-weight: 400; + font-size: 12px; + line-height: 17px; +} +.info-b{ + display: inline-block; + color: #727570; + font-weight: 400; + font-size: 12px; + line-height: 17px; + margin-bottom: 36px; +} +.info-btn{ + margin-bottom: 16px; +} +.info-btn >button{ + min-width: 200px; + padding: 10px 24px; + border: 1px solid transparent; + cursor: pointer; + outline: none; + position: relative; + display: inline-block; + white-space: nowrap; + text-align: center; + user-select: none; + touch-action: manipulation; + width: 100%; + font-weight: 400; + font-size: 16px; + line-height: 22px; + background: #8BCF70; + border-radius: 22px; + color: #fff; +} +.info-dow{ + display: block; +} +.info-tip{ + display: none; + font-weight: 500; + font-size: 16px; + line-height: 22px; + color: #8BCF70; + opacity: 0.7; +} +.line-con{ + width: 100%; + height: auto; + margin-bottom: 32px; + text-align: center; +} +.line1{ + display: inline-block; + width: 100%; + height: 1px; + background-color: #E7E9E4; +} +.line2{ + display: none; + font-weight: 500; + font-size: 16px; + line-height: 22px; + color: #8BCF70; + opacity: 0.7; +} +.operat-tips{ + position: absolute; + top: 0; + right: 10px; + display: none; +} +.operat-con{ + position: relative; + max-width: 152px; +} +.operat-con .lower_triangle{ + position: absolute; + top: 6px; + left: 120px; + width: 0; + height: 0; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 4px solid #8BCF70; +} +.operat-con .group_num{ + background-color: #8BCF70; + + padding: 6px 12px;; + border-radius: 6px; +} +.operat-con .group_num >p{ + font-weight: 400; + font-size: 14px; + line-height: 20px; + color: #fff; +} +.qr_code{ + width: 160px; + height: 160px; + background-color: #F2F3F1; + border-radius: 12px; + margin-bottom: 36px; + display: flex; + justify-content: center; + align-items: center; +} +.scan{ + text-align: center; + display: flex; + flex-direction: column; +} +.scan-txt{ + display: inline-block; + color: #727570; + font-weight: 400; + font-size: 14px; + line-height: 20px; + opacity: 0.7; +} +.scan-txt-b{ + display: inline-block; + color: #000000; +} +@media screen and (max-width: 768px){ + .qr_code,.scan{ + display: none !important; + } + .icon1{ + display: block !important; + } + .name >i{ + color: #000; + font-weight: 500; + font-size: 18px; + line-height: 25px; + } + .icon2{ + display: block; + height: 24px; + margin-right: 8px; + } +} \ No newline at end of file diff --git a/public/site/css/download.css b/public/site/css/download.css new file mode 100644 index 000000000..9eddb8f0c --- /dev/null +++ b/public/site/css/download.css @@ -0,0 +1,146 @@ +/* 头部样式 */ +.head{ + text-align: center; + background: var(--bg-8-url) top left no-repeat; + background-size: contain; +} +.nav{ + background-color: var(--pop-bg-color); + box-shadow: 0px 4px 9px var(--box-shadow-color); +} + +.download-ul{ + display: flex; + justify-content: space-between; + align-items: center; + width: 70%; + padding-bottom: 120px; +} +.download-ul-item{ + cursor: pointer; +} +.download-ul-item .normal{ + display: flex; + background-color: var(--bg-fa-color); + border-radius: 80px; + width: 160px; + height: 160px; + justify-content: center; + align-items: center; + flex-direction: column; +} +.download-ul-item .icon{ + display: block; + height: 48px; +} +.download-ul-item .hover{ + display: none; + width: 160px; + height: 160px; + justify-content: center; + align-items: center; + flex-direction: column; +} +.download-ul-item .hover.radius{ + background-color: var(--bg-fa-color); + border-radius: 80px; + width: 160px; + height: 160px; +} +.download-ul-item .qr-code{ + display: block; + height: 100px; +} +.download-ul-item .txt{ + color: var(--txt-gray-color); +} +.download-ul-item .hover.radius .txt{ + color: var(--txt-theme-color); +} +.chips-txt{ + color: var(--txt-theme-color); +} +.download-ul-item .btn:hover .chips-txt{ + color: #fff; +} +.update{ + position: relative; + background-color: var(--bg-fa-color); +} +.update-con{ + width: 100%; + max-width: 1280px; + margin: 0 auto; + padding: 120px 0px; + z-index: 2; + position: relative; +} +.update-layout{ + display: flex; + justify-content: space-between; + align-items: center; + position: relative; +} +.update-h1{ + color: var(--text-color); +} +.update-ul{ + width: 515px; +} +.update-item{ + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid var(--border-color); + padding: 16px 0; + cursor: pointer; +} +.update-item:hover .update-h5{ + color: var(--txt-theme-color); +} +.update-item:hover .time{ + color: var(--txt-theme-color); +} +.update-h5{ + color: var(--txt-gray-color); +} +.update-item .time{ + color: var(--txt-gray-color); +} +.update-ul .more-item{ + display: flex; + align-items: center; +} +.more-item .more{ + color: var(--txt-theme-color); + margin-right: 8px; + cursor: pointer; + padding: 16px 0; +} +.more-item .icon{ + display: inline-block; + width: 8px; + height: 12px; + line-height: 24px; +} +.update-bg-svg{ + background: var(--bg-9-url) no-repeat top right; + background-size: contain; +} +.update-r{ + max-width: 622px; + margin-left: 123px; + box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.05); + border-radius: 45px; +} +.update-r-svg{ + display: block; + background: var(--bg-pic1-url) no-repeat; + background-size: cover; + width: 100%; + height: 100%; +} +/* 底部布局 */ +.footer-layut{ + padding-top: 120px; +} \ No newline at end of file diff --git a/public/site/css/help.css b/public/site/css/help.css new file mode 100644 index 000000000..a5fd87656 --- /dev/null +++ b/public/site/css/help.css @@ -0,0 +1,158 @@ +/* 头部样式 */ +.nav{ + background-color: var(--pop-bg-color); + box-shadow: 0px 4px 9px var(--box-shadow-color); +} +.help{ + position: relative; + margin: 56px 0 96px 0; + padding-top: 80px; +} +.help-con{ + width: 100%; + max-width: 1280px; + margin: 0 auto; +} +.help-layout{ + display: flex; + align-items: flex-start; +} +.help-l{ + padding: 24px; + background: var(--bg-fa-color); + border-radius: 8px; + margin-right: 32px; + height: 95%; +} +.help-h5{ + color: var(--text-color); +} +.help-l-ul{ + width: 240px; + overflow: auto; + height: 82vh; +} +.l-ul-item{ + padding: 9px 16px; + cursor: pointer; + height: 22px; +} +.l-ul-item.active .txt{ + color: var(--txt-theme-color); +} +.l-ul-item.active{ + background-color: var(--bg-hover-color); + border-radius: 8px; +} +.l-ul-item:hover{ + background: var(--bg-hover-color); + border-radius: 8px; +} +.txt{ + /* display: inline-block; */ + color: var(--txt-gray-color); +} +.help-r{ + border-left: 1px solid var(--border-color); + padding-left: 32px; + position: relative; +} +.help-r::-webkit-scrollbar{ + width: 0 !important +} +.help-pic1{ + position: relative; + padding-left: 34px; + width: auto; + height: 240px; + background: var(--txt-theme-color); + border-radius: 8px; + display: flex; + align-items: center; + overflow: hidden; +} +#help-pic1-svg{ + height: 100%; + position: absolute; + top: 0; + right: 0; +} +.help-pic1-tips{ + max-width: 360px; +} +.help-pic1-tips-h2{ + color: #fff; + margin-bottom: 16px; +} +.help-pic1-tips-h6{ + color: #fff; +} +.help-h4{ + color: var(--text-color) !important; +} +.help-h6{ + color: var(--txt-gray-color); +} +.help-h6-bold{ + color: var(--text-color) !important; +} +.r-ul-item-pic1{ + display: block; + height: 316px; +} +.r-ul-item-pic2{ + display: block; + height: 418px; +} +.dots{ + background: url(../img/dots.svg) no-repeat; + width: 4px; + height: 4px; + display: block; + position: absolute; + left: 10px; + top: 10px; +} +.help-t-768{ + display: flex; + align-items: center; + padding: 14px 16px; + background: var(--bg-fa-color); + border-radius: 8px; + margin-top: 16px; + cursor: pointer; + margin-bottom: 40px; +} +.help-t-prev{ + display: inline-block; + width: 14px; + margin-right: 8px; +} +.help-t-tit{ + font-weight: 400; + font-size: 16px; + line-height: 20px; + color: var(--txt-theme-color); +} +.help-drawer{ + position: fixed; + top: 0; + left: -90vw; + width: 75vw; + height: 100%; + padding: 22px 24px; + background-color: var(--pop-bg-color); + border: 1px solid var(--box-shadow-color); + box-shadow: var(--pop-box-shadow); + transition: all 0.5s ease-in-out; + z-index: 999; +} +.open-help-drawer{ + left: 0; +} +.help-t-768{ + display: none; +} +.filings{ + border-top: 1px solid var(--border-color); +} \ No newline at end of file diff --git a/public/site/css/home.css b/public/site/css/home.css new file mode 100644 index 000000000..150d3b62f --- /dev/null +++ b/public/site/css/home.css @@ -0,0 +1,317 @@ +/* 头部样式 */ +.head{ + text-align: center; + background: var(--bg-1-url) top left no-repeat; + background-size: cover; +} +section{ + background: var(--bg-2-url) bottom left no-repeat; +} +/* 底部样式 */ +.footer-layut{ + border-top: var(--border-color) solid 1px; +} +.collaboration{ + width: 100%; + max-width: 1280px; + max-height: 243px; + margin: 0 auto; + position: relative; + margin-bottom: 120px; +} +.collaboration-content{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + z-index: 5; +} +/* .collaboration-content-zh{ + top: 27.7%; + left: 36.7%; +} +.collaboration-content-en{ + top: 27.7%; + left: 28.6%; +} */ +.collaboration-txt{ + color: #fff; + text-align: center; +} +/* 合作公司 */ +.companies{ + height: 100%; + background: var(--bg-fa-color); +} +.companies-con{ + width: 100%; + max-width: 1280px; + margin: 0 auto; + padding: 88px 0; +} +.companies-h1{ + text-align: center; + color: var(--text-color); +} +.companies-ul{ + display: flex; + align-items: center; + justify-content: space-around; + margin-top: 56px; +} +.companies-ul .companies-ul-item{ + height: 64px; +} +.companies-ul .companies-ul-item img{ + height: 100%; + display: inline-block; +} +.ten_img{ + opacity: 0; + animation-name: fadeSlideIn2; + animation-duration: 2s; + animation-delay: 0.6s; + transition-timing-function: ease; + animation-fill-mode: forwards; +} +/* 定义动画 */ +@keyframes fadeSlideIn2 { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +/* 功能卡片 */ +.card{ + height: auto; + width: 100%; + max-width: 1280px; + margin: 0 auto; +} +.card-pic{ + max-width: 717px; +} +.card-con{ + padding-top: 120px; +} +.card-con-768{ + padding-top: 56px; + display: none; +} +.card-con-layout{ + display: flex; + align-items: flex-start; + margin-top: 56px; +} +.card-h1{ + text-align: center; + color: var(--text-color); +} +.card-ul{ + width: 483px; + margin-right: 48px; + padding-right: 32px; +} +.card-768-ul .icon{ + flex: 1; + display: inline-block; + padding: 10px; + background-color: var(--bg-292c2f-color); + box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.05); + border-radius: 8px; + margin-bottom: 16px; +} +.card-ul .card-ul-item{ + display: flex; + align-items: center; + padding: 24px 16px; + border-bottom: 1px solid var(--border-color); + cursor: pointer; + max-height: 50px; + transition: max-height 1s ease; +} +@keyframes fadeSlideIn3 { + from { + opacity: 0; + transform: translateY(30px); + } + to { + opacity: 1; + transform: translateY(0); + } +} +.card-ul .card-ul-item:hover{ + background-color: var(--bg-hover-color); +} +.card-ul .card-ul-item .icon{ + flex: 1; + display: inline-block; + padding: 10px; + background-color: var(--bg-292c2f-color); + box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.05); + border-radius: 8px; + margin-right: 24px; +} +.card-ul .card-ul-item .arrows{ + display: inline-block; + height: 18px; + width: 18px; +} +.card-ul-item-h3{ + color: var(--text-color); +} +.card-ul-item-unfolded{ + display: flex; + justify-content: space-between; + align-items: center; + flex: 14; +} +.card-ul-item-expand{ + display: none; +} +.card-ul-item-expand-tit{ + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 16px; +} +.card-ul-item-txt{ + display: inline-block; + color: var(--txt-gray-color); + opacity: 0; + animation: fadeSlideIn3 0.5s cubic-bezier(0.61, -0.01, 0.57, 0.96) forwards var(--delay); +} +@keyframes fadeSlideIn3 { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +.card-ul-item.active{ + align-items: flex-start !important; + max-height: 138px; +} +.card-ul-item.active .arrows{ + transform: rotate(180deg); +} +.card-ul-item.active .card-ul-item-unfolded{ + display: none; +} +.card-ul-item.active .card-ul-item-expand{ + display: inline-block; +} + +/* 为什么选择我们 */ +.choose{ + position: relative; + height: auto; + width: 100%; + max-width: 1280px; + margin: 0 auto; + z-index: 10; +} +.choose-con{ + padding: 240px 0 120px 0; +} +.choose-con-768{ + display: none; + justify-content: center; + align-items: center; + flex-direction: column; + padding-bottom: 88px; +} +.choose-con-768-box{ + position: relative; + width: calc(100vw); + overflow-x: hidden; +} +.zh_choose_768,.en_choose_768{ + /* min-height: 257px; */ +} +.choose-con-768-ul{ + z-index: 99; + display: flex; + position: absolute; + left: 0; + top: 10px; + transition: all cubic-bezier(0, -0.26, 0.13, 1.04) .8s; +} +.choose-con-768-ul::-webkit-scrollbar { + display: none; +} +.choose-con-768-item{ + padding: 30px 24px; + width: calc(100vw - 88px); + min-height: 177px; + height: 100%; + background: var(--choose-bg-hover-color); + box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.05); + border-radius: 12px; + margin: 0 20px; +} +#card-indicators { + position: absolute; + bottom: 54px; + left: 50%; + transform: translateX(-50%); + display: flex; + justify-content: center; + align-items: center; + z-index: 99; +} +.card-indicators-item { + list-style: none; + margin: 0 5px; + width: 10px; + height: 10px; + border-radius: 50%; + background-color: var(--border-color); + cursor: pointer; + transition: background-color 0.3s ease-in-out; +} +.card-indicators-item.active { + background-color: var(--txt-theme-color); +} +.arcs2{ + display: inline-block; + position: absolute; + width: 100%; + left: 0; + bottom: -28px; +} +.choose-con-ul{ + display: flex; + justify-content: space-between; +} +.choose-con-item{ + width: calc(18vw + 12px); + padding: 24px; + +} +.choose-con-ul .hover{ + cursor: pointer; + transition: all .3s ease-in-out; +} +.choose-con-ul .hover:hover{ + background-color: var(--choose-bg-hover-color); + box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.05); + border-radius: 12px; + transform: translateY(-16px); +} +.choose-con-tit{ + color: var(--text-color); + padding-top: 80px; + position: relative; + width: fit-content; +} +.home_pic7_768{ + display: none; +} \ No newline at end of file diff --git a/public/site/css/log.css b/public/site/css/log.css new file mode 100644 index 000000000..e82e70104 --- /dev/null +++ b/public/site/css/log.css @@ -0,0 +1,132 @@ +/* 头部样式 */ +.nav{ + background-color: var(--pop-bg-color); + box-shadow: 0px 4px 9px var(--box-shadow-color); +} +.logs{ + position: relative; + margin: 136px 0 96px 0; +} +.logs-con{ + width: 100%; + max-width: 1280px; + margin: 0 auto; +} +.logs-layout{ + display: flex; + align-items: flex-start; + height: 929px; +} +.logs-l{ + padding: 24px; + background-color: var(--bg-fa-color); + border-radius: 8px; + margin-right: 32px; + height: 95%; +} +.logs-h5{ + font-weight: 400; + font-size: 16px; + line-height: 20px; + color: var(--text-color); +} +.logs-l-ul{ + width: 240px; +} +.l-ul-item{ + padding: 9px 16px; + cursor: pointer; + height: 22px; +} +.l-ul-item.active .txt{ + color: var(--txt-theme-color); +} +.l-ul-item.active{ + background-color: var(--bg-hover-color); + border-radius: 8px; +} +.l-ul-item:hover{ + background-color: var(--bg-hover-color); + border-radius: 8px; +} +.txt{ + /* display: inline-block; */ + color: var(--txt-gray-color); +} +.logs-r{ + border-left: 1px solid var(--border-color); + padding-left: 32px; + height: 929px; + overflow-y:scroll; +} +.logs-r::-webkit-scrollbar{ + width: 0 !important +} +.logs-h1{ + color: var(--text-color); +} +.logs-h4{ + font-weight: 500; + font-size: 24px; + line-height: 30px; + color: var(--text-color); +} +.r-ol-item{ + color: var(--txt-gray-color); + position: relative; +} +.r-ul-item:last-child{ + margin-bottom: 0 !important; +} +.dots{ + background: url(../img/dots.svg) no-repeat; + width: 4px; + height: 4px; + display: inline-block; + position: absolute; + left: 10px; + top: 10px; +} +.logs-t-768{ + display: flex; + align-items: center; + padding: 14px 16px; + background: var(--bg-fa-color); + border-radius: 8px; + margin-top: 16px; + cursor: pointer; + margin-bottom: 40px; +} +.logs-t-prev{ + display: inline-block; + width: 14px; + margin-right: 8px; +} +.logs-t-tit{ + font-weight: 400; + font-size: 16px; + line-height: 20px; + color: var(--txt-theme-color); +} +.logs-drawer{ + position: fixed; + top: 0; + left: -90vw; + width: 75vw; + height: 100%; + padding: 22px 24px; + background-color: var(--pop-bg-color); + border: 1px solid var(--box-shadow-color); + box-shadow: var(--pop-box-shadow); + transition: all 0.5s ease-in-out; + z-index: 999; +} +.open-logs-drawer{ + left: 0; +} +.logs-t-768{ + display: none; +} +.filings{ + border-top: 1px solid var(--border-color); +} \ No newline at end of file diff --git a/public/site/css/price.css b/public/site/css/price.css new file mode 100644 index 000000000..f4e499419 --- /dev/null +++ b/public/site/css/price.css @@ -0,0 +1,189 @@ + +/* 头部样式 */ +.head{ + background: var(--bg-10-url) top left no-repeat; + background-size: contain; +} +.price-card{ + width: 100%; + display: flex; + justify-content: space-between; + z-index: 2; +} +.price-card-item{ + box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 24px; + width: 298px; + transition: all .3s ease-in-out; + background: var(--choose-bg-hover-color); + border: 1px solid var(--border-color); + border-radius: 12px; + cursor: pointer; +} +.price-card-item:hover{ + border: 1px solid var(--txt-theme-color); + transform: translateY(-16px); +} +.price-animate-box{ + opacity: 0; + transform: translateY(50%); + animation: fadeIn 1s ease-in-out forwards var(--delay); /* 应用动画效果 */ +} +.price-card-item:hover .btn-green{ + background-color: var(--txt-theme-color); + color: #fff; +} +.price-card-h4{ + color: var(--text-color); + display: flex; +} +.price-card-item.active{ + border: 2px solid var(--txt-theme-color); + box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05); +} +.price-card-item.active .btn-green{ + background-color: var(--txt-theme-color); + color: #fff; +} +.price-card-item.active .btn-green:hover{ + background-color: var(--btn-hover-color); + border-color: var(--btn-hover-color); +} +.price-card-item.active .price-card-h4{ + display: flex; + align-items: center; + color: var(--txt-theme-color); +} +.rec-icon{ + display: flex; + flex-direction: row; + align-items: center; + padding: 2px 6px; + height: 20px; + background-color: var(--bg-rec-color); + border-radius: 4px; + color: #fff; + font-size: 14px; + line-height: 16px; + margin-left: 8px; +} +.price-card-money{ + display: flex; + align-items: flex-end; +} +.price-card-h2{ + color: var(--text-color); + text-align: left; + margin-right: 4px; +} +.price-card-unit{ + color: var(--txt-gray-color); +} +.price-card-h6{ + color: var(--txt-gray-color); + text-align: left; +} +.price-card-ol-item{ + display: flex; + align-items: flex-start; +} +.price-card-ol-item .icon{ + display: inline-block; + height: 20px; +} +.plans-ul-t .plans-ul-t-item:last-child,.plans-ol-item:last-child{ + border-bottom: none !important; +} +.plans-ol .plans-ol-item:first-child{ + background-color: var(--bg-fa-color); + padding: 20px 24px !important; +} +.plans{ + position: relative; +} +.plans-tit-h2{ + text-align: center; + color: var(--text-color); +} +.plans-tit-h5{ + text-align: center; + color: var(--txt-gray-color); +} +.plans-con{ + width: 100%; + max-width: 1280px; + margin: 0 auto; + z-index: 2; + position: relative; +} +.plans-layout{ + padding: 120px 0; +} +.plans-ul-t-item{ + border-bottom: 1px solid var(--border-color); +} +.plans-ul-t-item-h4{ + color: var(--text-color); +} +.plans-ol-item{ + display: flex; + align-items: center; + padding: 24px; + border-bottom: 1px solid var(--border-color); +} +.plans-ol-item .plans-ol-item-h6:first-child{ + color: var(--txt-gray-color) !important; +} +.plans-ol-item-h6{ + color: var(--txt-4ca5); +} +.plans-ol-item-icon{ + display: block; + height: 24px; +} +.plans-ul-b{ + display: grid; + grid-template-columns: 506px 266px 266px 266px; +} +.plans-ul-b-item-btn{ + display: inline-block; + width: 218px; +} +.flex-s-c{ + display: flex; + justify-content: flex-start; + align-items: center; +} +.plans-ul-768{ + display: none; +} +.plans-ul-768-item:nth-of-type(1),.plans-ul-768-item:nth-of-type(2){ + border-bottom: 1px solid var(--border-color); + padding-bottom: 36px; +} +.plans-ol-768-item{ + border: 1px solid var(--border-color); + border-radius: 12px; + margin-bottom: 24px; + background-color: var(--bg-color); +} +.plans-ol-768-item .plans-ol-768-content{ + display: flex; + align-items: center; + justify-content: space-between; + padding: 20px 24px; +} +.plans-ol-768-item .plans-ol-768-content:nth-child(2n){ + background-color: var(--bg-fa-color); +} +.plans-ol-768-item .plans-ol-768-content:last-child{ + border-radius: 0 0 12px 12px; +} + +/* 底部样式 */ +.footer-layut{ + border-top: var(--border-color) solid 1px; +} \ No newline at end of file diff --git a/public/site/css/product.css b/public/site/css/product.css new file mode 100644 index 000000000..544fa9899 --- /dev/null +++ b/public/site/css/product.css @@ -0,0 +1,309 @@ +/* 头部样式 */ +.head.product{ + position: relative; + background: var(--bg-3-url) top right no-repeat; +} +.prooduct-con{ + width: 100%; + max-width: 1280px; + margin: 0 auto; + position: relative; +} +.prooduct-list{ + display: flex; + flex-wrap: wrap; +} +.prooduct-list .prooduct-list-item{ + padding: 24px; + background-color: var(--bg-fa-color); + border: 1px solid var(--border-color); + border-radius: 12px; + cursor: pointer; + margin-right: 32px; + width: 100%; + margin-bottom: 24px; + opacity: 0; + animation: fadeIn 0.5s ease-in-out forwards var(--delay); /* 应用动画效果 */ +} +/* 定义动画 */ +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(50%); + } + to { + opacity: 1; + transform: translateY(0); + } +} +.prooduct-list .prooduct-list-item.top{ + max-width: 180px; +} +.prooduct-list .prooduct-list-item:nth-of-type(5),.prooduct-list .prooduct-list-item:nth-of-type(9){ + margin-right: 0 !important; +} +.prooduct-list .prooduct-list-item.bot{ + max-width: 246px; +} +.prooduct-list .prooduct-list-item:hover{ + background-color: var(--choose-bg-hover-color); + border: 1px solid var(--txt-theme-color); + box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.12); +} +.prooduct-list .prooduct-list-item .icon{ + width: 48px; + display: block; + margin-bottom: 16px; +} +.prooduct-list .prooduct-list-item .txt{ + color: var(--txt-gray-color); +} +.prooduct-list .active{ + background-color: var(--choose-bg-hover-color) !important; + border: 1px solid var(--txt-theme-color) !important; + box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.05) !important; +} +.prooduct-list .prev,.prooduct-list .next{ + padding: 14px; + background: var(--choose-bg-hover-color); + box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.05);; + border-radius: 8px; + cursor: pointer; + display: none; +} +.prooduct-list .prev{ + margin-right: 16px; +} +.prooduct-list .next{ + margin-left: 16px; +} +.active .txt{ + color: var(--text-color) !important; +} +.details{ + display: none; + width: 100%; + max-width: 1280px; + opacity: 0; + transform: translateY(20%); /* 将元素向下移动 50 像素 */ + animation-name: fadeIn2; /* 指定动画名称 */ + animation-duration: 1s; /* 动画持续时间为 1 秒 */ + transition-delay: 1s; + transition-timing-function: ease; + animation-fill-mode: forwards; /* 元素保持动画结束状态 */ +} +.details.active{ + display: block; +} +.details-ul-1280{ + display: none; + flex-wrap: wrap; + justify-content: space-between; + padding: 56px 48px; + background-color: var(--choose-bg-hover-color); + box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.05);; + border-radius: 12px; +} +.details-ul-1280 .details-ul-item{ + width: 48%; +} +.prooduct-ul{ + margin: 12px 0 125px 0; +} +.details-con{ + display: flex; + align-items: flex-start; + padding: 56px 48px; + background-color: var(--choose-bg-hover-color); + box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.05);; + border-radius: 12px; + +} +/* 定义动画 */ +@keyframes fadeIn2 { + from { + opacity: 0; + transform: translateY(20%); + } + to { + opacity: 1; + transform: translateY(0); + } +} +.details-con .pic{ + display: block; +} +.details-con .details-ul{ + margin-left: 56px; +} +.details-con .details-ul.item4{ + width: 764px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +.details-con .details-ul.item4 .details-ul-item{ + width: 364px; +} + +main{ + width: 100%; + z-index: 2; + position: relative; +} +.manage{ + background-color: var(--bg-fa-color); +} +.manage-con{ + padding: 120px 0px; + width: 100%; + max-width: 1280px; + margin: 0 auto; + position: relative; +} +.manage-t{ + display: flex; + align-items: center; + flex-direction: column; +} +.manage-b{ + display: flex; + justify-content: space-between; + position: relative; +} +.manage-h1{ + color: var(--text-color); +} +.manage-h3{ + font-weight: 500; + font-size: 20px; + line-height: 25px; + color: var(--txt-191a15-color); +} +.manage-h5{ + color: var(--txt-gray-color); +} +.manage-h6{ + color: var(--txt-gray-color); +} +.manage-h5-768{ + display: none; +} +.manage-tit{ + width: 341px; +} +.manage-icon{ + height: 24px; + display: block; +} +.manage-bg{ + display: block; + max-width: 100%; + width: 100%; + height: 100% ; +} +.manage-svg{ + position: relative; + box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05); + border-radius: 30px; + width: 405px; +} +.manage-tips{ + padding: 18px 20px; + background: var(--choose-bg-hover-color); + box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05); + border-radius: 12px; + display: flex; + align-items: center; + position: absolute; + top: 42px; + left: 100px; + width: 76%; +} +.manage-tips-txt{ + margin-left: 12px; + color: var(--text-color); +} +.manage-svg-h2{ + display: inline-block; + position: absolute; + bottom: 52px; + left: 120px; + text-align: end; + color: #fff; + width: 60%; +} +.manage-ul-item{ + display: flex; + align-items: flex-start; +} +.performance{ + position: relative; + background: var(--bg-4-url) top left no-repeat; +} +.performance-con{ + padding: 120px 0px; + width: 100%; + max-width: 1280px; + margin: 0 auto; + +} +.performance-con .pic{ + display: block; + height: auto; +} +.performance-h1{ + color: var(--text-color); + text-align: center; +} +.performance-ul{ + display: flex; + align-items: flex-start; + justify-content: space-between; + margin-top: 48px; +} +.performance-ul-item{ + width: 248px; +} +.performance-ul-item .icon{ + display: inline-block; + width: 24px; + height: 24px; + background-color: var(--txt-theme-color); + border-radius: 4px; + transform: rotate(45deg); +} +.performance-h5{ + color: var(--txt-191a15-color); +} +.performance-h6{ + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: var(--txt-gray-color); +} +.product-animate-box,.product-animate-box2{ + opacity: 0; + transform: translateY(25%); +} +.product-animate-box.animate{ + animation: fadeIn5 0.8s cubic-bezier(0.61, -0.01, 0.57, 0.96) forwards var(--delay); /* 应用动画效果 */ +} +.product-animate-box2.animate{ + animation: fadeIn5 0.7s cubic-bezier(0.61, -0.01, 0.57, 0.96) forwards var(--delay); /* 应用动画效果 */ +} +/* 定义动画 */ +@keyframes fadeIn5 { + from { + opacity: 0; + transform: translateY(30%); + } + to { + opacity: 1; + transform: translateY(0); + } +} +/* 底部样式 */ +.footer-layut{ + border-top: var(--border-color) solid 1px; +} \ No newline at end of file diff --git a/public/site/css/rem.css b/public/site/css/rem.css new file mode 100644 index 000000000..a557bdfd9 --- /dev/null +++ b/public/site/css/rem.css @@ -0,0 +1,791 @@ +@media screen and (max-width: 1280px){ + .head-con,.companies-con,.card,.choose,.footer-con,.prooduct-con,.manage-con,.performance-con,.app-con,.nav-layout,.update-con,.logs-con,.help-con,.plans-con,.company-profile-con,.scenario-app-con,.footer-t-con,.topics-con,.collaboration{ + width: calc(100vw - 72px) !important; + padding-left: 36px !important; + padding-right: 36px !important; + } + .nav-r{ + width: 27%; + } + .nav-ul{ + width: 42%; + } + .card-pic{ + max-width: 50% !important; + margin-bottom: 36px !important; + } + .manage-b,.scenario-app-ul { + flex-wrap: wrap; + justify-content: center !important; + } + .update-layout{ + justify-content: center !important; + } + .update-l{ + margin-right: 36px; + } + .manage-b{ + display: block !important; + } + .details,.manage-tit,.company-profile-l{ + width: calc(100vw - 72px) !important; + } + .topics-tit{ + width: calc(100vw - 72px) !important; + text-align: center; + } + .prooduct-list .prooduct-list-item{ + width: auto !important; + max-width: 100% !important; + margin-right: 0 !important; + margin-bottom: 0 !important; + } + .prooduct-ul{ + margin-top: 36px !important; + } + .manage-ul-item{ + margin-bottom: 32px !important; + } + .details-con-item4{ + display: none !important; + } + .details-ul-1280{ + display: flex !important; + } + .app-ul{ + justify-content: center !important; + } + .team-ul,.price-card{ + flex-wrap: wrap !important; + justify-content: space-between!important; + } + .plans-ul-b{ + flex-wrap: wrap !important; + justify-content: flex-start !important; + } + .team-ul-item,.price-card-item,.plans-ul-b-item{ + margin-bottom: 32px; + } + .team-con{ + width: calc(100vw - 72px) !important; + padding: 120px 20px 88px 20px !important; + } + .download-ul{ + width: 100% !important; + padding-bottom: 120px !important; + } + .update-r{ + margin-left: 0 !important; + } + .grid-4{ + grid-template-columns: 32vw 18vw 18vw 18vw !important; + } + .plans-ul-b{ + grid-template-columns: calc(34vw + 4px) 18vw 18vw 18vw !important; + } + .scenario-app-ul-item:nth-of-type(3),.app-ul-item:nth-of-type(3){ + margin-bottom: 32px !important; + } + .company-profile-layout{ + flex-wrap: wrap; + justify-content: center !important; + } + .company-profile-r{ + margin-top: 48px !important; + width: auto !important; + } + .team-ul-item{ + width: auto !important; + height: auto !important; + } + .help-pic1{ + height: auto !important; + } + .help-pic1-tips-h2{ + margin-bottom: 0 !important; + } + .help-pic1-tips{ + position: relative; + padding: 12px 0 !important; + z-index: 10; + max-width: calc(100% - 123px) !important; + } + .help-pic1-tips-h2{ + font-weight: 500 !important; + font-size: 16px !important; + line-height: 24px !important; + margin-bottom: 8px !important; + } + .help-pic1-tips-h6{ + font-weight: 400 !important; + font-size: 12px !important; + line-height: 16px !important; + } + .choose-con-ul{ + justify-content: flex-start !important; + } + .choose-con-item,.app-ul-item,.scenario-app-ul-item{ + width: 100% !important; + } + .choose-con{ + padding: 120px 0 56px 0 !important; + } + .collaboration{ + /* padding-bottom: 56px !important; */ + } + .price-card-item{ + width: 22% !important; + min-width: 200px !important; + } + .performance-ul-item { + margin-right: 24px !important; + width: 100% !important; + } + .performance-ul-item:last-child { + margin-right: 0 !important; + } + .prooduct-list{ + display: grid !important; + grid-template-columns: repeat(3, 1fr) !important; + grid-gap: 24px 32px; + } + .plans-ul-b-item-btn{ + width: auto !important; + } + .app-bg-box{ + max-height: 100% !important; + } +} + +@media screen and (max-width: 1050px){ + .nav-ul,.nav-r{ + display: none; + } + .menuBtn{ + display: block; + } + .footer-t-layout{ + flex-direction: column !important; + } + .footer-t-l{ + margin-bottom: 32px; + } + .price-card-item{ + width: 358px !important; + } + .price-card-h2{ + font-size: 24px !important; + } + .plans-ul-t-item-h4{ + font-size: 16px !important; + } + .price-card-unit{ + font-size: 14px !important; + } + .update-layout{ + flex-wrap: wrap; + justify-content: center !important; + } + .update-l{ + margin-right: 0 !important; + } + .from-ul{ + width: calc(100vw - 72px) !important; + margin-top: 40px !important; + } + .update-ul{ + width: calc(100vw - 72px) !important; + } + .update-r{ + max-width: 100% !important; + } + .topics-h1-green,.topics-h1{ + font-size: 56px !important; + } + .collaboration-txt{ + font-size: 24px !important; + margin-bottom: 8px !important; + } + .logs-l-ul,.help-l-ul,.search-input{ + width: 220px !important; + } + .update-bg-svg{ + background-size: 62% !important; + } + .card-ul-item.active{ + max-height: 307px !important; + } +} + +@media screen and (max-width: 768px){ + img{ + max-width: 100% !important; + } + .filings{ + font-size: 14px !important; + } + .nav-layout{ + height: 64px !important; + } + section{ + background: transparent !important; + } + #logo{ + height: 28px !important; + } + .btn{ + font-size: 15px !important; + line-height: 18px !important; + } + .companies-ul .companies-ul-item{ + height: 36px !important; + } + .topics-con{ + width: calc(100vw - 40px) !important; + padding-top: 100px !important; + padding-left: 20px !important; + padding-right: 20px !important; + } + .details, .manage-tit, .company-profile-l{ + width: calc(100vw - 40px) !important; + } + .nav{ + height: 60px !important; + } + .head-con,.card,.choose,.footer-con,.companies-con,.manage-con,.performance-con,.app-con,.team-con,.update-con,.logs-con,.help-con,.plans-con,.prooduct-con,.scenario-app-con,.footer-t-con,.nav-layout,.company-profile-con,.collaboration{ + width: calc(100vw - 40px) !important; + padding: 0 20px !important; + } + .company-profile-r{ + width: 100% !important; + margin-top: 0 !important; + } + .details,.manage-b,.performance-con .pic{ + width: calc(100vw - 40px) !important; + } + .manage-b{ + justify-content: center !important; + padding-bottom: 56px; + } + .topics-h1,.topics-h1-green{ + font-weight: 600; + font-size: 28px !important; + line-height: 35px !important; + text-align: center; + } + .topics-tit,.topics-h4{ + width: 340px !important; + margin-bottom: 20px !important; + text-align: center; + } + .solutions .topics-btn{ + margin-bottom: 56px !important; + } + .topics-btn{ + margin-bottom: 32px !important; + } + .arcs{ + top: 26px !important; + width: 120px !important; + } + .companies-h1{ + font-weight: 400; + font-size: 18px; + line-height: 22px; + } + .companies-con{ + padding: 32px 0!important; + } + .companies-ul{ + margin-top: 24px !important; + display: grid !important; + grid-template-columns: repeat(2, 50%) !important; + grid-template-rows: repeat(2, 50%) !important; + justify-items: center !important; + } + .companies-ul .companies-ul-item:nth-of-type(1),.companies-ul .companies-ul-item:nth-of-type(2){ + margin-bottom: 20px !important; + } + .card-con,.collaboration-bg,.choose-con,.footer-l,.footer-r,.manage-h5-1920,.download-ul-item .hover,.home_pic7{ + display: none !important; + } + .card-con-768,.performance-ul,.help-t-768,.prooduct-list .prev,.prooduct-list .next,.manage-ul-item,.logs-t-768,.plans-ul-768,.manage-h5-768,.home_pic7_768{ + display: block !important; + } + .choose-con-768{ + display: flex !important; + } + .manage-h5-768{ + width: 320px !important; + } + .card-pic{ + max-width: 100% !important; + } + .choose-con-768-item,.r-ul-item-pic1{ + height: auto !important; + } + .choose-con-tit{ + padding-top: 20px !important; + font-weight: 500; + font-size: 22px; + line-height: 30px; + text-align: center; + margin-bottom: 48px; + } + .manage-h1,.performance-h1,.app-h1,.team-tit,.update-h1{ + padding-top: 56px !important; + font-weight: 500; + font-size: 22px; + line-height: 28px; + text-align: center; + margin-bottom: 12px !important; + } + .manage-b,.app-ul,.team-ul{ + margin-top: 40px !important; + } + .manage-icon{ + margin-bottom: 16px; + } + .manage-h5,.app-h5,.topics-h4,.scenario-app-h6,.footer-t-h6{ + font-weight: 400; + font-size: 16px; + line-height: 24px; + text-align: center; + } + .app-h5{ + width: 320px !important; + } + .footer-t-h6{ + text-align: start !important; + margin-bottom: 32px !important; + } + .plans-tit-h5{ + font-weight: 400; + font-size: 16px; + line-height: 24px; + text-align: center; + margin-bottom: 48px !important; + } + .manage-h3{ + margin-bottom: 12px !important; + font-size: 18px !important; + } + .performance-h5,.help-h4,.price-card-h4{ + font-size: 18px !important; + } + .price-card-h4{ + margin-bottom: 20px !important; + } + .price-card-h2{ + font-size: 24px !important; + } + .price-card-h2{ + margin-right: 4px; + } + .manage-ul-item{ + margin-bottom: 36px !important; + } + .performance-ul{ + margin-top: 36px !important; + } + .arcs2{ + width: 170px !important; + left: 4px !important; + bottom: -12px !important; + } + .collaboration-txt{ + font-size: 20px !important; + max-width: 280px !important; + } + .collaboration{ + margin-bottom: 56px !important; + } + .footer-layut{ + border-bottom: none !important; + padding: 0 !important; + } + .prooduct-list{ + display: flex !important; + flex-wrap: nowrap !important; + margin-bottom: 24px !important; + justify-content: space-between !important; + align-items: center !important; + grid-gap: 0 !important; + } + .prooduct-list .active{ + display: flex !important; + align-items: center; + } + .prooduct-list .prooduct-list-item.top{ + width: 100% !important; + } + .prooduct-list .prooduct-list-item{ + display: none; + padding: 16px !important; + margin: 0 !important; + } + .prooduct-list .prooduct-list-item .icon{ + width: 28px !important; + margin-bottom: 0 !important; + margin-right: 12px !important; + } + .prooduct-list .prooduct-list-item .txt{ + font-weight: 500; + font-size: 16px; + line-height: 20px; + } + .prooduct-ul{ + margin: 0 0 56px 0 !important; + } + .performance{ + background: var(--bg-768-4-url) top left no-repeat !important; + } + .about_green_bg{ + background: var(--bg-768-9-url) top right no-repeat !important; + } + .head.product{ + background: var(--bg-768-3-url) top left no-repeat !important; + } + .head.price{ + background: var(--bg-768-8-url) top left no-repeat !important; + } + .head.dow{ + background: var(--bg-768-7-url) top left no-repeat !important; + } + .head.solutions{ + background: var(--bg-768-5-url) top right no-repeat !important; + } + .team.solutions{ + background: var(--bg-768-6-url) top right no-repeat !important; + } + .details-con .pic{ + margin-bottom: 36px; + } + .choose-con-item-h5,.app-h4,.scenario-app-h5{ + font-size: 18px !important; + } + .choose-con-item-h6,.app-h6,.company-profile-h6,.scenario-app-h6,.footer-t-contact-h6,.update-h5,.performance-h6,.manage-h6,.download-ul-item .txt,.update-item .time,.price-card-unit,.price-card-h6{ + font-size: 15px !important; + } + .details-ul-item{ + margin-bottom: 32px !important; + } + .details-ul-item:last-child{ + margin-bottom: 0 !important; + } + .serial-number{ + font-size: 32px !important; + } + .details-ul-1280,.details-con{ + flex-direction: column; + justify-content: center; + align-items: center; + padding: 30px 24px !important; + } + .details-ul-1280 .details-ul-item,.update-ul,.update-l{ + width: 100% !important; + } + .details-con .details-ul{ + margin-left: 0 !important; + } + .performance-con .pic{ + margin-top: 40px !important; + } + .performance-ul-item{ + width: auto !important; + margin-bottom: 40px; + } + .app-bg{ + margin-bottom: 16px !important; + } + .app-h4{ + margin-bottom: 12px !important; + } + .app-ul-item{ + width: auto !important; + margin-bottom: 36px !important; + } + .team-ul-item{ + padding: 30px 24px !important; + } + .download-ul{ + flex-wrap: wrap !important; + justify-content: center !important; + padding-bottom: 32px !important; + padding-top: 12px !important; + } + .download-ul-item{ + margin-bottom: 24px; + } + .download-ul-item .normal,.download-ul-item .hover.radius,.download-ul-item .hover{ + width: 120px !important; + height: 120px !important; + } + .download-ul-item .icon{ + height: 36px !important; + } + .download-ul-item:nth-of-type(odd){ + margin-right: 24px; + } + .update-bg-svg{ + background: none !important; + } + .update-r{ + margin-bottom: 56px; + margin-top: 28px; + } + .logs-l,.help-l,.plans-ul-t,.plans-ul-b{ + display: none !important; + } + .logs-r,.help-r{ + border: none !important; + padding-left: 0 !important; + } + .logs-h1,.plans-tit-h2{ + font-weight: 600; + font-size: 22px !important; + line-height: 28px !important; + } + .company-profile-h1{ + margin-bottom: 34px !important; + margin-top: 40px !important; + font-weight: 500 !important; + font-size: 22px !important; + line-height: 28px !important; + } + .logs-h4{ + font-size: 18px !important; + line-height: 22px !important; + } + .r-ol-item,.help-h6,.l-ul-item .txt{ + font-weight: 400; + font-size: 15px !important; + line-height: 24px !important; + } + .logs{ + margin: 0 !important; + padding-bottom: 56px !important; + } + .help{ + margin: 0 !important; + padding-bottom: 20px !important; + } + .l-ul-item{ + padding: 12px 0 !important; + } + .logs-h5{ + margin-top: 10px; + font-weight: 400 !important; + font-size: 18px !important; + line-height: 20px !important; + } + .help-pic1{ + height: calc(50vw/2 + 10px) !important; + padding-left: 14px !important; + } + .help-pic1-tips-h2{ + font-weight: 500 !important; + font-size: 16px !important; + line-height: 24px !important; + margin-bottom: 8px !important; + } + .help-pic1-tips-h6{ + font-weight: 400 !important; + font-size: 12px !important; + line-height: 16px !important; + } + .help-pic1-tips{ + max-width: 160px !important; + } + #help_pic2{ + height: calc(60vw - 40px) !important; + } + #help_pic3{ + height: calc(80vw - 60px) !important; + } + .price-card{ + flex-direction: column !important; + } + .price-card-item{ + width: 100% !important; + height: 100% !important; + } + .price-card-item:last-of-type{ + margin-bottom: 0 !important; + } + .plans-layout{ + padding: 56px 0 !important; + } + .company-profile{ + width: 100% !important; + margin-top: 56px; + padding-top: 0 !important; + } + .company-profile-layout,.footer-t-layout{ + flex-direction: column !important; + } + .company-profile-arcs{ + bottom: -20px !important; + left: 0 !important; + } + .company-h2{ + font-weight: 500 !important; + font-size: 20px !important; + line-height: 30px !important; + } + .company-h6{ + font-weight: 400 !important; + font-size: 12px !important; + line-height: 15px !important; + } + .company-ul{ + width: 100% !important; + padding: 24px 0 !important; + margin-top: 12px !important; + } + .company-ul-item{ + padding: 0 24px !important; + } + .scenario-app,.footer-t{ + padding: 56px 0 !important ; + } + .scenario-app-h1,.footer-t-h1{ + font-weight: 500 !important; + font-size: 22px !important; + line-height: 28px !important; + } + .scenario-app-ul-item .scenario-app-h6{ + text-align: start !important; + } + .scenario-app-ul-item,.footer-t-l{ + width: 100% !important; + } + .from-ul{ + width: calc(100vw - 40px) !important; + margin-top: 8px !important; + } + .app-con,.team-con{ + padding-top: 0 !important; + padding-bottom: 24px !important; + } + .card-ul-item-txt,.prooduct-list .prooduct-list-item,.details-con{ + opacity: 1 !important; + animation: normal !important; + } + .details-con{ + transform: translateY(0) !important; + } + .company-profile-layout{ + padding-bottom: 56px !important; + } + .footer-t-h1{ + margin-bottom: 32px !important; + } + .logs-layout,.team-ul-item,.scenario-app-ul-item{ + height: auto !important; + } + .logs-r{ + height: auto !important; + overflow: auto !important; + } + .manage-svg{ + width: 100% !important; + } + .manage-bg{ + width: 100% !important; + margin-top: 0 !important; + } + .manage-tips{ + top: 42px !important; + right: 0 !important; + width: auto !important; + } + .manage-tips-txt{ + font-size: 16px !important; + line-height: 20px !important; + } + .manage-svg-h2{ + bottom: 52px; + right: 22px; + width: 45% !important; + font-size: 28px !important; + line-height: 40px !important; + } + .prooduct-list .prooduct-list-item.bot{ + width: auto !important; + } + .head.product{ + background-size: contain !important; + } + .details-ul-item:nth-of-type(4){ + margin-bottom: 32px !important; + } + .card-h1{ + margin-bottom: 40px !important; + } + .card-con-layout{ + margin-top: 0 !important; + } + .bg-style{ + background: transparent !important; + } + .logo{ + width: 32px !important; + } + .dootask{ + margin-left: 12px !important; + } + .price-card-item>.price-card-h6{ + height: auto !important; + margin-bottom: 20px !important; + } + .scenario-app-layout>.scenario-app-h6{ + margin-bottom: 48px !important; + } + .update-h1{ + margin-bottom: 28px !important; + } + .logs-t-768{ + margin-top: 96px !important; + } + #help-pic1-svg{ + width: 44%; + } + .en_choose_768{ + min-height: 378px !important; + } + .plans-ol-768-content .plans-ol-item-h6:first-child{ + color: var(--txt-gray-color) !important; + } + .plans-ol-768-content .plans-ol-item-h6:last-child{ + color: var(--txt-4ca5) !important; + } + .scenario-app-ul-item-svg{ + width: 140px !important; + } + .scenario-app-ul-item:hover,.price-card-item:hover,.team-ul-item:hover{ + transform: none !important; + } + .topics-tit, .topics-btn,.topics-h4,.ten_img,.details,.price-animate-box{ + opacity: 1 !important; + animation: normal !important; + transform: none !important; + } + .about-animate-box,.solutions-animate-box,.home-animate-box,.dow-animate-box,.product-animate-box, .product-animate-box2{ + opacity: 1 !important; + transform: none !important; + } + .about-animate-box.animate,.price-animate-box.animate,.solutions-animate-box.animate,.home-animate-box.animate,.dow-animate-box.animate,#arc { + animation: normal !important; + } + .drawer-ul{ + overflow: auto; + height: 82vh; + } + .home_pic7_768{ + width: 100%; + } + .help-l-ul{ + width: auto !important; + } +} \ No newline at end of file diff --git a/public/site/css/solution.css b/public/site/css/solution.css new file mode 100644 index 000000000..500c90c1c --- /dev/null +++ b/public/site/css/solution.css @@ -0,0 +1,116 @@ +/* 头部样式 */ +.head{ + text-align: center; + background: var(--bg-5-url) top center no-repeat; + background-size: cover; +} +.app{ + position: relative; + z-index: 2; + background-color: var(--bg-fa-color); +} +.bg-style{ + background: var(--bg-6-url) top left no-repeat; +} +.app-con{ + padding: 120px 0px; + width: 100%; + max-width: 1280px; + margin: 0 auto; + position: relative; + z-index: 2; +} +.app-tit{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} +.app-h1{ + color: var(--text-color); +} +.app-h4{ + color: var(--txt-191a15-color); +} +.app-ul{ + display: flex; + flex-wrap: wrap; + align-items: flex-start; + justify-content: space-between; +} +.app-ul-item{ + width: 624px; +} +.app-bg-box{ + max-width: 100%; + max-height: 100%; + overflow: hidden; + border-radius: 16px; + margin-bottom: 32px; +} +.app-bg{ + display: block; + height: auto; + transform: scale(1); + transition: all 2s; +} +.app-bg:hover{ + transform: scale(1.15); +} +.app-h5{ + color: var(--txt-gray-color); +} +.app-h6{ + color: var(--txt-gray-color); +} +.team{ + background: var(--bg-7-url) top right no-repeat; + background-size: contain; +} +.team-con{ + padding: 120px 0px; + width: 100%; + max-width: 1280px; + margin: 0 auto; +} +.team-tit{ + text-align: center; + color: var(--text-color); +} +.team-ul{ + display: flex; + align-items: flex-start; + justify-content: space-between; +} +.team-ul-item{ + padding: 24px; + width: 357px; + transition: all .3s ease-in-out; + background-color: var(--choose-bg-hover-color); + box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.05); + border-radius: 12px; + z-index: 2; +} +.team-ul-item:hover{ + transform: translateY(-16px); +} +.team-ul-item-en{ + height: 358px; +} +.team-ul-item-zh{ + height: 234px; +} +.team-icon{ + display: block; + width: 48px; +} +/* 底部样式 */ +footer{ + width: 100%; + z-index: 2; + position: relative; + background-color: var(--bg-color); +} +.footer-layut{ + border-top: var(--border-color) solid 1px; +} \ No newline at end of file diff --git a/public/site/img/01.svg b/public/site/img/01.svg new file mode 100644 index 000000000..387daf4bd --- /dev/null +++ b/public/site/img/01.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/02.svg b/public/site/img/02.svg new file mode 100644 index 000000000..984d298b3 --- /dev/null +++ b/public/site/img/02.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/03.svg b/public/site/img/03.svg new file mode 100644 index 000000000..9e96664b6 --- /dev/null +++ b/public/site/img/03.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/04.svg b/public/site/img/04.svg new file mode 100644 index 000000000..ebd3b8677 --- /dev/null +++ b/public/site/img/04.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/about_icon1.svg b/public/site/img/about_icon1.svg new file mode 100644 index 000000000..13e28392a --- /dev/null +++ b/public/site/img/about_icon1.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/site/img/about_icon10.svg b/public/site/img/about_icon10.svg new file mode 100644 index 000000000..85a9ac1f8 --- /dev/null +++ b/public/site/img/about_icon10.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/site/img/about_icon2.svg b/public/site/img/about_icon2.svg new file mode 100644 index 000000000..6dd123ba5 --- /dev/null +++ b/public/site/img/about_icon2.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/site/img/about_icon3.svg b/public/site/img/about_icon3.svg new file mode 100644 index 000000000..88c3cc70c --- /dev/null +++ b/public/site/img/about_icon3.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/site/img/about_icon4.svg b/public/site/img/about_icon4.svg new file mode 100644 index 000000000..bff4cc780 --- /dev/null +++ b/public/site/img/about_icon4.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/site/img/about_icon5.svg b/public/site/img/about_icon5.svg new file mode 100644 index 000000000..91dfea2e1 --- /dev/null +++ b/public/site/img/about_icon5.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/about_icon6.svg b/public/site/img/about_icon6.svg new file mode 100644 index 000000000..2288bf64b --- /dev/null +++ b/public/site/img/about_icon6.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/about_icon7.svg b/public/site/img/about_icon7.svg new file mode 100644 index 000000000..8ecc7aea7 --- /dev/null +++ b/public/site/img/about_icon7.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/site/img/about_icon8.svg b/public/site/img/about_icon8.svg new file mode 100644 index 000000000..0dcd9a043 --- /dev/null +++ b/public/site/img/about_icon8.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/about_icon9.svg b/public/site/img/about_icon9.svg new file mode 100644 index 000000000..b6ba84216 --- /dev/null +++ b/public/site/img/about_icon9.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/site/img/android_code.png b/public/site/img/android_code.png new file mode 100644 index 000000000..36f332e2f Binary files /dev/null and b/public/site/img/android_code.png differ diff --git a/public/site/img/android_y.svg b/public/site/img/android_y.svg new file mode 100644 index 000000000..302b922f9 --- /dev/null +++ b/public/site/img/android_y.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/arcs.svg b/public/site/img/arcs.svg new file mode 100644 index 000000000..3b72ab43c --- /dev/null +++ b/public/site/img/arcs.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/bg_fpic1.svg b/public/site/img/bg_fpic1.svg new file mode 100644 index 000000000..9eba7523a --- /dev/null +++ b/public/site/img/bg_fpic1.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/bg_fpic2.svg b/public/site/img/bg_fpic2.svg new file mode 100644 index 000000000..04db16ec5 --- /dev/null +++ b/public/site/img/bg_fpic2.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/about_pic1.png b/public/site/img/dark/about_pic1.png new file mode 100644 index 000000000..7feed21ad Binary files /dev/null and b/public/site/img/dark/about_pic1.png differ diff --git a/public/site/img/dark/bg1.png b/public/site/img/dark/bg1.png new file mode 100644 index 000000000..b01bdc9af Binary files /dev/null and b/public/site/img/dark/bg1.png differ diff --git a/public/site/img/dark/bg10.png b/public/site/img/dark/bg10.png new file mode 100644 index 000000000..b1e9525b7 Binary files /dev/null and b/public/site/img/dark/bg10.png differ diff --git a/public/site/img/dark/bg11.png b/public/site/img/dark/bg11.png new file mode 100644 index 000000000..87709b5da Binary files /dev/null and b/public/site/img/dark/bg11.png differ diff --git a/public/site/img/dark/bg1_768.png b/public/site/img/dark/bg1_768.png new file mode 100644 index 000000000..983294b2e Binary files /dev/null and b/public/site/img/dark/bg1_768.png differ diff --git a/public/site/img/dark/bg2.png b/public/site/img/dark/bg2.png new file mode 100644 index 000000000..7ab6496b7 Binary files /dev/null and b/public/site/img/dark/bg2.png differ diff --git a/public/site/img/dark/bg2_768.png b/public/site/img/dark/bg2_768.png new file mode 100644 index 000000000..7ab6496b7 Binary files /dev/null and b/public/site/img/dark/bg2_768.png differ diff --git a/public/site/img/dark/bg3.png b/public/site/img/dark/bg3.png new file mode 100644 index 000000000..1acc4a7d7 Binary files /dev/null and b/public/site/img/dark/bg3.png differ diff --git a/public/site/img/dark/bg3_768.png b/public/site/img/dark/bg3_768.png new file mode 100644 index 000000000..74a4f5bb3 Binary files /dev/null and b/public/site/img/dark/bg3_768.png differ diff --git a/public/site/img/dark/bg4.png b/public/site/img/dark/bg4.png new file mode 100644 index 000000000..6cbac4000 Binary files /dev/null and b/public/site/img/dark/bg4.png differ diff --git a/public/site/img/dark/bg4_768.png b/public/site/img/dark/bg4_768.png new file mode 100644 index 000000000..93224f668 Binary files /dev/null and b/public/site/img/dark/bg4_768.png differ diff --git a/public/site/img/dark/bg5.png b/public/site/img/dark/bg5.png new file mode 100644 index 000000000..38105be1c Binary files /dev/null and b/public/site/img/dark/bg5.png differ diff --git a/public/site/img/dark/bg5_768.png b/public/site/img/dark/bg5_768.png new file mode 100644 index 000000000..efb2348ba Binary files /dev/null and b/public/site/img/dark/bg5_768.png differ diff --git a/public/site/img/dark/bg6.png b/public/site/img/dark/bg6.png new file mode 100644 index 000000000..f091b0cee Binary files /dev/null and b/public/site/img/dark/bg6.png differ diff --git a/public/site/img/dark/bg6_768.png b/public/site/img/dark/bg6_768.png new file mode 100644 index 000000000..69cd8aaac Binary files /dev/null and b/public/site/img/dark/bg6_768.png differ diff --git a/public/site/img/dark/bg7.png b/public/site/img/dark/bg7.png new file mode 100644 index 000000000..64e80e41f Binary files /dev/null and b/public/site/img/dark/bg7.png differ diff --git a/public/site/img/dark/bg7_768.png b/public/site/img/dark/bg7_768.png new file mode 100644 index 000000000..38754d8e8 Binary files /dev/null and b/public/site/img/dark/bg7_768.png differ diff --git a/public/site/img/dark/bg8.png b/public/site/img/dark/bg8.png new file mode 100644 index 000000000..85072452e Binary files /dev/null and b/public/site/img/dark/bg8.png differ diff --git a/public/site/img/dark/bg8_768.png b/public/site/img/dark/bg8_768.png new file mode 100644 index 000000000..5930140a1 Binary files /dev/null and b/public/site/img/dark/bg8_768.png differ diff --git a/public/site/img/dark/bg9.png b/public/site/img/dark/bg9.png new file mode 100644 index 000000000..8254060b6 Binary files /dev/null and b/public/site/img/dark/bg9.png differ diff --git a/public/site/img/dark/bg9_768.png b/public/site/img/dark/bg9_768.png new file mode 100644 index 000000000..2749a8558 Binary files /dev/null and b/public/site/img/dark/bg9_768.png differ diff --git a/public/site/img/dark/en_dow_pic1.png b/public/site/img/dark/en_dow_pic1.png new file mode 100644 index 000000000..3d5b73576 Binary files /dev/null and b/public/site/img/dark/en_dow_pic1.png differ diff --git a/public/site/img/dark/en_home_pic1.png b/public/site/img/dark/en_home_pic1.png new file mode 100644 index 000000000..1eaecaa8d Binary files /dev/null and b/public/site/img/dark/en_home_pic1.png differ diff --git a/public/site/img/dark/en_home_pic2.png b/public/site/img/dark/en_home_pic2.png new file mode 100644 index 000000000..449d8e6d8 Binary files /dev/null and b/public/site/img/dark/en_home_pic2.png differ diff --git a/public/site/img/dark/en_home_pic3.png b/public/site/img/dark/en_home_pic3.png new file mode 100644 index 000000000..db8d246b4 Binary files /dev/null and b/public/site/img/dark/en_home_pic3.png differ diff --git a/public/site/img/dark/en_home_pic4.png b/public/site/img/dark/en_home_pic4.png new file mode 100644 index 000000000..3d05d6984 Binary files /dev/null and b/public/site/img/dark/en_home_pic4.png differ diff --git a/public/site/img/dark/en_home_pic5.png b/public/site/img/dark/en_home_pic5.png new file mode 100644 index 000000000..6704f9382 Binary files /dev/null and b/public/site/img/dark/en_home_pic5.png differ diff --git a/public/site/img/dark/en_home_pic6.png b/public/site/img/dark/en_home_pic6.png new file mode 100644 index 000000000..c56582261 Binary files /dev/null and b/public/site/img/dark/en_home_pic6.png differ diff --git a/public/site/img/dark/en_product_pic11.png b/public/site/img/dark/en_product_pic11.png new file mode 100644 index 000000000..5f34d7b8b Binary files /dev/null and b/public/site/img/dark/en_product_pic11.png differ diff --git a/public/site/img/dark/en_solution_pic1.png b/public/site/img/dark/en_solution_pic1.png new file mode 100644 index 000000000..221623201 Binary files /dev/null and b/public/site/img/dark/en_solution_pic1.png differ diff --git a/public/site/img/dark/en_solution_pic2.png b/public/site/img/dark/en_solution_pic2.png new file mode 100644 index 000000000..94d10d079 Binary files /dev/null and b/public/site/img/dark/en_solution_pic2.png differ diff --git a/public/site/img/dark/en_solution_pic3.png b/public/site/img/dark/en_solution_pic3.png new file mode 100644 index 000000000..3f0a276b8 Binary files /dev/null and b/public/site/img/dark/en_solution_pic3.png differ diff --git a/public/site/img/dark/help_pic11.svg b/public/site/img/dark/help_pic11.svg new file mode 100644 index 000000000..762bbb295 --- /dev/null +++ b/public/site/img/dark/help_pic11.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/site/img/dark/help_pic2.png b/public/site/img/dark/help_pic2.png new file mode 100644 index 000000000..4ab3c7a1a Binary files /dev/null and b/public/site/img/dark/help_pic2.png differ diff --git a/public/site/img/dark/help_pic3.png b/public/site/img/dark/help_pic3.png new file mode 100644 index 000000000..4e65cc035 Binary files /dev/null and b/public/site/img/dark/help_pic3.png differ diff --git a/public/site/img/dark/home_code.svg b/public/site/img/dark/home_code.svg new file mode 100644 index 000000000..8c6bec5bf --- /dev/null +++ b/public/site/img/dark/home_code.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/site/img/dark/home_icon1.png b/public/site/img/dark/home_icon1.png new file mode 100644 index 000000000..42991aec6 Binary files /dev/null and b/public/site/img/dark/home_icon1.png differ diff --git a/public/site/img/dark/home_icon2.png b/public/site/img/dark/home_icon2.png new file mode 100644 index 000000000..60cf9dc56 Binary files /dev/null and b/public/site/img/dark/home_icon2.png differ diff --git a/public/site/img/dark/home_icon3.png b/public/site/img/dark/home_icon3.png new file mode 100644 index 000000000..08c85eeeb Binary files /dev/null and b/public/site/img/dark/home_icon3.png differ diff --git a/public/site/img/dark/home_icon4.png b/public/site/img/dark/home_icon4.png new file mode 100644 index 000000000..9993d49a6 Binary files /dev/null and b/public/site/img/dark/home_icon4.png differ diff --git a/public/site/img/dark/home_pic7.svg b/public/site/img/dark/home_pic7.svg new file mode 100644 index 000000000..f59630bd1 --- /dev/null +++ b/public/site/img/dark/home_pic7.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/home_pic7_768.svg b/public/site/img/dark/home_pic7_768.svg new file mode 100644 index 000000000..0bf3d21c2 --- /dev/null +++ b/public/site/img/dark/home_pic7_768.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/logo.svg b/public/site/img/dark/logo.svg new file mode 100644 index 000000000..40fab0ba5 --- /dev/null +++ b/public/site/img/dark/logo.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/site/img/dark/product_pic1.svg b/public/site/img/dark/product_pic1.svg new file mode 100644 index 000000000..d03ccae18 --- /dev/null +++ b/public/site/img/dark/product_pic1.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/product_pic10.svg b/public/site/img/dark/product_pic10.svg new file mode 100644 index 000000000..c193d9ccf --- /dev/null +++ b/public/site/img/dark/product_pic10.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/site/img/dark/product_pic2.svg b/public/site/img/dark/product_pic2.svg new file mode 100644 index 000000000..24064724f --- /dev/null +++ b/public/site/img/dark/product_pic2.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/product_pic3.svg b/public/site/img/dark/product_pic3.svg new file mode 100644 index 000000000..0ca6574ba --- /dev/null +++ b/public/site/img/dark/product_pic3.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/product_pic4.svg b/public/site/img/dark/product_pic4.svg new file mode 100644 index 000000000..7c89fff0a --- /dev/null +++ b/public/site/img/dark/product_pic4.svg @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/product_pic5.svg b/public/site/img/dark/product_pic5.svg new file mode 100644 index 000000000..bf26e57a4 --- /dev/null +++ b/public/site/img/dark/product_pic5.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/product_pic6.svg b/public/site/img/dark/product_pic6.svg new file mode 100644 index 000000000..96767ce0d --- /dev/null +++ b/public/site/img/dark/product_pic6.svg @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/product_pic7.svg b/public/site/img/dark/product_pic7.svg new file mode 100644 index 000000000..62c2e648a --- /dev/null +++ b/public/site/img/dark/product_pic7.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/product_pic8.svg b/public/site/img/dark/product_pic8.svg new file mode 100644 index 000000000..c38ff9c80 --- /dev/null +++ b/public/site/img/dark/product_pic8.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/product_pic9.svg b/public/site/img/dark/product_pic9.svg new file mode 100644 index 000000000..3ea14c117 --- /dev/null +++ b/public/site/img/dark/product_pic9.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/dark/solution_pic4.png b/public/site/img/dark/solution_pic4.png new file mode 100644 index 000000000..350e12038 Binary files /dev/null and b/public/site/img/dark/solution_pic4.png differ diff --git a/public/site/img/dark/zh_dow_pic1.png b/public/site/img/dark/zh_dow_pic1.png new file mode 100644 index 000000000..7acae4ec9 Binary files /dev/null and b/public/site/img/dark/zh_dow_pic1.png differ diff --git a/public/site/img/dark/zh_home_pic1.png b/public/site/img/dark/zh_home_pic1.png new file mode 100644 index 000000000..e04acf063 Binary files /dev/null and b/public/site/img/dark/zh_home_pic1.png differ diff --git a/public/site/img/dark/zh_home_pic2.png b/public/site/img/dark/zh_home_pic2.png new file mode 100644 index 000000000..9c9489a18 Binary files /dev/null and b/public/site/img/dark/zh_home_pic2.png differ diff --git a/public/site/img/dark/zh_home_pic3.png b/public/site/img/dark/zh_home_pic3.png new file mode 100644 index 000000000..d0b87d5b3 Binary files /dev/null and b/public/site/img/dark/zh_home_pic3.png differ diff --git a/public/site/img/dark/zh_home_pic4.png b/public/site/img/dark/zh_home_pic4.png new file mode 100644 index 000000000..f9a471ab6 Binary files /dev/null and b/public/site/img/dark/zh_home_pic4.png differ diff --git a/public/site/img/dark/zh_home_pic5.png b/public/site/img/dark/zh_home_pic5.png new file mode 100644 index 000000000..76e968c9e Binary files /dev/null and b/public/site/img/dark/zh_home_pic5.png differ diff --git a/public/site/img/dark/zh_home_pic6.png b/public/site/img/dark/zh_home_pic6.png new file mode 100644 index 000000000..45e7d47d8 Binary files /dev/null and b/public/site/img/dark/zh_home_pic6.png differ diff --git a/public/site/img/dark/zh_product_pic11.png b/public/site/img/dark/zh_product_pic11.png new file mode 100644 index 000000000..f9d0695a3 Binary files /dev/null and b/public/site/img/dark/zh_product_pic11.png differ diff --git a/public/site/img/dark/zh_solution_pic1.png b/public/site/img/dark/zh_solution_pic1.png new file mode 100644 index 000000000..e4104aefe Binary files /dev/null and b/public/site/img/dark/zh_solution_pic1.png differ diff --git a/public/site/img/dark/zh_solution_pic2.png b/public/site/img/dark/zh_solution_pic2.png new file mode 100644 index 000000000..86000987c Binary files /dev/null and b/public/site/img/dark/zh_solution_pic2.png differ diff --git a/public/site/img/dark/zh_solution_pic3.png b/public/site/img/dark/zh_solution_pic3.png new file mode 100644 index 000000000..41ad4fe2c Binary files /dev/null and b/public/site/img/dark/zh_solution_pic3.png differ diff --git a/public/site/img/dots.svg b/public/site/img/dots.svg new file mode 100644 index 000000000..3df09b613 --- /dev/null +++ b/public/site/img/dots.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/dow_android.svg b/public/site/img/dow_android.svg new file mode 100644 index 000000000..2d43d23d2 --- /dev/null +++ b/public/site/img/dow_android.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/dow_arrow.svg b/public/site/img/dow_arrow.svg new file mode 100644 index 000000000..6e05e6dde --- /dev/null +++ b/public/site/img/dow_arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/dow_code.svg b/public/site/img/dow_code.svg new file mode 100644 index 000000000..14c9a36d0 --- /dev/null +++ b/public/site/img/dow_code.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/site/img/dow_icon.svg b/public/site/img/dow_icon.svg new file mode 100644 index 000000000..94b7b2a7a --- /dev/null +++ b/public/site/img/dow_icon.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/dow_ios.svg b/public/site/img/dow_ios.svg new file mode 100644 index 000000000..ea806db07 --- /dev/null +++ b/public/site/img/dow_ios.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/dow_mac.svg b/public/site/img/dow_mac.svg new file mode 100644 index 000000000..337b7971b --- /dev/null +++ b/public/site/img/dow_mac.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/dow_window.svg b/public/site/img/dow_window.svg new file mode 100644 index 000000000..ebb685a18 --- /dev/null +++ b/public/site/img/dow_window.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/drak.svg b/public/site/img/drak.svg new file mode 100644 index 000000000..71a0449c7 --- /dev/null +++ b/public/site/img/drak.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/favicon.ico b/public/site/img/favicon.ico new file mode 100644 index 000000000..0d2525721 Binary files /dev/null and b/public/site/img/favicon.ico differ diff --git a/public/site/img/github.svg b/public/site/img/github.svg new file mode 100644 index 000000000..f23b00a60 --- /dev/null +++ b/public/site/img/github.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/home_icon1.svg b/public/site/img/home_icon1.svg new file mode 100644 index 000000000..8c2966e02 --- /dev/null +++ b/public/site/img/home_icon1.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/site/img/home_icon2.svg b/public/site/img/home_icon2.svg new file mode 100644 index 000000000..5fb5c5e6c --- /dev/null +++ b/public/site/img/home_icon2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/home_icon3.svg b/public/site/img/home_icon3.svg new file mode 100644 index 000000000..bdf08c65e --- /dev/null +++ b/public/site/img/home_icon3.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/home_icon4.svg b/public/site/img/home_icon4.svg new file mode 100644 index 000000000..abc1d2ec3 --- /dev/null +++ b/public/site/img/home_icon4.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/home_icon5.svg b/public/site/img/home_icon5.svg new file mode 100644 index 000000000..9a27dbdb0 --- /dev/null +++ b/public/site/img/home_icon5.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/site/img/ios_code.png b/public/site/img/ios_code.png new file mode 100644 index 000000000..4708ab0dd Binary files /dev/null and b/public/site/img/ios_code.png differ diff --git a/public/site/img/lang-select.svg b/public/site/img/lang-select.svg new file mode 100644 index 000000000..3cebf1e7d --- /dev/null +++ b/public/site/img/lang-select.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/light.svg b/public/site/img/light.svg new file mode 100644 index 000000000..e5f7414d3 --- /dev/null +++ b/public/site/img/light.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/about_pic1.png b/public/site/img/light/about_pic1.png new file mode 100644 index 000000000..940ae1281 Binary files /dev/null and b/public/site/img/light/about_pic1.png differ diff --git a/public/site/img/light/bg1.png b/public/site/img/light/bg1.png new file mode 100644 index 000000000..7df1a4c67 Binary files /dev/null and b/public/site/img/light/bg1.png differ diff --git a/public/site/img/light/bg10.png b/public/site/img/light/bg10.png new file mode 100644 index 000000000..eb596fd08 Binary files /dev/null and b/public/site/img/light/bg10.png differ diff --git a/public/site/img/light/bg11.png b/public/site/img/light/bg11.png new file mode 100644 index 000000000..6c8d2ce6b Binary files /dev/null and b/public/site/img/light/bg11.png differ diff --git a/public/site/img/light/bg1_768.png b/public/site/img/light/bg1_768.png new file mode 100644 index 000000000..e10c727b5 Binary files /dev/null and b/public/site/img/light/bg1_768.png differ diff --git a/public/site/img/light/bg2.png b/public/site/img/light/bg2.png new file mode 100644 index 000000000..d00c891bb Binary files /dev/null and b/public/site/img/light/bg2.png differ diff --git a/public/site/img/light/bg2_768.png b/public/site/img/light/bg2_768.png new file mode 100644 index 000000000..2d45f0485 Binary files /dev/null and b/public/site/img/light/bg2_768.png differ diff --git a/public/site/img/light/bg3.png b/public/site/img/light/bg3.png new file mode 100644 index 000000000..c022b8552 Binary files /dev/null and b/public/site/img/light/bg3.png differ diff --git a/public/site/img/light/bg3_768.png b/public/site/img/light/bg3_768.png new file mode 100644 index 000000000..674bfb290 Binary files /dev/null and b/public/site/img/light/bg3_768.png differ diff --git a/public/site/img/light/bg4.png b/public/site/img/light/bg4.png new file mode 100644 index 000000000..e00669e2e Binary files /dev/null and b/public/site/img/light/bg4.png differ diff --git a/public/site/img/light/bg4_768.png b/public/site/img/light/bg4_768.png new file mode 100644 index 000000000..c124b64cc Binary files /dev/null and b/public/site/img/light/bg4_768.png differ diff --git a/public/site/img/light/bg5.png b/public/site/img/light/bg5.png new file mode 100644 index 000000000..8b806af7c Binary files /dev/null and b/public/site/img/light/bg5.png differ diff --git a/public/site/img/light/bg5_768.png b/public/site/img/light/bg5_768.png new file mode 100644 index 000000000..70b0d0a93 Binary files /dev/null and b/public/site/img/light/bg5_768.png differ diff --git a/public/site/img/light/bg6.png b/public/site/img/light/bg6.png new file mode 100644 index 000000000..bd05a1d3d Binary files /dev/null and b/public/site/img/light/bg6.png differ diff --git a/public/site/img/light/bg6_768.png b/public/site/img/light/bg6_768.png new file mode 100644 index 000000000..46d6ce768 Binary files /dev/null and b/public/site/img/light/bg6_768.png differ diff --git a/public/site/img/light/bg7.png b/public/site/img/light/bg7.png new file mode 100644 index 000000000..c4b8534fb Binary files /dev/null and b/public/site/img/light/bg7.png differ diff --git a/public/site/img/light/bg7_768.png b/public/site/img/light/bg7_768.png new file mode 100644 index 000000000..e34319cfa Binary files /dev/null and b/public/site/img/light/bg7_768.png differ diff --git a/public/site/img/light/bg8.png b/public/site/img/light/bg8.png new file mode 100644 index 000000000..323ce86fb Binary files /dev/null and b/public/site/img/light/bg8.png differ diff --git a/public/site/img/light/bg8_768.png b/public/site/img/light/bg8_768.png new file mode 100644 index 000000000..9281c14c4 Binary files /dev/null and b/public/site/img/light/bg8_768.png differ diff --git a/public/site/img/light/bg9.png b/public/site/img/light/bg9.png new file mode 100644 index 000000000..ead82b398 Binary files /dev/null and b/public/site/img/light/bg9.png differ diff --git a/public/site/img/light/bg9_768.png b/public/site/img/light/bg9_768.png new file mode 100644 index 000000000..1724169da Binary files /dev/null and b/public/site/img/light/bg9_768.png differ diff --git a/public/site/img/light/en_dow_pic1.png b/public/site/img/light/en_dow_pic1.png new file mode 100644 index 000000000..fe5afd3f9 Binary files /dev/null and b/public/site/img/light/en_dow_pic1.png differ diff --git a/public/site/img/light/en_home_pic1.png b/public/site/img/light/en_home_pic1.png new file mode 100644 index 000000000..d5ecfcb44 Binary files /dev/null and b/public/site/img/light/en_home_pic1.png differ diff --git a/public/site/img/light/en_home_pic2.png b/public/site/img/light/en_home_pic2.png new file mode 100644 index 000000000..b3e1fc3b8 Binary files /dev/null and b/public/site/img/light/en_home_pic2.png differ diff --git a/public/site/img/light/en_home_pic3.png b/public/site/img/light/en_home_pic3.png new file mode 100644 index 000000000..62d02fdd1 Binary files /dev/null and b/public/site/img/light/en_home_pic3.png differ diff --git a/public/site/img/light/en_home_pic4.png b/public/site/img/light/en_home_pic4.png new file mode 100644 index 000000000..338d16949 Binary files /dev/null and b/public/site/img/light/en_home_pic4.png differ diff --git a/public/site/img/light/en_home_pic5.png b/public/site/img/light/en_home_pic5.png new file mode 100644 index 000000000..b83bb47ba Binary files /dev/null and b/public/site/img/light/en_home_pic5.png differ diff --git a/public/site/img/light/en_home_pic6.png b/public/site/img/light/en_home_pic6.png new file mode 100644 index 000000000..5d0e27985 Binary files /dev/null and b/public/site/img/light/en_home_pic6.png differ diff --git a/public/site/img/light/en_product_pic11.png b/public/site/img/light/en_product_pic11.png new file mode 100644 index 000000000..379989216 Binary files /dev/null and b/public/site/img/light/en_product_pic11.png differ diff --git a/public/site/img/light/en_solution_pic1.png b/public/site/img/light/en_solution_pic1.png new file mode 100644 index 000000000..7669bc16a Binary files /dev/null and b/public/site/img/light/en_solution_pic1.png differ diff --git a/public/site/img/light/en_solution_pic2.png b/public/site/img/light/en_solution_pic2.png new file mode 100644 index 000000000..a79b760b9 Binary files /dev/null and b/public/site/img/light/en_solution_pic2.png differ diff --git a/public/site/img/light/en_solution_pic3.png b/public/site/img/light/en_solution_pic3.png new file mode 100644 index 000000000..dbf6068fd Binary files /dev/null and b/public/site/img/light/en_solution_pic3.png differ diff --git a/public/site/img/light/help_pic11.svg b/public/site/img/light/help_pic11.svg new file mode 100644 index 000000000..2d53d0cc7 --- /dev/null +++ b/public/site/img/light/help_pic11.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/site/img/light/help_pic2.png b/public/site/img/light/help_pic2.png new file mode 100644 index 000000000..1981dc143 Binary files /dev/null and b/public/site/img/light/help_pic2.png differ diff --git a/public/site/img/light/help_pic3.png b/public/site/img/light/help_pic3.png new file mode 100644 index 000000000..fbee6e9d8 Binary files /dev/null and b/public/site/img/light/help_pic3.png differ diff --git a/public/site/img/light/home_code.svg b/public/site/img/light/home_code.svg new file mode 100644 index 000000000..9bba95757 --- /dev/null +++ b/public/site/img/light/home_code.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/site/img/light/home_icon1.png b/public/site/img/light/home_icon1.png new file mode 100644 index 000000000..c5d96adc3 Binary files /dev/null and b/public/site/img/light/home_icon1.png differ diff --git a/public/site/img/light/home_icon2.png b/public/site/img/light/home_icon2.png new file mode 100644 index 000000000..9fca43dd4 Binary files /dev/null and b/public/site/img/light/home_icon2.png differ diff --git a/public/site/img/light/home_icon3.png b/public/site/img/light/home_icon3.png new file mode 100644 index 000000000..db42635e5 Binary files /dev/null and b/public/site/img/light/home_icon3.png differ diff --git a/public/site/img/light/home_icon4.png b/public/site/img/light/home_icon4.png new file mode 100644 index 000000000..a0d0d57c4 Binary files /dev/null and b/public/site/img/light/home_icon4.png differ diff --git a/public/site/img/light/home_pic7.svg b/public/site/img/light/home_pic7.svg new file mode 100644 index 000000000..0a2f6de87 --- /dev/null +++ b/public/site/img/light/home_pic7.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/home_pic7_768.svg b/public/site/img/light/home_pic7_768.svg new file mode 100644 index 000000000..2017468d1 --- /dev/null +++ b/public/site/img/light/home_pic7_768.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/logo.svg b/public/site/img/light/logo.svg new file mode 100644 index 000000000..ea93b08f1 --- /dev/null +++ b/public/site/img/light/logo.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/site/img/light/product_pic1.svg b/public/site/img/light/product_pic1.svg new file mode 100644 index 000000000..195695159 --- /dev/null +++ b/public/site/img/light/product_pic1.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/product_pic10.svg b/public/site/img/light/product_pic10.svg new file mode 100644 index 000000000..bbd18aa75 --- /dev/null +++ b/public/site/img/light/product_pic10.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/site/img/light/product_pic2.svg b/public/site/img/light/product_pic2.svg new file mode 100644 index 000000000..8a6a494e0 --- /dev/null +++ b/public/site/img/light/product_pic2.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/product_pic3.svg b/public/site/img/light/product_pic3.svg new file mode 100644 index 000000000..f2899b249 --- /dev/null +++ b/public/site/img/light/product_pic3.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/product_pic4.svg b/public/site/img/light/product_pic4.svg new file mode 100644 index 000000000..309450e37 --- /dev/null +++ b/public/site/img/light/product_pic4.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/product_pic5.svg b/public/site/img/light/product_pic5.svg new file mode 100644 index 000000000..f95660938 --- /dev/null +++ b/public/site/img/light/product_pic5.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/product_pic6.svg b/public/site/img/light/product_pic6.svg new file mode 100644 index 000000000..bdcdaa1a1 --- /dev/null +++ b/public/site/img/light/product_pic6.svg @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/product_pic7.svg b/public/site/img/light/product_pic7.svg new file mode 100644 index 000000000..60ed8eaa3 --- /dev/null +++ b/public/site/img/light/product_pic7.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/product_pic8.svg b/public/site/img/light/product_pic8.svg new file mode 100644 index 000000000..f35a8dbca --- /dev/null +++ b/public/site/img/light/product_pic8.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/product_pic9.svg b/public/site/img/light/product_pic9.svg new file mode 100644 index 000000000..ea37e71ff --- /dev/null +++ b/public/site/img/light/product_pic9.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/site/img/light/solution_pic4.png b/public/site/img/light/solution_pic4.png new file mode 100644 index 000000000..04d6a19f9 Binary files /dev/null and b/public/site/img/light/solution_pic4.png differ diff --git a/public/site/img/light/zh_dow_pic1.png b/public/site/img/light/zh_dow_pic1.png new file mode 100644 index 000000000..ad346180d Binary files /dev/null and b/public/site/img/light/zh_dow_pic1.png differ diff --git a/public/site/img/light/zh_home_pic1.png b/public/site/img/light/zh_home_pic1.png new file mode 100644 index 000000000..4ef661aa3 Binary files /dev/null and b/public/site/img/light/zh_home_pic1.png differ diff --git a/public/site/img/light/zh_home_pic2.png b/public/site/img/light/zh_home_pic2.png new file mode 100644 index 000000000..022ba6867 Binary files /dev/null and b/public/site/img/light/zh_home_pic2.png differ diff --git a/public/site/img/light/zh_home_pic3.png b/public/site/img/light/zh_home_pic3.png new file mode 100644 index 000000000..d17e3a8da Binary files /dev/null and b/public/site/img/light/zh_home_pic3.png differ diff --git a/public/site/img/light/zh_home_pic4.png b/public/site/img/light/zh_home_pic4.png new file mode 100644 index 000000000..6de0328f4 Binary files /dev/null and b/public/site/img/light/zh_home_pic4.png differ diff --git a/public/site/img/light/zh_home_pic5.png b/public/site/img/light/zh_home_pic5.png new file mode 100644 index 000000000..0d3ecd64e Binary files /dev/null and b/public/site/img/light/zh_home_pic5.png differ diff --git a/public/site/img/light/zh_home_pic6.png b/public/site/img/light/zh_home_pic6.png new file mode 100644 index 000000000..14a82ec68 Binary files /dev/null and b/public/site/img/light/zh_home_pic6.png differ diff --git a/public/site/img/light/zh_product_pic11.png b/public/site/img/light/zh_product_pic11.png new file mode 100644 index 000000000..8ad860ce8 Binary files /dev/null and b/public/site/img/light/zh_product_pic11.png differ diff --git a/public/site/img/light/zh_solution_pic1.png b/public/site/img/light/zh_solution_pic1.png new file mode 100644 index 000000000..5bd5f33d2 Binary files /dev/null and b/public/site/img/light/zh_solution_pic1.png differ diff --git a/public/site/img/light/zh_solution_pic2.png b/public/site/img/light/zh_solution_pic2.png new file mode 100644 index 000000000..08018397a Binary files /dev/null and b/public/site/img/light/zh_solution_pic2.png differ diff --git a/public/site/img/light/zh_solution_pic3.png b/public/site/img/light/zh_solution_pic3.png new file mode 100644 index 000000000..44a526074 Binary files /dev/null and b/public/site/img/light/zh_solution_pic3.png differ diff --git a/public/site/img/logo_y.svg b/public/site/img/logo_y.svg new file mode 100644 index 000000000..abbfabdc5 --- /dev/null +++ b/public/site/img/logo_y.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/menu.svg b/public/site/img/menu.svg new file mode 100644 index 000000000..dec5de1d7 --- /dev/null +++ b/public/site/img/menu.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/next.svg b/public/site/img/next.svg new file mode 100644 index 000000000..295277f0b --- /dev/null +++ b/public/site/img/next.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/prev.svg b/public/site/img/prev.svg new file mode 100644 index 000000000..051af887d --- /dev/null +++ b/public/site/img/prev.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/price_icon1.svg b/public/site/img/price_icon1.svg new file mode 100644 index 000000000..47df1f81b --- /dev/null +++ b/public/site/img/price_icon1.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/site/img/product_icon1.svg b/public/site/img/product_icon1.svg new file mode 100644 index 000000000..a6ffa9a69 --- /dev/null +++ b/public/site/img/product_icon1.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/site/img/product_icons0.svg b/public/site/img/product_icons0.svg new file mode 100644 index 000000000..f963d4d3b --- /dev/null +++ b/public/site/img/product_icons0.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/product_icons0_h.svg b/public/site/img/product_icons0_h.svg new file mode 100644 index 000000000..1166326c7 --- /dev/null +++ b/public/site/img/product_icons0_h.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/product_icons1.svg b/public/site/img/product_icons1.svg new file mode 100644 index 000000000..53b1f7609 --- /dev/null +++ b/public/site/img/product_icons1.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/site/img/product_icons1_h.svg b/public/site/img/product_icons1_h.svg new file mode 100644 index 000000000..adf1716cb --- /dev/null +++ b/public/site/img/product_icons1_h.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/site/img/product_icons2.svg b/public/site/img/product_icons2.svg new file mode 100644 index 000000000..658a91e80 --- /dev/null +++ b/public/site/img/product_icons2.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/product_icons2_h.svg b/public/site/img/product_icons2_h.svg new file mode 100644 index 000000000..0f6cf7604 --- /dev/null +++ b/public/site/img/product_icons2_h.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/product_icons3.svg b/public/site/img/product_icons3.svg new file mode 100644 index 000000000..6e4d1efeb --- /dev/null +++ b/public/site/img/product_icons3.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/product_icons3_h.svg b/public/site/img/product_icons3_h.svg new file mode 100644 index 000000000..aa3961a41 --- /dev/null +++ b/public/site/img/product_icons3_h.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/product_icons4.svg b/public/site/img/product_icons4.svg new file mode 100644 index 000000000..c2e2b1a8e --- /dev/null +++ b/public/site/img/product_icons4.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/site/img/product_icons4_h.svg b/public/site/img/product_icons4_h.svg new file mode 100644 index 000000000..45f3603d5 --- /dev/null +++ b/public/site/img/product_icons4_h.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/site/img/product_icons5.svg b/public/site/img/product_icons5.svg new file mode 100644 index 000000000..c50c67f77 --- /dev/null +++ b/public/site/img/product_icons5.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/site/img/product_icons5_h.svg b/public/site/img/product_icons5_h.svg new file mode 100644 index 000000000..c60ad525b --- /dev/null +++ b/public/site/img/product_icons5_h.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/site/img/product_icons6.svg b/public/site/img/product_icons6.svg new file mode 100644 index 000000000..3c2a67036 --- /dev/null +++ b/public/site/img/product_icons6.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/site/img/product_icons6_h.svg b/public/site/img/product_icons6_h.svg new file mode 100644 index 000000000..e4744a168 --- /dev/null +++ b/public/site/img/product_icons6_h.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/site/img/product_icons7.svg b/public/site/img/product_icons7.svg new file mode 100644 index 000000000..565fae137 --- /dev/null +++ b/public/site/img/product_icons7.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/site/img/product_icons7_h.svg b/public/site/img/product_icons7_h.svg new file mode 100644 index 000000000..8ab74aee5 --- /dev/null +++ b/public/site/img/product_icons7_h.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/site/img/product_icons8.svg b/public/site/img/product_icons8.svg new file mode 100644 index 000000000..4ed9ee6ff --- /dev/null +++ b/public/site/img/product_icons8.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/product_icons8_h.svg b/public/site/img/product_icons8_h.svg new file mode 100644 index 000000000..c9b0c4722 --- /dev/null +++ b/public/site/img/product_icons8_h.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/product_subtract.svg b/public/site/img/product_subtract.svg new file mode 100644 index 000000000..31c5d0d6b --- /dev/null +++ b/public/site/img/product_subtract.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/img/search-icon.svg b/public/site/img/search-icon.svg new file mode 100644 index 000000000..4e73c09da --- /dev/null +++ b/public/site/img/search-icon.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/site/img/solution_icon1.svg b/public/site/img/solution_icon1.svg new file mode 100644 index 000000000..102bd1d25 --- /dev/null +++ b/public/site/img/solution_icon1.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/site/img/solution_icon2.svg b/public/site/img/solution_icon2.svg new file mode 100644 index 000000000..c6f567931 --- /dev/null +++ b/public/site/img/solution_icon2.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/site/img/solution_icon3.svg b/public/site/img/solution_icon3.svg new file mode 100644 index 000000000..7a68a1a3e --- /dev/null +++ b/public/site/img/solution_icon3.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/site/img/vector.svg b/public/site/img/vector.svg new file mode 100644 index 000000000..c6d32b28b --- /dev/null +++ b/public/site/img/vector.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/site/index.html b/public/site/index.html new file mode 100644 index 000000000..90b06be24 --- /dev/null +++ b/public/site/index.html @@ -0,0 +1,637 @@ + + + + + DooTask + + + + + + + + + + +
+ +
+ +
+
+
+
+ + DooTask + + + + + ,轻量级任务管理工具 +
+

DooTask是一款轻量级的开源在线项目任务管理工具,提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM,文件管理等工具。助力团队高效推进项目,让工作更简单。

+ +
+
+ DooTask是一款轻量级的开源在线项目任务管理工具,提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM,文件管理等工具。助力团队高效推进项目,让工作更简单。 +
+
+
+ +
+ +
+
+ + ✕ +
+ +
+ +
+ +
+ +
+
+

受到许多公司的信任

+
    +
  • + 陕建集团 +
  • +
  • + 艾特科 +
  • +
  • + 中国联通 +
  • +
  • + 旗雲科技 +
  • +
+
+
+ +
+
+

使用场景

+
+
    +
  • + 项目管理 +
    +

    项目管理

    + 项目管理 +
    +
    +
    +

    项目管理

    + 支持多种项目管理模式,适用于各种规模和类型的项目管理,实时掌控项目进度,优化工作流程; +
    + 支持多种项目管理模式,适用于各种规模和类型的项目管理,实时掌控项目进度,优化工作流程; +
    +
  • +
  • + 团队协作 +
    +

    团队协作

    + 团队协作 +
    +
    +
    +

    团队协作

    + 提供丰富实用的在线文档协作工具,方便团队成员之间的沟通和协作,提高工作效率。 +
    + 提供丰富实用的在线文档协作工具,方便团队成员之间的沟通和协作,提高工作效率。 +
    +
  • +
  • + 任务协同 +
    +

    任务协同

    + 任务协同 +
    +
    +
    +

    任务协同

    + 以任务化的方式让团队的工作井井有条,保证团队协作的高效性和任务分工的明确性。 +
    + 以任务化的方式让团队的工作井井有条,保证团队协作的高效性和任务分工的明确性。 +
    +
  • +
  • + 绩效衡量 +
    +

    绩效衡量

    + 绩效衡量 +
    +
    +
    +

    绩效衡量

    + 建立可量化的评价标准,数据化呈现工作成效,凝聚核心人才; +
    + 建立可量化的评价标准,数据化呈现工作成效,凝聚核心人才; +
    +
  • +
  • + 沟通汇报 +
    +

    沟通汇报

    + 沟通汇报 +
    +
    +
    +

    沟通汇报

    + 基于工作场景的即时通讯及共享,实现更好的团队沟通; +
    + 基于工作场景的即时通讯及共享,实现更好的团队沟通; +
    +
  • +
+ 支持多种项目管理模式,适用于各种规模和类型的项目管理,实时掌控项目进度,优化工作流程。 +
+
+
+

使用场景

+
+
    +
  • + 项目管理 +

    项目管理

    + 支持多种项目管理模式,适用于各种规模和类型的项目管理,实时掌控项目进度,优化工作流程。 + 支持多种项目管理模式,适用于各种规模和类型的项目管理,实时掌控项目进度,优化工作流程。 +
  • +
  • + 团队协作 +

    团队协作

    + 提供丰富实用的在线文档协作工具,方便团队成员之间的沟通和协作,提高工作效率。 + 提供丰富实用的在线文档协作工具,方便团队成员之间的沟通和协作,提高工作效率。 +
  • +
  • + 任务协同 +

    任务协同

    + 以任务化的方式让团队的工作井井有条,保证团队协作的高效性和任务分工的明确性。 + 以任务化的方式让团队的工作井井有条,保证团队协作的高效性和任务分工的明确性。 +
  • +
  • + 绩效衡量 +

    绩效衡量

    + 建立可量化的评价标准,数据化呈现工作成效,凝聚核心人才。 + 建立可量化的评价标准,数据化呈现工作成效,凝聚核心人才。 +
  • +
  • + 沟通汇报 +

    沟通汇报

    + 基于工作场景的即时通讯和分享,以实现更好的团队沟通。 + 基于工作场景的即时通讯和分享,以实现更好的团队沟通。 +
  • +
+
+
+
+ +
+
+
    +
  • +

    + 为什么选择我们 + + + +

    +
  • +
  • +

    01

    +
    高效便捷的团队沟通工具
    +
    针对项目和任务建立群组,工作问题可及时沟通,促进团队快速协作,提高团队工作效率。
    +
  • +
  • +

    02

    +
    强大易用的协同创作云文档
    +
    汇集文档、电子表格、思维笔记等多种在线工具,汇聚企业知识资源于一处,支持多人实时协同编辑,让团队协作更便捷。
    +
  • +
+
    +
  • +

    03

    +
    便捷多样的项目管理模版
    +
    模版满足多种团队协作场景,同时支持自定义模版,满足团队个性化场景管理需求,可直观的查看项目的进展情况,团队协作更方便。
    +
  • +
  • +

    04

    +
    清晰直观的任务日历
    +
    通过灵活的任务日历,轻松安排每一天的日程,把任务拆解到每天,让工作目标更清晰,时间分配更合理。
    +
  • +
  • +

    05

    +
    支持多平台应用
    +
    多平台应用支持,随时随地追踪项目进度,同时让你在工作中每一个步骤都能拥有更高效愉悦的体验。
    +
  • +
+
+
+

为什么选择我们为什么选择我们

+
+
    +
  • +

    01

    +
    高效便捷的团队沟通工具
    +
    针对项目和任务建立群组,工作问题可及时沟通,促进团队快速协作,提高团队工作效率。
    +
  • +
  • +

    02

    +
    强大易用的协同创作云文档
    +
    汇集文档、电子表格、思维笔记等多种在线工具,汇聚企业知识资源于一处,支持多人实时协同编辑,让团队协作更便捷。
    +
  • +
  • +

    03

    +
    便捷多样的项目管理模版
    +
    模版满足多种团队协作场景,同时支持自定义模版,满足团队个性化场景管理需求,可直观的查看项目的进展情况,团队协作更方便。
    +
  • +
  • +

    04

    +
    清晰直观的任务日历
    +
    通过灵活的任务日历,轻松安排每一天的日程,把任务拆解到每天,让工作目标更清晰,时间分配更合理。
    +
  • +
  • +

    05

    +
    支持多平台应用
    +
    多平台应用支持,随时随地追踪项目进度,同时让你在工作中每一个步骤都能拥有更高效愉悦的体验。
    +
  • +
+
+
    +
  • +
  • +
  • +
  • +
  • +
+
+
+ +
+
+ + +
+ + + + \ No newline at end of file diff --git a/public/site/js/common.js b/public/site/js/common.js new file mode 100644 index 000000000..6e50fde31 --- /dev/null +++ b/public/site/js/common.js @@ -0,0 +1,209 @@ +const menuBtn = document.getElementById('menuBtn'); // 768模式下的菜单按钮 +const drawer = document.querySelector('.drawer'); // 768模式下的菜单 +const theme_light = document.querySelectorAll('.theme_light'); +const theme_dark = document.querySelectorAll('.theme_dark'); +/* 主题切换更换图片 */ +const themeSwitch = (val1,val2)=>{ + theme_light.forEach(item=>{ + item.style.display = val1 + }) + theme_dark.forEach(item=>{ + item.style.display = val2 + }) +} +/* 更换图片 */ +const changeImageSrc = (img, src) => { + const imgDom = document.querySelectorAll(img); + const url = window.location.href // 获取当前浏览器 URL + if (imgDom.length > 0) { + imgDom.forEach(item=>{ + item.src = url.includes('site') ? `../../img/${src}` : `img/${src}`; + }) + } +}; +/* 设置默认语言 */ +if(!localStorage.getItem('lang')){ + localStorage.setItem('lang','zh') +} +/* 设置默认主题 */ +const localStorageTheme = localStorage.getItem('theme') +if(!localStorageTheme){ + setTheme('light') + localStorage.setItem('theme', 'light') +}else{ + setTheme(localStorageTheme) +} + +/* 切换主题函数 */ +function setTheme(theme) { + const root = document.documentElement; + const lang = localStorage.getItem('lang') + changeImageSrc('#logo', `${theme}/logo.svg`) + changeImageSrc('#home_pic', `${theme}/${lang}_home_pic1.png`) + changeImageSrc('#home_pic2', `${theme}/${lang}_home_pic2.png`) + changeImageSrc('#home_pic3', `${theme}/${lang}_home_pic3.png`) + changeImageSrc('#home_pic4', `${theme}/${lang}_home_pic4.png`) + changeImageSrc('#home_pic5', `${theme}/${lang}_home_pic5.png`) + changeImageSrc('#home_pic6', `${theme}/${lang}_home_pic6.png`) + changeImageSrc('#solution_pic1', `${theme}/${lang}_solution_pic1.png`) + changeImageSrc('#solution_pic2', `${theme}/${lang}_solution_pic2.png`) + changeImageSrc('#solution_pic3', `${theme}/${lang}_solution_pic3.png`) + changeImageSrc('#dow_pic1', `${theme}/${lang}_dow_pic1.png`) + changeImageSrc('#solution_pic4', `${theme}/solution_pic4.png`) + changeImageSrc('#about_pic1', `${theme}/about_pic1.png`) + changeImageSrc('#home_icon1', `${theme}/home_icon1.png`) + changeImageSrc('#home_icon2', `${theme}/home_icon2.png`) + changeImageSrc('#home_icon3', `${theme}/home_icon3.png`) + changeImageSrc('#home_icon4', `${theme}/home_icon4.png`) + changeImageSrc('#home_code', `${theme}/home_code.svg`) + changeImageSrc('#home_pic7', `${theme}/home_pic7.svg`) + changeImageSrc('#home_pic7_768', `${theme}/home_pic7_768.svg`) + changeImageSrc('#help_pic2', `${theme}/help_pic2.png`) + changeImageSrc('#help_pic3', `${theme}/help_pic3.png`) + root.style.setProperty('--bg-pic7-url', `url(../img/${theme}/home_pic7.svg)`); + root.style.setProperty('--bg-pic7-768-url', `url(../img/${theme}/home_pic7-768.svg)`); + root.style.setProperty(`--bg-pic1-url`, `url(../img/${theme}/${lang}_dow_pic1.png)`); + root.style.setProperty(`--bg-pic2-url`, `url(../img/${theme}/help_pic1.svg)`); + root.style.setProperty(`--bg-1-url`, `url(../img/${theme}/bg1.png)`); + root.style.setProperty(`--bg-2-url`, `url(../img/${theme}/bg2.png)`); + root.style.setProperty(`--bg-3-url`, `url(../img/${theme}/bg3.png)`); + root.style.setProperty(`--bg-4-url`, `url(../img/${theme}/bg4.png)`); + root.style.setProperty(`--bg-5-url`, `url(../img/${theme}/bg5.png)`); + root.style.setProperty(`--bg-6-url`, `url(../img/${theme}/bg6.png)`); + root.style.setProperty(`--bg-7-url`, `url(../img/${theme}/bg7.png)`); + root.style.setProperty(`--bg-8-url`, `url(../img/${theme}/bg8.png)`); + root.style.setProperty(`--bg-9-url`, `url(../img/${theme}/bg9.png)`); + root.style.setProperty(`--bg-10-url`, `url(../img/${theme}/bg10.png)`); + root.style.setProperty(`--bg-11-url`, `url(../img/${theme}/bg11.png)`); + root.style.setProperty(`--bg-768-3-url`, `url(../img/${theme}/bg3_768.png)`); + root.style.setProperty(`--bg-768-4-url`, `url(../img/${theme}/bg4_768.png)`); + root.style.setProperty(`--bg-768-5-url`, `url(../img/${theme}/bg5_768.png)`); + root.style.setProperty(`--bg-768-6-url`, `url(../img/${theme}/bg6_768.png)`); + root.style.setProperty(`--bg-768-7-url`, `url(../img/${theme}/bg7_768.png)`); + root.style.setProperty(`--bg-768-8-url`, `url(../img/${theme}/bg8_768.png)`); + root.style.setProperty(`--bg-768-9-url`, `url(../img/${theme}/bg9_768.png)`); + root.style.setProperty('--bg-color', theme === 'dark' ? '#1E1E1E' :'#fff'); + root.style.setProperty('--text-color', theme === 'dark' ? '#fff' : '#000'); + root.style.setProperty('--txt-gray-color', theme === 'dark' ? '#888C8A':'#727570'); + root.style.setProperty('--txt-4ca5', theme === 'dark' ? '#A5ACA9':'#4C4E4B'); + root.style.setProperty('--txt-theme-color', theme === 'dark' ? '#58A738':'#8BCF70'); + root.style.setProperty('--bg-hover-color', theme === 'dark' ? '#2C312E':'#F2F3F1'); + root.style.setProperty('--btn-hover-color', theme === 'dark' ? '#5EB939':'#98d87f'); + root.style.setProperty('--choose-bg-hover-color', theme === 'dark' ? '#2E3533':'#fff'); + root.style.setProperty('--box-shadow-color', theme === 'dark' ? 'rgba(0, 0, 0, 0.12)':'rgba(234, 236, 242, 0.5)'); + root.style.setProperty('--border-color', theme === 'dark' ? '#2F3329':'#E7E9E4'); + root.style.setProperty('--pop-bg-color', theme === 'dark' ? '#202124':'#fff'); + root.style.setProperty('--bg-fa-color', theme === 'dark' ? '#262B2A':'#fafafa'); + root.style.setProperty('--txt-191a15-color', theme === 'dark' ? '#fff':'#191a15'); + root.style.setProperty('--bg-rec-color', theme === 'dark' ? '#D6B300':'#FFDD33'); + root.style.setProperty('--bg-292c2f-color', theme === 'dark' ? '#292C2F':'#fff'); + root.style.setProperty('--pop-box-shadow', theme === 'dark' ? '0px 4px 16px 8px rgba(0, 0, 0, 0.12)':'0px 0px 8px #F3F2F5'); + root.style.setProperty('--code-bg-color', theme === 'dark' ? '#2E3533':'#000'); + theme === 'dark'?themeSwitch('none','block'):themeSwitch('block','none') + localStorage.setItem('theme', theme) + drawer.classList.remove('open-drawer'); +} +/* 导航选中激活 */ +const url = window.location.pathname; +const currentTabName = url.split('/')[url.split('/').length - 1].split('.')[0] +if(currentTabName + && currentTabName != 'index' + && currentTabName != 'help' + && currentTabName != 'download' + && currentTabName != 'log'){ + const currentTab = document.querySelector(`.nav-${currentTabName}`) + currentTab.style.backgroundColor = 'var(--bg-hover-color)'; + currentTab.style.color = 'var(--text-color)'; + currentTab.style.borderRadius = '6px'; +} +/* 导航下拉菜单函数 */ +const submenuPopDom = document.querySelector('#submenu-pop'); +const dropDownSvgDom = document.querySelector('#drop-down-svg'); +const showMenuPopHandle = ()=>{ + submenuPopDom.style.display = 'block'; + dropDownSvgDom.style.transform = 'rotate(180deg)' +} +const changeMenu = (type)=>{ + submenuPopDom.style.display = 'none'; + dropDownSvgDom.style.transform = '' +} +document.addEventListener('click', function (event) { + if (!event.target.closest('#support-txt')) { + submenuPopDom.style.display = 'none'; + dropDownSvgDom.style.transform = '' + } +}); +/* 语言切换函数 */ +const langPopDom = document.querySelector('#lang-pop'); +const shouLangPopHandle = ()=>{ + langPopDom.style.display = 'block'; +} +const changeLanguage = (type)=>{ + const str = window.location.pathname + const index = str.lastIndexOf('/'); + const newStr = str.slice(index + 1); + const lang = localStorage.getItem('lang') + if(type != lang){ + if (str.includes('site')){ + window.location.href = `/site/${type}/${newStr}` + }else{ + window.location.href = `/site/${type}/index.html` + } + }else{ + if (str.includes('site')){ + window.location.href = `/site/${lang}/${newStr}` + }else{ + window.location.href = `/site/${lang}/index.html` + } + } + langPopDom.style.display = 'none'; + localStorage.setItem('lang',type) + drawer.classList.remove('open-drawer'); +} +document.addEventListener('click', function (event) { + if (!event.target.closest('#lang-img')) { + langPopDom.style.display = 'none'; + } +}); +/* 当屏幕宽度低于768px时显示菜单的抽屉的相关操作逻辑 */ +menuBtn.addEventListener('click', () => { + drawer.classList.add('open-drawer'); +}); +const closeDraweHandle = ()=>{ + drawer.classList.remove('open-drawer'); +} +window.addEventListener('click', (e) => { + if (!drawer.contains(e.target) && e.target !== menuBtn) { + drawer.classList.remove('open-drawer'); + } +}); +const expandMenuHandle = (val)=>{ + const actives = document.querySelector(`#${val}`); + const dropDownSvgDom = document.querySelector(`#drawer-down-${val}-svg`); + if(actives.style.display == 'none') { + actives.style.display = 'block' + dropDownSvgDom.style.transform = 'rotate(180deg)' + }else{ + dropDownSvgDom.style.transform = '' + actives.style.display = 'none' + } +} +/* 导航栏悬浮函数 */ +const navbar = document.querySelector('.nav'); +window.addEventListener('scroll', () => { + if (window.scrollY >= 30) { + navbar.classList.add('navbar-white'); + } else { + navbar.classList.remove('navbar-white'); + } +}); +/* 去登录函数 */ +const goToLoginHandle = ()=>{ + window.location.href = `https://demo.dootask.com` +} +const openInNewTab = (url)=> { + const win = window.open(url, '_blank'); + win.focus(); +} + + diff --git a/public/site/site/en/about.html b/public/site/site/en/about.html new file mode 100644 index 000000000..0d6dc444a --- /dev/null +++ b/public/site/site/en/about.html @@ -0,0 +1,484 @@ + + + + + DooTask + + + + + + + + + + +
+
+
+ +
+
+
+
+ About our company +
+

Focusing on the field of network security, we are committed to providing users with a full range of network security solutions.

+
    +
  • +

    2020

    +
    Company founded
    +
  • +
  • +
    +

    10

    + + +
    +
    Team experience
    +
  • +
  • +
    +

    99

    + % +
    +
    Customer staisfaction
    +
  • +
+
+
+
+
+
+
+ 广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海 +
+

+ Company profile + + + +

+
Since its establishment, HITOSEA has been focusing on the innovation of cutting-edge technologies in the field of network security, providing network security products and services including border security, cloud security, data security, intranet security, and is committed to providing users with comprehensive, smarter, and zero-disturbance network security solutions, and is a dynamic technology company with a young and energetic team.
+
+
+
+
+
+ +
+
+ + ✕ +
+ +
+ +
+ +
+
+
+
+

Scenario Application

+
The product supports a variety of application scenarios to help team collaboration
+
    +
  • + + Edge Security + +
    Edge Security
    +
    HITOSEA next-generation firewall, intrusion prevention/intrusion detection system, cloud sandbox and other products provide users with comprehensive intelligent security protection such as access control to network boundaries, deep attack detection and APT attack detection.
    + +
  • +
  • + + Cloud Security + +
    Cloud Security
    +
    We provide safe and reliable high-proof cloud servers to solve the primary network security risks faced by servers, alleviate the risk of business interruption due to flooding attacks, and meet the needs of regular security operations.
    + +
  • +
  • + + + Data Security + +
    Data Security
    +
    Database audit and data leakage protection system can protect sensitive data and documents, identify data and monitor operations, and block data theft by internal and external personnel through the network, e-mail and other channels.
    + +
  • +
  • + + + Intranet Security + +
    Intranet Security
    +
    Web application firewall and web anti-tampering system provide overall security protection for the application system, effectively blocking malicious behaviors such as web tampering and attacks.
    + +
  • +
+
+
+
+ +
+
+ + +
+ + + + + \ No newline at end of file diff --git a/public/site/site/en/distribute.html b/public/site/site/en/distribute.html new file mode 100644 index 000000000..8cf3e0c64 --- /dev/null +++ b/public/site/site/en/distribute.html @@ -0,0 +1,121 @@ + + + + + DooTask + + + + + + + + + +
+ 广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海 + 广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海 +
+
+
+ DooTask +
+ +
+
+ 安卓,abdroid + DooTask +
+
+ Scan the QR code to download + + Or type in this URL using your mobile browser: + http://dootask.com/ + +
+
+ + App cannot be downloaded from within WeChat/QQ +
+
+ + Android devices only +
+
+ + v0.27.46 - + 64.86 MB + + 2023-06-19Update +
+
+
+
+ +
+

Please click on the top right corner

+

Select "Open in browser"

+
+
+
+
+
+
+ + + + diff --git a/public/site/site/en/download.html b/public/site/site/en/download.html new file mode 100644 index 000000000..cf0af3b36 --- /dev/null +++ b/public/site/site/en/download.html @@ -0,0 +1,404 @@ + + + + + DooTask + + + + + + + + + + +
+ +
+ +
+
+
+
+ Download DooTask client +
+

Also supports iOS, Android, macOS, Windows versions

+ +
+
+
+
+ +
+
+ + ✕ +
+ +
+ +
+ +
+ +
+
+ + +
+ + + + + \ No newline at end of file diff --git a/public/site/site/en/help.html b/public/site/site/en/help.html new file mode 100644 index 000000000..ab88bfbd6 --- /dev/null +++ b/public/site/site/en/help.html @@ -0,0 +1,493 @@ + + + + + DooTask + + + + + + + + + + +
+ +
+ +
+ +
+
+ + ✕ +
+ +
+ +
+
+ + ✕ +
+ +
+ +
+ +
+
+
+
+ Help Center + Help Center +
+
+
+ + +
+
+
+ Just starting out with DooTask? No problem, this primer is for you! + Just starting out with DooTask? No problem, this primer is for you! +
+

User Manual

+
Just starting out with DooTask? No problem, this primer is for you!
+
+
+
    +
  • +

    What is DooTask?

    +
    DooTask is a lightweight open source online project task management tool that provides various document collaboration tools, online mind mapping, online flowcharting, project management, task distribution, instant IM, file management and other tools. It helps teams to advance their projects efficiently and makes work easier.
    +
  • +
  • +

    What is task management?

    +
    Task management is the process of monitoring your project's tasks through their various stages from start to finish. This involves actively making decisions for your tasks to accommodate changes that can occur real-time, with your end goal being the successful completion of your tasks. Project task management also means managing all aspects of a task like budget, time, scope, resources, recurrence and so on effectively.
    + What is task management? +
  • +
  • +

    How to manage tasks?

    +
    Here are some key steps involved in task management:
    +
    Prioritization: Whatever tool you use to manage your tasks, whether a simple to-do list or a comprehensive project task management tool, the most important aspect of task management is prioritization. This helps in efficiently completing all the tasks involved while maintaining the planned constraints.
    +
    Milestone tracking: The findings of this study also show that establishing clear goals is essential to the successful completion of a project. Although for task management an end goal isn't necessary, defining milestones helps motivate teams to execute tasks successfully.
    +
    Schedule management: Making sure your task gets completed on time is something that has an impact on the overall project health. Attributing the right time frame by estimating the effort involved is key here.
    + How to manage tasks? +
  • +
  • +

    How to choose the right task management software?

    +
    Depending on your purpose, price range, existing work environment and preferred platform, there are several project and task management tools available. From simple checklists which may not even require an internet connection to a full-fledged project task management software, the capabilities are varied. There are also software options that fit specific industries like construction, IT or education or specific functions like crm task management.
    +
  • +
+
+
+
+
+
+
+ + +
+ + + + \ No newline at end of file diff --git a/public/site/site/en/index.html b/public/site/site/en/index.html new file mode 100644 index 000000000..3923e9a26 --- /dev/null +++ b/public/site/site/en/index.html @@ -0,0 +1,636 @@ + + + + + DooTask + + + + + + + + + + +
+ +
+ +
+
+
+
+ + DooTask + , + + + + + Lightweight task management tool +
+

Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.

+ +
+
+ DooTask,Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier. +
+
+
+
+ +
+
+ + ✕ +
+ +
+ +
+ +
+ +
+
+

Trusted by many companies

+
    +
  • + 陕建集团 +
  • +
  • + 艾特科 +
  • +
  • + 中国联通 +
  • +
  • + 旗雲科技 +
  • +
+
+
+ +
+
+

Our Features you cab get

+
+
    +
  • + Project Management +
    +

    Project Management

    + Project Management +
    +
    +
    +

    Project Management

    + Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work. +
    + Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work. +
    +
  • +
  • + Teamwork +
    +

    Teamwork

    + Teamwork +
    +
    +
    +

    Teamwork

    + Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency. +
    + Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency. +
    +
  • +
  • + Task Synergy +
    +

    Task Synergy

    + Task Synergy +
    +
    +
    +

    Task Synergy

    + A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks. +
    + A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks. +
    +
  • +
  • + Performance Measurement +
    +

    Performance Measurement

    + Performance Measurement +
    +
    +
    +

    Performance Measurement

    + Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents. +
    + Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents. +
    +
  • +
  • + Communication Report +
    +

    Communication Report

    + Communication Report +
    +
    +
    +

    Communication Report

    + Instant messaging and sharing based on work scenarios for better team communication. +
    + Instant messaging and sharing based on work scenarios for better team communication. +
    +
  • +
+ Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work. +
+
+
+

Our Features you cab get

+
+
    +
  • + Project Management +

    Project Management

    + Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work. + Support a variety of project management modes, suitable for all sizes and types of project management, real-time control of project progress, optimize work. +
  • +
  • + Teamwork +

    Teamwork

    + Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency. + Provide rich and practical online document collaboration tools to facilitate communication and collaboration among team members and improve work efficiency. +
  • +
  • + Task Synergy +

    Task Synergy

    + A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks. + A task-oriented approach keeps the team's work organized and ensures efficient teamwork and a clear division of tasks. +
  • +
  • + Performance Measurement +

    Performance Measurement

    + Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents. + Establishing quantifiable evaluation standards, data presentation of work effectiveness, and cohesion of core talents. +
  • +
  • + Communication Report +

    Communication Report

    + Instant messaging and sharing based on work scenarios for better team communication. + Instant messaging and sharing based on work scenarios for better team communication. +
  • +
+
+
+
+ +
+
+
    +
  • +

    + Why Choose Us + + + +

    +
  • +
  • +

    01

    +
    Efficient and convenient team communication tools
    +
    Establish groups for projects and tasks, work issues can be communicated in a timely manner to promote rapid teamwork and improve team efficiency.
    +
  • +
  • +

    02

    +
    Powerful and easy-to-use collaborative document creation
    +
    It brings together a variety of online tools such as documents, spreadsheets, thinking notes, etc., bringing together corporate knowledge resources in one place and supporting real-time collaborative editing by multiple people, making teamwork more convenient.
    +
  • +
+
    +
  • +

    03

    +
    Convenient and diverse project management templates
    +
    Template to meet a variety of team collaboration scenarios, while supporting custom templates to meet the team's personalized scenario management needs, you can intuitively view the progress of the project, team collaboration more convenient.
    +
  • +
  • +

    04

    +
    Clear and intuitive task calendar
    +
    Easily schedule each day with a flexible task calendar that breaks down tasks to each day, allowing for clearer work goals and more reasonable time allocation.
    +
  • +
  • +

    05

    +
    Support for multi-platform applications
    +
    With multi-platform application support, you can track the progress of your project anytime, anywhere while having a more efficient and enjoyable experience at every step of your work.
    +
  • +
+
+
+

Why Choose Us

+
+
    +
  • +

    01

    +
    Efficient and convenient team communication tools
    +
    Establish groups for projects and tasks, work issues can be communicated in a timely manner to promote rapid teamwork and improve team efficiency.
    +
  • +
  • +

    02

    +
    Powerful and easy-to-use collaborative document creation
    +
    It brings together a variety of online tools such as documents, spreadsheets, thinking notes, etc., bringing together corporate knowledge resources in one place and supporting real-time collaborative editing by multiple people, making teamwork more convenient.
    +
  • +
  • +

    03

    +
    Convenient and diverse project management templates
    +
    Template to meet a variety of team collaboration scenarios, while supporting custom templates to meet the team's personalized scenario management needs, you can intuitively view the progress of the project, team collaboration more convenient.
    +
  • +
  • +

    04

    +
    Clear and intuitive task calendar
    +
    Easily schedule each day with a flexible task calendar that breaks down tasks to each day, allowing for clearer work goals and more reasonable time allocation.
    +
  • +
  • +

    05

    +
    Support for multi-platform applications
    +
    With multi-platform application support, you can track the progress of your project anytime, anywhere while having a more efficient and enjoyable experience at every step of your work.
    +
  • +
+
+
    +
  • +
  • +
  • +
  • +
  • +
+
+
+ +
+
+ + +
+ + + + \ No newline at end of file diff --git a/public/site/site/en/log.html b/public/site/site/en/log.html new file mode 100644 index 000000000..4d3aaa638 --- /dev/null +++ b/public/site/site/en/log.html @@ -0,0 +1,351 @@ + + + + + DooTask + + + + + + + + + + +
+ +
+ +
+ +
+
+ + ✕ +
+
Logs
+ +
+ +
+
+ + ✕ +
+ +
+ +
+ +
+
+
+ +
+
+
Logs
+
    +
    +
    +

    DooTask Update Log

    +
      +
      +
      +
      +
      +
      + + +
      + + + + + \ No newline at end of file diff --git a/public/site/site/en/price.html b/public/site/site/en/price.html new file mode 100644 index 000000000..d6a128728 --- /dev/null +++ b/public/site/site/en/price.html @@ -0,0 +1,758 @@ + + + + + DooTask + + + + + + + + + + +
      + +
      + +
      +
      +
      +
      + Choose your plan +
      +

      Different versions are available depending on the size and needs of your business

      +
        +
      • +

        Free

        +
        +

        ¥0

        + /month +
        +
        Up to 3 persons
        + +
          +
        1. + Support for private deployment +
          Support for private deployment
          +
        2. +
        +
      • +
      • +

        Annual

        +
        +

        ¥3,000

        + /year +
        +
        No limit to the number of people
        + +
          +
        1. + Support for private deployment +
          Support for private deployment
          +
        2. +
        3. + Technical advisory services +
          Technical advisory services
          +
        4. +
        5. + 24-hour service response +
          24-hour service response
          +
        6. +
        +
      • +
      • +

        LifetimeRec.

        +
        +

        ¥18,888

        +
        +
        No limit to the number of people
        + +
          +
        1. + Support for private deployment +
          Support for private deployment
          +
        2. +
        3. + Technical advisory services +
          Technical advisory services
          +
        4. +
        5. + Logo customisation +
          Logo customisation
          +
        6. +
        7. + Dedicated Account Manager +
          Dedicated Account Manager
          +
        8. +
        9. + 12-hour service response +
          12-hour service response
          +
        10. +
        +
      • +
      • +

        Customized Versions

        +
        +

        Custom

        +
        +
        No limit to the number of people
        + +
          +
        1. + Support for private deployment +
          Support for private deployment
          +
        2. +
        3. + Technical advisory services +
          Technical advisory services
          +
        4. +
        5. + Logo customisation +
          Logo customisation
          +
        6. +
        7. + Dedicated Account Manager +
          Dedicated Account Manager
          +
        8. +
        9. + 12-hour service response +
          12-hour service response
          +
        10. +
        +
      • +
      +
      +
      +
      +
      + +
      +
      + + ✕ +
      + +
      + +
      + +
      +
      +
      +
      +

      Compare all plans

      +
      The product supports a variety of application scenarios to help team collaboration
      +
        +
      • +

        Feature

        +

        Free

        +

        Annual

        +

        Lifetime

        +
      • +
      • +

        Pricing

        +
        +
        +

        ¥0

        + /month +
        + + + +
        +
        +
        +

        ¥3,000

        + /year +
        + + + +
        +
        +
        +

        ¥18,888

        +
        + + + +
        +
      • +
      • +
          +
        1. +
          System usage
          +
        2. +
        3. +
          Number of users
          +
          ≤3
          +
          Unlimited
          +
          Unlimited
          +
        4. +
        5. +
          Number of projects
          +
          Unlimited
          +
          Unlimited
          +
          Unlimited
          +
        6. +
        7. +
          Number of tasks
          +
          Unlimited
          +
          Unlimited
          +
          Unlimited
          +
        8. +
        +
      • +
      • +
          +
        1. +
          Task Collaboration
          +
        2. +
        3. +
          Multi-view presentation (Kanban/calendar/list)
          + Multi-view presentation (Kanban/calendar/list) + Multi-view presentation (Kanban/calendar/list) + Multi-view presentation (Kanban/calendar/list) +
        4. +
        5. +
          Task custom Fields
          + Task custom Fields + Task custom Fields + Task custom Fields +
        6. +
        7. +
          Task loop
          + Task loop + Task loop + Task loop +
        8. +
        9. +
          Task mapping
          + Task mapping + Task mapping + Task mapping +
        10. +
        11. +
          Task dependencies
          + Task dependencies + Task dependencies + Task dependencies +
        12. +
        +
      • +
      • +
          +
        1. +
          Project management
          +
        2. +
        3. +
          Project progress
          + Project progress + Project progress + Project progress +
        4. +
        5. +
          Project templates
          + Project templates + Project templates + Project templates +
        6. +
        7. +
          Project custom Views
          + Project custom Views + Project custom Views + Project custom Views +
        8. +
        9. +
          Timeline view (Gantt chart)
          + Timeline view (Gantt chart) + Timeline view (Gantt chart) + Timeline view (Gantt chart) +
        10. +
        +
      • +
      • +

        +
        + + + +
        +
        + + + +
        +
        + + + +
        +
      • +
      +
        +
      • +
        Free
        +
          +
        1. +
          +
          System usage
          +
          +
          +
          Number of users
          +
          ≤3
          +
          +
          +
          Number of projects
          +
          Unlimited
          +
          +
          +
          Number of tasks
          +
          Unlimited
          +
          +
        2. +
        3. +
          +
          Task Collaboration
          +
          +
          +
          Multi-view presentation (Kanban/calendar/list)
          + Multi-view presentation (Kanban/calendar/list) +
          +
          +
          Task custom Fields
          + Task custom Fields +
          +
          +
          Task loop
          + Task loop +
          +
          +
          Task mapping
          + Task mapping +
          +
          +
          Task dependencies
          + Task dependencies +
          +
        4. +
        5. +
          +
          Project management
          +
          +
          +
          Project progress
          + Project progress +
          +
          +
          Project templates
          + Project templates +
          +
          +
          Project custom Views
          + Project custom Views +
          +
          +
          Timeline view (Gantt chart)
          + Timeline view (Gantt chart) +
          +
        6. +
          +

          ¥0

          + /month +
          + + + +
        +
      • +
      • +
        Annual
        +
          +
        1. +
          +
          System usage
          +
          +
          +
          Number of users
          +
          Unlimited
          +
          +
          +
          Number of projects
          +
          Unlimited
          +
          +
          +
          Number of tasks
          +
          Unlimited
          +
          +
        2. +
        3. +
          +
          Task Collaboration
          +
          +
          +
          Multi-view presentation (Kanban/calendar/list)
          + Multi-view presentation (Kanban/calendar/list) +
          +
          +
          Task custom Fields
          + Task custom Fields +
          +
          +
          Task loop
          + Task loop +
          +
          +
          Task mapping
          + Task mapping +
          +
          +
          Task dependencies
          + Task dependencies +
          +
        4. +
        5. +
          +
          Project management
          +
          +
          +
          Project progress
          + Project progress +
          +
          +
          Project templates
          + Project templates +
          +
          +
          Project custom Views
          + Project custom Views +
          +
          +
          Timeline view (Gantt chart)
          + Timeline view (Gantt chart) +
          +
        6. +
          +

          ¥3,000

          + /year +
          + + + +
        +
      • +
      • +

        LifetimeRec.

        +
          +
        1. +
          +
          System usage
          +
          +
          +
          Number of users
          +
          Unlimited
          +
          +
          +
          Number of projects
          +
          Unlimited
          +
          +
          +
          Number of tasks
          +
          Unlimited
          +
          +
        2. +
        3. +
          +
          Task Collaboration
          +
          +
          +
          Multi-view presentation (Kanban/calendar/list)
          + Multi-view presentation (Kanban/calendar/list) +
          +
          +
          Task custom Fields
          + Task custom Fields +
          +
          +
          Task loop
          + Task loop +
          +
          +
          Task mapping
          + Task mapping +
          +
          +
          Task dependencies
          + Task dependencies +
          +
        4. +
        5. +
          +
          Project management
          +
          +
          +
          Project progress
          + Project progress +
          +
          +
          Project templates
          + Project templates +
          +
          +
          Project custom Views
          + Project custom Views +
          +
          +
          Timeline view (Gantt chart)
          + Timeline view (Gantt chart) +
          +
        6. +
          +

          ¥18,888

          +
          + + + +
        +
      • +
      +
      +
      +
      +
      +
      + + +
      + + + + \ No newline at end of file diff --git a/public/site/site/en/product.html b/public/site/site/en/product.html new file mode 100644 index 000000000..4f4e86602 --- /dev/null +++ b/public/site/site/en/product.html @@ -0,0 +1,696 @@ + + + + + DooTask + + + + + + + + + + +
      + +
      + +
      +
      +
      +
      + One product, multiple powerful tools +
      +

      The product brings together various document collaboration, online mind mapping, online flowcharting, project management, task distribution, instant IM, document management and other functions

      + +
      +
      +
      +
      +
        + + One product, many powerful tools + + +
      • + Co-creation +

        Co-creation

        +
      • + +
      • + Instant Messaging +

        Instant Messaging

        +
      • + +
      • + Project Mgmt +

        Project Mgmt

        +
      • + +
      • + Task Dashboard +

        Task Dashboard

        +
      • + +
      • + Task Calendar +

        Task Calendar

        +
      • + +
      • + Bot Assistant +

        Bot Assistant

        +
      • + +
      • + Team Mgmt +

        Team Mgmt

        +
      • + +
      • + End-to-End Encryption +

        End-to-End Encryption

        +
      • + +
      • + Multi-platform +

        Multi-platform

        +
      • + + One product, many powerful tools + +
      +
        +
      • +
        + Teamwork without boundaries,No more document silos + Teamwork without boundaries,No more document silos +
          +
        • +

          01

          +
          Teamwork without boundaries
          +
          Bring together a variety of online tools such as documents, spreadsheets, thinking notes, etc., bringing together enterprise knowledge resources in one place and supporting real-time collaborative editing by multiple people, making teamwork more convenient.
          +
        • +
        • +

          02

          +
          No more document silos
          +
          Multiple file formats support, internal team file sharing, controllable file permissions, historical version tracking, etc. to facilitate file collaboration and discussion among team members and improve work efficiency.
          +
        • +
        +
        +
      • +
      • +
        + Focused communication, efficient communication,Messages must reach communication without hindrance + Cloud synchronization for unrestricted access to historical information,Attend meetings anytime, anywhere +
          +
        • +

          01

          +
          Focused communication, efficient communication
          +
          Establishing groups for projects and tasks, the instant IM function can help team members communicate with each other in real time, add comments, attachments, reminders, etc. in task cards to promote fast team collaboration and improve team work efficiency.
          +
        • +
        • +

          02

          +
          Messages must reach communication without hindrance
          +
          Messages support checking read and unread, and unread messages are notified to each other through official emails for efficient communication.
          +
        • +
        • +

          03

          +
          Cloud synchronization for unrestricted access to historical information
          +
          Information is synchronized at multiple ends without loss. New employees join the organization, support to view chat history messages, seamless integration into the team.
          +
        • +
        • +

          04

          +
          Attend meetings anytime, anywhere
          +
          Using communication group video conferencing, project staff can participate in meetings anytime and anywhere to enhance the convenience of online meetings and ensure that the entire meeting is secure and controlled and orderly.
          +
        • +
        +
        +
          +
        • + Focused communication, efficient communication,Messages must reach communication without hindrance + Cloud synchronization for unrestricted access to historical information,Attend meetings anytime, anywhere +
        • +
        • +

          01

          +
          Focused communication, efficient communication
          +
          Establishing groups for projects and tasks, the instant IM function can help team members communicate with each other in real time, add comments, attachments, reminders, etc. in task cards to promote fast team collaboration and improve team work efficiency.
          +
        • +
        • +

          02

          +
          Messages must reach communication without hindrance
          +
          Messages support checking read and unread, and unread messages are notified to each other through official emails for efficient communication.
          +
        • +
        • +

          03

          +
          Cloud synchronization for unrestricted access to historical information
          +
          Information is synchronized at multiple ends without loss. New employees join the organization, support to view chat history messages, seamless integration into the team.
          +
        • +
        • +

          04

          +
          Attend meetings anytime, anywhere
          +
          Using communication group video conferencing, project staff can participate in meetings anytime and anywhere to enhance the convenience of online meetings and ensure that the entire meeting is secure and controlled and orderly.
          +
        • +
        +
      • +
      • +
        + Multi-style management templates,Project-based office, action visualization + Dynamic management, real-time monitoring,One-click archiving of associated documents +
          +
        • +

          01

          +
          Multi-style management templates
          +
          Templates to meet a variety of team collaboration scenarios, while supporting custom templates to meet the team's personalized scenario management needs, you can intuitively view the progress of the project, team collaboration more convenient.
          +
        • +
        • +

          02

          +
          Project-based office, action visualization
          +
          Use multiple views such as Kanban boards, tables, and lists to make the overall project visible at a glance; members can filter, sort, and group tasks flexibly to give priority to what's important and stay focused.
          +
        • +
        • +

          03

          +
          Dynamic management, real-time monitoring
          +
          Real-time changes to project dynamics, specific task changes are recorded and reminded so that the team can control the overall project process and make corresponding plans.
          +
        • +
        • +

          04

          +
          One-click archiving of associated documents
          +
          Project and related task files are automatically archived and stored for easy access later.
          +
        • +
        +
        +
          +
        • + Multi-style management templates,Project-based office, action visualization + Dynamic management, real-time monitoring,One-click archiving of associated documents +
        • +
        • +

          01

          +
          Multi-style management templates
          +
          Templates to meet a variety of team collaboration scenarios, while supporting custom templates to meet the team's personalized scenario management needs, you can intuitively view the progress of the project, team collaboration more convenient.
          +
        • +
        • +

          02

          +
          Project-based office, action visualization
          +
          Use multiple views such as Kanban boards, tables, and lists to make the overall project visible at a glance; members can filter, sort, and group tasks flexibly to give priority to what's important and stay focused.
          +
        • +
        • +

          03

          +
          Dynamic management, real-time monitoring
          +
          Real-time changes to project dynamics, specific task changes are recorded and reminded so that the team can control the overall project process and make corresponding plans.
          +
        • +
        • +

          04

          +
          One-click archiving of associated documents
          +
          Project and related task files are automatically archived and stored for easy access later.
          +
        • +
        +
      • +
      • +
        + Comprehensive insight into task data + Comprehensive insight into task data +
          +
        • +

          01

          +
          Comprehensive insight into task data
          +
          The task dashboard shows task status classification statistics, which makes it easy for individuals to grasp task progress, rationalize and plan work, and improve work efficiency.
          +
        • +
        +
        +
      • +
      • +
        + Accurate Timeline,Multiple calendar views + Accurate Timeline,Multiple calendar views +
          +
        • +

          01

          +
          Accurate Timeline
          +
          Show the schedule scheduling of each task, so that you can see the work tasks at a glance and better balance work and life.
          +
        • +
        • +

          02

          +
          Multiple calendar views
          +
          Provide multiple calendar views such as month/week/day, easy to switch; support to create multiple calendars by purpose of use, customize the visible range and color markers, let the schedule classified display.
          +
        • +
        +
        +
      • +
      • +
        + Smart tips to bring technology closer to life + Artificial intelligence, realizing real-time communication with AI +
          +
        • +

          01

          +
          Smart tips to bring technology closer to life
          +
          Intelligent robots can serve employees' daily check-in and clock-in, task reminders, and pushing the latest consultation messages, helping users achieve effective work progress management and time planning.
          +
        • +
        • +

          02

          +
          Artificial intelligence, realizing real-time communication with AI
          +
          The smart little dolphin, a language processing tool based on artificial intelligence technology, is able to carry out dialogues and real-time communication by learning and understanding human language, and comprehensively grasp all kinds of text information, greatly improving the convenience of work.
          +
        • +
        +
        +
      • +
      • +
        + Fully enhance hierarchical organizational effectiveness + Multi-functional assistance for enterprise management teams +
          +
        • +

          01

          +
          Fully enhance hierarchical organizational effectiveness
          +
          Managers can set the company personnel structure in the background to form a complete team form, which facilitates hierarchical and collaborative management of projects and related tasks.
          +
        • +
        • +

          02

          +
          Multi-functional assistance for enterprise management teams
          +
          Provide daily work report editing summary, project and task data summary statistics, a variety of functions to assist enterprises to manage teams and projects, improve the company's management efficiency and management level.
          +
        • +
        +
        +
      • +
      • +
        + Control encryption keys for security and safety + Data classification encryption for secure synchronization +
          +
        • +

          01

          +
          Control encryption keys for security and safety
          +
          Using end-to-end encryption ensures that users' data can only be decrypted by them. This means that even if hackers break into DooTask's servers, they cannot access users' data.
          +
        • +
        • +

          02

          +
          Data classification encryption for secure synchronization
          +
          Using categorical encryption, users can synchronize their tasks and files across multiple devices without fear of data theft or tampering.
          +
        • +
        +
        +
      • +
      • +
        + Multi-Platform Applications + Multi-Platform Applications +
          +
        • +

          01

          +
          Multi-Platform Applications
          +
          Multi-platform application support allows you to track project progress anytime, anywhere, while making every step of your work a more efficient and enjoyable experience.
          +
        • +
        +
        +
      • +
      +
      +
      + +
      +
      + + ✕ +
      + +
      + +
      + +
      +
      +
      +
      +

      Organizational Management

      +
      Unified management of internal and external work, real-time view statistics,
      +
      transparent goals, visible progress, controllable performance
      +
      Unified management of internal and external work, real-time view statistics, transparent goals, visible progress, controllable performance
      +
      +
      +
        +
      • + Real-time view of attendance statistics +
        +

        Real-time view of attendance statistics

        +
        View attendance data anytime and anywhere, record the working hours of each team member, including starting time, finishing time, overtime, etc., to achieve goal management and performance management within the enterprise
        +
        +
      • +
      • + The ultimate experience in speed clocking +
        +

        The ultimate experience in speed clocking

        +
        The system recognizes and connects to the company's wifi to automatically punch in and out, saying goodbye to queuing and opening cell phone operations, employees no longer forget to punch in and out
        +
        +
      • +
      +
      + Attendance data visualization and analysis +
      +

      Attendance data visualization and analysis

      +
      Statistics on attendance, tardiness, early departure, overtime hours and other related data of each team member are generated and visualized in statistical charts. Through these data and charts, enterprise management can gain an in-depth understanding of team members' working conditions and efficiency, and provide a reference basis for subsequent personnel arrangement and performance assessment.
      +
      +
      +
      + Clocking in to work successfully + Clocking in to work successfully +
      + Attendance Check-in + Clocking in to work successfully +
      +

      Attendance Check-in

      +
      +
      +
      +
      +
      +
      +

      Digital Performance

      + Digital Performance + Digital Performance +
        +
      • + +
        Goal setting and tracking, more focused team
        +
        Help team members set work goals and KPIs, and track and manage them to keep an eye on the progress of tasks in a timely manner.
        +
      • +
      • + +
        Performance evaluation and feedback for more effortless management
        +
        Support evaluation and feedback of team members' performance, and automatically generate performance reports and statistical charts according to task completion, providing reference basis for subsequent personnel management and performance assessment.
        +
      • +
      • + +
        Visual analysis of data, more intuitive results
        +
        Data such as task completion, teamwork efficiency and individual performance are transformed into intuitive and easy-to-understand charts and data analysis to better understand team members' performance and performance status, and to provide targeted training and guidance.
        +
      • +
      • + +
        Personalized service
        +
        Users can customize performance appraisal indicators and report content and analysis according to their own needs and business processes to better match the actual work needs of team members and the specific business situation of the company.
        +
      • +
      +
      +
      +
      +
      + + +
      + + + + \ No newline at end of file diff --git a/public/site/site/en/solutions.html b/public/site/site/en/solutions.html new file mode 100644 index 000000000..b93574cc1 --- /dev/null +++ b/public/site/site/en/solutions.html @@ -0,0 +1,345 @@ + + + + + DooTask + + + + + + + + + + +
      + +
      + +
      +
      +
      +
      + Helping you collaborate better +
      +

      Dootask offers a range of solutions based on different scenarios so that you can quickly start collaborating with your team or department

      + +
      +
      +
      +
      + +
      +
      + + ✕ +
      + +
      + +
      + +
      +
      +
      +
      +
      +

      Scenario Application

      +
      +
      The product supports a variety of application scenarios to help team collaboration
      +
      +
      +
        +
      • +
        + Project Management +
        +

        Project Management

        +
        Support a variety of project management models, such as Agile Development, Crystal Planning, Kanban, etc., for all sizes and types of project management. Users can use the project management tools in DooTask, such as task assignment, progress tracking, resource allocation, etc. to manage the whole project.
        +
      • +
      • +
        + Team Collaboration +
        +

        Team Collaboration

        +
        DooTask's rich and useful tools can facilitate communication and collaboration among team members and improve work efficiency. For example, team members can use the document collaboration tools, online mind maps, flowcharts and other tools in DooTask to collaborate.
        +
      • +
      • +
        + Data Security Protection +
        +

        Data Security Protection

        +
        DooTask uses asymmetric encryption technology in its messaging function to ensure maximum protection of users' information. In addition, it also provides a powerful permission management system that enables flexible setting of permissions and scope of operations for different users in project management according to their roles and responsibilities.
        +
      • +
      • +
        + Free Customization +
        +

        Free Customization

        +
        DooTask is a completely open source tool that allows users to freely modify and customize it, avoiding the extra costs associated with commercial software subscription fees.
        +
      • +
      +
      +
      +
      +
      +
      +

      Team Operations

      +
        +
      • + Corporate Management +

        Corporate Management

        +
        Helping enterprises to their corporate goals, connecting goals, key results and individual work, and jointly promoting strategy implementation and goal achievement;Through co-creation, share the progress, completion status, and schedule of all corporate work, promote information flow, allow all staff to access key information of projects, follow up in time, and promote cross-departmental collaboration.Translated with DeepL
        +
      • +
      • + Product Management +

        Product Management

        +
        Customize the workflow of the product development process, assign tasks to different roles at different stages, and promote the product development process; + Uniform archiving of each completed project and task history data, which is convenient to recall or discuss at any time, forming a closed loop of knowledge precipitation to reuse.
        +
      • +
      • + Corporate Management +

        Corporate Management

        +
        Get multi-dimensional corporate data through data visualization statistical reports to get a comprehensive understanding of employee performance and make performance evaluation more objective and fair; use announcements to release notices, arrange company activities, convey corporate decisions, facilitate the shaping of corporate culture, and make employees more engaged.
        +
      • +
      +
      +
      +
      +
      + + +
      + + + + \ No newline at end of file diff --git a/public/site/site/zh/about.html b/public/site/site/zh/about.html new file mode 100644 index 000000000..c6eef70a1 --- /dev/null +++ b/public/site/site/zh/about.html @@ -0,0 +1,484 @@ + + + + + DooTask + + + + + + + + + + +
      +
      +
      + +
      +
      +
      +
      + 关于我们的公司 +
      +

      专注于网络安全领域,我们致力于为用户提供全方位的网络安全解决方案。

      +
        +
      • +

        2020

        +
        公司成立
        +
      • +
      • +
        +

        10

        + + +
        +
        团队经验
        +
      • +
      • +
        +

        99

        + % +
        +
        客户满意
        +
      • +
      +
      +
      +
      +
      +
      +
      + 广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海 +
      +

      + 公司介绍 + + + +

      +
      自成立以来,HITOSEA一直专注于网络安全领域前沿技术的创新,提供包括边界安全、云安全、数据安全、内网安全在内的网络安全产品和服务,致力于为用户提供更全面、更智能、零干扰的网络安全解决方案,是一家拥有年轻活力的技术公司。
      +
      +
      +
      +
      +
      + +
      +
      + + ✕ +
      + +
      + +
      + +
      +
      +
      +
      +

      情景应用

      +
      该产品支持各种应用场景,帮助团队协作
      +
        +
      • + + 边缘安全 + +
        边缘安全
        +
        HITOSEA下一代防火墙、入侵防御/入侵检测系统、云沙箱等产品为用户提供网络边界访问控制、深度攻击检测和APT攻击检测等全面的智能安全保护。
        + HITOSEA下一代防火墙、入侵防御/入侵检测系统、云沙箱等产品为用户提供网络边界访问控制、深度攻击检测和APT攻击检测等全面的智能安全保护。 +
      • +
      • + + 云安全 + +
        云安全
        +
        我们提供安全可靠的高防云服务器,解决了服务器面临的主要网络安全风险,缓解了因洪水攻击而导致的业务中断风险,满足了常规安全操作的需要。
        + 我们提供安全可靠的高防云服务器,解决了服务器面临的主要网络安全风险,缓解了因洪水攻击而导致的业务中断风险,满足了常规安全操作的需要。 +
      • +
      • + + 数据安全 + +
        数据安全
        +
        数据库审计和数据泄漏保护系统可以保护敏感数据和文件,识别数据和监控操作,阻止内部和外部人员通过网络、电子邮件和其他渠道进行数据盗窃。
        + 数据库审计和数据泄漏保护系统可以保护敏感数据和文件,识别数据和监控操作,阻止内部和外部人员通过网络、电子邮件和其他渠道进行数据盗窃。 +
      • +
      • + + 内联网安全 + +
        内联网安全
        +
        网络应用防火墙和网络防篡改系统为应用系统提供了全面的安全保护,有效阻止了网络篡改和攻击等恶意行为的发生。
        + 网络应用防火墙和网络防篡改系统为应用系统提供了全面的安全保护,有效阻止了网络篡改和攻击等恶意行为的发生。 +
      • +
      +
      +
      +
      + +
      +
      + + +
      + + + + + \ No newline at end of file diff --git a/public/site/site/zh/distribute.html b/public/site/site/zh/distribute.html new file mode 100644 index 000000000..a231bd382 --- /dev/null +++ b/public/site/site/zh/distribute.html @@ -0,0 +1,122 @@ + + + + + DooTask + + + + + + + + + +
      + 广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海 + 广西海豚有海信息科技公司,HITOSEA,海豚有海,广西海豚有海 +
      +
      +
      + DooTask +
      + +
      +
      + 安卓,abdroid + DooTask +
      +
      + 扫描二维码下载 + + 或用手机浏览器输入这个网址: + http://dootask.com/ + +
      +
      + + 微信/QQ内无法下载应用 +
      +
      + + 仅支持Android设备 +
      +
      + + v0.27.46 - + 64.86 MB + + 2023-06-19更新 +
      +
      +
      +
      + +
      +

      请点击右上角

      +

      选择“浏览器中打开”

      +
      +
      +
      +
      +
      +
      + + + + diff --git a/public/site/site/zh/download.html b/public/site/site/zh/download.html new file mode 100644 index 000000000..1948c3c2c --- /dev/null +++ b/public/site/site/zh/download.html @@ -0,0 +1,403 @@ + + + + + DooTask + + + + + + + + + + +
      + +
      + +
      +
      +
      +
      + 下载DooTask客户端 +
      +

      同时支持iOS、Android、macOS、Windows版本

      + +
      +
      +
      +
      + +
      +
      + + ✕ +
      + +
      + +
      + +
      + +
      +
      + + +
      + + + + + \ No newline at end of file diff --git a/public/site/site/zh/help.html b/public/site/site/zh/help.html new file mode 100644 index 000000000..5eac49b20 --- /dev/null +++ b/public/site/site/zh/help.html @@ -0,0 +1,492 @@ + + + + + DooTask + + + + + + + + + + +
      + +
      + +
      + +
      +
      + + ✕ +
      + +
      + +
      +
      + + ✕ +
      + +
      + +
      + +
      +
      +
      +
      + 帮助中心 + 帮助中心 +
      +
      +
      + + +
      +
      +
      + 刚开始使用DooTask?没问题,这本入门书是为你准备的! + 刚开始使用DooTask?没问题,这本入门书是为你准备的! +
      +

      用户手册

      +
      刚开始使用DooTask?没问题,这本入门书是为你准备的!
      +
      +
      +
        +
      • +

        什么是DooTask?

        +
        DooTask是一个轻量级的开源在线项目任务管理工具,提供各种文档协作工具、在线思维导图、在线流程图、项目管理、任务分配、即时IM、文件管理和其他工具。它可以帮助团队有效地推进项目,使工作更轻松。
        +
      • +
      • +

        什么是任务管理?

        +
        任务管理是对你的项目任务从开始到结束的各个阶段进行监控的过程。这涉及到为你的任务积极做出决定,以适应可能实时发生的变化,你的最终目标是成功完成你的任务。项目任务管理也意味着有效地管理任务的各个方面,如预算、时间、范围、资源、复现等。
        + 什么是任务管理? +
      • +
      • +

        如何管理任务?

        +
        以下是任务管理中涉及的一些关键步骤:
        +
        确定优先次序: 无论你用什么工具来管理你的任务,无论是简单的待办事项清单还是全面的项目任务管理工具,任务管理最重要的方面是确定优先次序。这有助于有效地完成所有涉及的任务,同时保持计划的约束。
        +
        里程碑跟踪:这项研究的结果还表明,建立明确的目标对于成功完成一个项目至关重要。虽然对于任务管理来说,最终的目标不是必须的,但定义里程碑有助于激励团队成功执行任务。
        +
        日程管理:确保你的任务能按时完成是对整个项目健康有影响的事情。通过估计所涉及的努力来分配正确的时间框架是这里的关键。
        + 如何管理任务? +
      • +
      • +

        如何选择正确的任务管理软件?

        +
        根据你的目的、价格范围、现有的工作环境和首选平台,有几种项目和任务管理工具可供选择。从可能甚至不需要互联网连接的简单核对表到成熟的项目任务管理软件,功能多种多样。也有适合特定行业的软件选择,如建筑、IT或教育,或特定功能,如crm任务管理。
        +
      • +
      +
      +
      +
      +
      +
      +
      + + +
      + + + + \ No newline at end of file diff --git a/public/site/site/zh/index.html b/public/site/site/zh/index.html new file mode 100644 index 000000000..335df95cb --- /dev/null +++ b/public/site/site/zh/index.html @@ -0,0 +1,637 @@ + + + + + DooTask + + + + + + + + + + +
      + +
      + +
      +
      +
      +
      + + DooTask + + + + + ,轻量级任务管理工具 +
      +

      DooTask是一款轻量级的开源在线项目任务管理工具,提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM,文件管理等工具。助力团队高效推进项目,让工作更简单。

      + +
      +
      + DooTask是一款轻量级的开源在线项目任务管理工具,提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM,文件管理等工具。助力团队高效推进项目,让工作更简单。 +
      +
      +
      +
      + +
      +
      + + ✕ +
      + +
      + +
      + +
      + +
      +
      +

      受到许多公司的信任

      +
        +
      • + 陕建集团 +
      • +
      • + 艾特科 +
      • +
      • + 中国联通 +
      • +
      • + 旗雲科技 +
      • +
      +
      +
      + +
      +
      +

      使用场景

      +
      +
        +
      • + 项目管理 +
        +

        项目管理

        + 项目管理 +
        +
        +
        +

        项目管理

        + 支持多种项目管理模式,适用于各种规模和类型的项目管理,实时掌控项目进度,优化工作流程。 +
        + 支持多种项目管理模式,适用于各种规模和类型的项目管理,实时掌控项目进度,优化工作流程。 +
        +
      • +
      • + 团队协作 +
        +

        团队协作

        + 团队协作 +
        +
        +
        +

        团队协作

        + 提供丰富实用的在线文档协作工具,方便团队成员之间的沟通和协作,提高工作效率。 +
        + 提供丰富实用的在线文档协作工具,方便团队成员之间的沟通和协作,提高工作效率。 +
        +
      • +
      • + 任务协同 +
        +

        任务协同

        + 任务协同 +
        +
        +
        +

        任务协同

        + 以任务化的方式让团队的工作井井有条,保证团队协作的高效性和任务分工的明确性。 +
        + 以任务化的方式让团队的工作井井有条,保证团队协作的高效性和任务分工的明确性。 +
        +
      • +
      • + 绩效衡量 +
        +

        绩效衡量

        + 绩效衡量 +
        +
        +
        +

        绩效衡量

        + 建立可量化的评价标准,数据化呈现工作成效,凝聚核心人才。 +
        + 建立可量化的评价标准,数据化呈现工作成效,凝聚核心人才。 +
        +
      • +
      • + 沟通汇报 +
        +

        沟通汇报

        + 沟通汇报 +
        +
        +
        +

        沟通汇报

        + 基于工作场景的即时通讯及共享,实现更好的团队沟通。 +
        + 基于工作场景的即时通讯及共享,实现更好的团队沟通。 +
        +
      • +
      + 支持多种项目管理模式,适用于各种规模和类型的项目管理,实时掌控项目进度,优化工作流程。 +
      +
      +
      +

      使用场景

      +
      +
        +
      • + 项目管理 +

        项目管理

        + 支持多种项目管理模式,适用于各种规模和类型的项目管理,实时掌控项目进度,优化工作流程。 + 支持多种项目管理模式,适用于各种规模和类型的项目管理,实时掌控项目进度,优化工作流程。 +
      • +
      • + 团队协作 +

        团队协作

        + 提供丰富实用的在线文档协作工具,方便团队成员之间的沟通和协作,提高工作效率。 + 提供丰富实用的在线文档协作工具,方便团队成员之间的沟通和协作,提高工作效率。 +
      • +
      • + 任务协同 +

        任务协同

        + 以任务化的方式让团队的工作井井有条,保证团队协作的高效性和任务分工的明确性。 + 以任务化的方式让团队的工作井井有条,保证团队协作的高效性和任务分工的明确性。 +
      • +
      • + 绩效衡量 +

        绩效衡量

        + 建立可量化的评价标准,数据化呈现工作成效,凝聚核心人才。 + 建立可量化的评价标准,数据化呈现工作成效,凝聚核心人才。 +
      • +
      • + 沟通汇报 +

        沟通汇报

        + 基于工作场景的即时通讯和分享,以实现更好的团队沟通。 + 基于工作场景的即时通讯和分享,以实现更好的团队沟通。 +
      • +
      +
      +
      +
      + +
      +
      +
        +
      • +

        + 为什么选择我们 + + + +

        +
      • +
      • +

        01

        +
        高效便捷的团队沟通工具
        +
        针对项目和任务建立群组,工作问题可及时沟通,促进团队快速协作,提高团队工作效率。
        +
      • +
      • +

        02

        +
        强大易用的协同创作云文档
        +
        汇集文档、电子表格、思维笔记等多种在线工具,汇聚企业知识资源于一处,支持多人实时协同编辑,让团队协作更便捷。
        +
      • +
      +
        +
      • +

        03

        +
        便捷多样的项目管理模版
        +
        模版满足多种团队协作场景,同时支持自定义模版,满足团队个性化场景管理需求,可直观的查看项目的进展情况,团队协作更方便。
        +
      • +
      • +

        04

        +
        清晰直观的任务日历
        +
        通过灵活的任务日历,轻松安排每一天的日程,把任务拆解到每天,让工作目标更清晰,时间分配更合理。
        +
      • +
      • +

        05

        +
        支持多平台应用
        +
        多平台应用支持,随时随地追踪项目进度,同时让你在工作中每一个步骤都能拥有更高效愉悦的体验。
        +
      • +
      +
      +
      +

      为什么选择我们为什么选择我们

      +
      +
        +
      • +

        01

        +
        高效便捷的团队沟通工具
        +
        针对项目和任务建立群组,工作问题可及时沟通,促进团队快速协作,提高团队工作效率。
        +
      • +
      • +

        02

        +
        强大易用的协同创作云文档
        +
        汇集文档、电子表格、思维笔记等多种在线工具,汇聚企业知识资源于一处,支持多人实时协同编辑,让团队协作更便捷。
        +
      • +
      • +

        03

        +
        便捷多样的项目管理模版
        +
        模版满足多种团队协作场景,同时支持自定义模版,满足团队个性化场景管理需求,可直观的查看项目的进展情况,团队协作更方便。
        +
      • +
      • +

        04

        +
        清晰直观的任务日历
        +
        通过灵活的任务日历,轻松安排每一天的日程,把任务拆解到每天,让工作目标更清晰,时间分配更合理。
        +
      • +
      • +

        05

        +
        支持多平台应用
        +
        多平台应用支持,随时随地追踪项目进度,同时让你在工作中每一个步骤都能拥有更高效愉悦的体验。
        +
      • +
      +
      +
        +
      • +
      • +
      • +
      • +
      • +
      +
      +
      + +
      +
      + + +
      + + + + \ No newline at end of file diff --git a/public/site/site/zh/log.html b/public/site/site/zh/log.html new file mode 100644 index 000000000..20ba75365 --- /dev/null +++ b/public/site/site/zh/log.html @@ -0,0 +1,352 @@ + + + + + DooTask + + + + + + + + + + +
      + +
      + +
      + +
      +
      + + ✕ +
      +
      更新日志
      + +
      + +
      +
      + + ✕ +
      + +
      + +
      + +
      +
      +
      + +
      +
      +
      更新日志
      +
        +
        +
        +

        DooTask更新日志

        +
          +
          +
          +
          +
          +
          +
          + + +
          + + + + + \ No newline at end of file diff --git a/public/site/site/zh/price.html b/public/site/site/zh/price.html new file mode 100644 index 000000000..28403e04d --- /dev/null +++ b/public/site/site/zh/price.html @@ -0,0 +1,757 @@ + + + + + DooTask + + + + + + + + + + +
          + +
          + +
          +
          +
          +
          + 选择你的方案 +
          +

          根据你的企业的规模和需求,有不同的版本可供选择

          +
            +
          • +

            免费

            +
            +

            ¥0

            + /月 +
            +
            最多3人
            + +
              +
            1. + 支持私有化部署 +
              支持私有化部署
              +
            2. +
            +
          • +
          • +

            年度

            +
            +

            ¥3,000

            + /年 +
            +
            人数无限制
            + +
              +
            1. + 支持私有化部署 +
              支持私有化部署
              +
            2. +
            3. + 技术咨询服务 +
              技术咨询服务
              +
            4. +
            5. + 24小时服务响应 +
              24小时服务响应
              +
            6. +
            +
          • +
          • +

            终身Rec.

            +
            +

            ¥18,888

            +
            +
            人数无限制
            + +
              +
            1. + 支持私有化部署 +
              支持私有化部署
              +
            2. +
            3. + 技术咨询服务 +
              技术咨询服务
              +
            4. +
            5. + Logo定制 +
              Logo定制
              +
            6. +
            7. + 专属客户经理 +
              专属客户经理
              +
            8. +
            9. + 12小时服务响应 +
              12小时服务响应
              +
            10. +
            +
          • +
          • +

            定制版

            +
            +

            定制

            +
            +
            人数无限制
            + +
              +
            1. + 支持私有化部署 +
              支持私有化部署
              +
            2. +
            3. + 技术咨询服务 +
              技术咨询服务
              +
            4. +
            5. + Logo定制 +
              Logo定制
              +
            6. +
            7. + 专属客户经理 +
              专属客户经理
              +
            8. +
            9. + 12小时服务响应 +
              12小时服务响应
              +
            10. +
            +
          • +
          +
          +
          +
          +
          + +
          +
          + + ✕ +
          + +
          + +
          + +
          +
          +
          +
          +

          对比所有计划

          +
          该产品支持各种应用场景,帮助团队协作
          +
            +
          • +

            特点

            +

            免费

            +

            年度

            +

            终身

            +
          • +
          • +

            定价

            +
            +
            +

            ¥0

            + /月 +
            + + + +
            +
            +
            +

            ¥3,000

            + /年 +
            + + + +
            +
            +
            +

            ¥18,888

            +
            + + + +
            +
          • +
          • +
              +
            1. +
              系统使用
              +
            2. +
            3. +
              用户数量
              +
              ≤3
              +
              无限制
              +
              无限制
              +
            4. +
            5. +
              项目数量
              +
              无限制
              +
              无限制
              +
              无限制
              +
            6. +
            7. +
              任务数量
              +
              无限制
              +
              无限制
              +
              无限制
              +
            8. +
            +
          • +
          • +
              +
            1. +
              任务协作
              +
            2. +
            3. +
              多视图展示(看板/日历/列表)
              + 多视图展示(看板/日历/列表) + 多视图展示(看板/日历/列表) + 多视图展示(看板/日历/列表) +
            4. +
            5. +
              任务自定义字段
              + 任务自定义字段 + 任务自定义字段 + 任务自定义字段 +
            6. +
            7. +
              任务循环
              + 任务循环 + 任务循环 + 任务循环 +
            8. +
            9. +
              任务映射
              + 任务映射 + 任务映射 + 任务映射 +
            10. +
            11. +
              任务依赖性
              + 任务依赖性 + 任务依赖性 + 任务依赖性 +
            12. +
            +
          • +
          • +
              +
            1. +
              项目管理
              +
            2. +
            3. +
              项目进展
              + 项目进展 + 项目进展 + 项目进展 +
            4. +
            5. +
              项目模板
              + 项目模板 + 项目模板 + 项目模板 +
            6. +
            7. +
              项目自定义视图
              + 项目自定义视图 + 项目自定义视图 + 项目自定义视图 +
            8. +
            9. +
              时间轴视图(甘特图)
              + 时间轴视图(甘特图) + 时间轴视图(甘特图) + 时间轴视图(甘特图) +
            10. +
            +
          • +
          • +

            + + +
            + + + +
            +
          • +
          +
            +
          • +
            免费
            +
              +
            1. +
              +
              系统使用情况
              +
              +
              +
              用户数量
              +
              ≤3
              +
              +
              +
              项目数量
              +
              无限制
              +
              +
              +
              任务数量
              +
              无限制
              +
              +
            2. +
            3. +
              +
              任务协作
              +
              +
              +
              多视图展示(看板/日历/列表)
              + 多视图展示(看板/日历/列表) +
              +
              +
              任务自定义字段
              + 任务自定义字段 +
              +
              +
              任务循环
              + 任务循环 +
              +
              +
              任务映射
              + 任务映射 +
              +
              +
              任务依赖性
              + 任务依赖性 +
              +
            4. +
            5. +
              +
              项目管理
              +
              +
              +
              项目进展
              + 项目进展 +
              +
              +
              项目模板
              + 项目模板 +
              +
              +
              项目自定义视图
              + 项目自定义视图 +
              +
              +
              时间轴视图(甘特图)
              + 时间轴视图(甘特图) +
              +
            6. +
              +

              ¥0

              + /月 +
              + + + +
            +
          • +
          • +
            年度
            +
              +
            1. +
              +
              系统使用情况
              +
              +
              +
              用户数量
              +
              无限制
              +
              +
              +
              项目数量
              +
              无限制
              +
              +
              +
              任务数量
              +
              无限制
              +
              +
            2. +
            3. +
              +
              任务协作
              +
              +
              +
              多视图展示(看板/日历/列表)
              + 多视图展示(看板/日历/列表) +
              +
              +
              任务自定义字段
              + 任务自定义字段 +
              +
              +
              任务循环
              + 任务循环 +
              +
              +
              任务映射
              + 任务映射 +
              +
              +
              任务依赖性
              + 任务依赖性 +
              +
            4. +
            5. +
              +
              项目管理
              +
              +
              +
              项目进展
              + 项目进展 +
              +
              +
              项目模板
              + 项目模板 +
              +
              +
              项目自定义视图
              + 项目自定义视图 +
              +
              +
              时间轴视图(甘特图)
              + 时间轴视图(甘特图) +
              +
            6. +
              +

              ¥3,000

              + /年 +
              + + + +
            +
          • +
          • +

            终身Rec.

            +
              +
            1. +
              +
              系统使用情况
              +
              +
              +
              用户数量
              +
              无限制
              +
              +
              +
              项目数量
              +
              无限制
              +
              +
              +
              任务数量
              +
              无限制
              +
              +
            2. +
            3. +
              +
              任务协作
              +
              +
              +
              多视图展示(看板/日历/列表)
              + 多视图展示(看板/日历/列表) +
              +
              +
              任务自定义字段
              + 任务自定义字段 +
              +
              +
              任务循环
              + 任务循环 +
              +
              +
              任务映射
              + 任务映射 +
              +
              +
              任务依赖性
              + 任务依赖性 +
              +
            4. +
            5. +
              +
              项目管理
              +
              +
              +
              项目进展
              + 项目进展 +
              +
              +
              项目模板
              + 项目模板 +
              +
              +
              项目自定义视图
              + 项目自定义视图 +
              +
              +
              时间轴视图(甘特图)
              + 时间轴视图(甘特图) +
              +
            6. +
              +

              ¥18,888

              +
              + + + +
            +
          • +
          +
          +
          +
          +
          +
          + + +
          + + + + \ No newline at end of file diff --git a/public/site/site/zh/product.html b/public/site/site/zh/product.html new file mode 100644 index 000000000..b5cf57fba --- /dev/null +++ b/public/site/site/zh/product.html @@ -0,0 +1,697 @@ + + + + + DooTask + + + + + + + + + + +
          + +
          + +
          +
          +
          +
          + 一个产品,多种强大的工具 +
          +

          该产品汇集了各种文档协作、在线思维导图、在线流程图、项目管理、任务分配、即时IM、文档管理等功能。

          + +
          +
          +
          +
          +
            + + 一个产品,多种强大的工具 + + +
          • + 协同创作 +

            协同创作

            +
          • + +
          • + 即时沟通 +

            即时沟通

            +
          • + +
          • + 项目管理 +

            项目管理

            +
          • + +
          • + 任务仪表盘 +

            任务仪表盘

            +
          • + +
          • + 任务日历 +

            任务日历

            +
          • + +
          • + 机器人助手 +

            机器人助手

            +
          • + +
          • + 团队管理 +

            团队管理

            +
          • + +
          • + 端到端加密 +

            端到端加密

            +
          • + +
          • + 多平台应用 +

            多平台应用

            +
          • + + 一个产品,多种强大的工具 + +
          +
            +
          • +
            + 团队协作无界限,不再是文件孤岛 + 团队协作无界限,不再是文件孤岛 +
              +
            • +

              01

              +
              团队协作无界限
              +
              汇集文档、电子表格、思维笔记等多种在线工具,汇聚企业知识资源于一处,支持多人实时协同编辑,让团队协作更便捷。
              +
            • +
            • +

              02

              +
              不再是文件孤岛
              +
              具有多种文件格式支持,团队内部文件共享,可控制的文件权限、历史版本追踪等,方便团队成员之间进行文件协作和讨论,提高工作效率。
              +
            • +
            +
            +
          • +
          • +
            + 聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会 + 聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会 +
              +
            • +

              01

              +
              聚焦沟通,高效交流
              +
              针对项目和任务建立群组,即时IM功能可以帮助团队成员之间实时沟通,在任务卡片中添加评论、附件、提醒等,促进团队快速协作,提高团队工作效率。
              +
            • +
            • +

              02

              +
              消息必达沟通无阻碍
              +
              消息支持查看已读未读,未读消息通过官方邮件通知对方,高效传达。
              +
            • +
            • +

              03

              +
              云端同步查阅历史信息不受限
              +
              信息多端同步,不丢失。新员工加入组织,支持查看聊天历史消息,无缝融入团队。
              +
            • +
            • +

              04

              +
              随时随地参会
              +
              使用沟通群组视频会议,项目人员随时随地参会,提升线上会议便捷性,保证会议全程安全可控,有序进行。
              +
            • +
            +
            +
              +
            • + 聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会 + 聚焦沟通高效交流,消息必达沟通无阻碍,云端同步查阅历史信息不受限,随时随地参会 +
            • +
            • +

              01

              +
              聚焦沟通,高效交流
              +
              针对项目和任务建立群组,即时IM功能可以帮助团队成员之间实时沟通,在任务卡片中添加评论、附件、提醒等,促进团队快速协作,提高团队工作效率。
              +
            • +
            • +

              02

              +
              消息必达沟通无阻碍
              +
              消息支持查看已读未读,未读消息通过官方邮件通知对方,高效传达。
              +
            • +
            • +

              03

              +
              云端同步查阅历史信息不受限
              +
              信息多端同步,不丢失。新员工加入组织,支持查看聊天历史消息,无缝融入团队。
              +
            • +
            • +

              04

              +
              随时随地参会
              +
              使用沟通群组视频会议,项目人员随时随地参会,提升线上会议便捷性,保证会议全程安全可控,有序进行。
              +
            • +
            +
          • +
          • +
            + 多样式管理模版,关联文件一键归档,项目化办公,行动可视化,动态管理,实时监控 + 多样式管理模版,关联文件一键归档,项目化办公,行动可视化,动态管理,实时监控 +
              +
            • +

              01

              +
              多样式管理模版
              +
              模版满足多种团队协作场景,同时支持自定义模版,满足团队个性化场景管理需求,可直观的查看项目的进展情况,团队协作更方便。
              +
            • +
            • +

              02

              +
              项目化办公,行动可视化
              +
              使用看板、表格、列表等多种视图让整体项目一目了然;成员可对任务灵活筛选、排序和分组,让要事优先,并保持专注。
              +
            • +
            • +

              03

              +
              动态管理,实时监控
              +
              实时变更项目动态,具体任务变更情况记录提醒,以便团队把控项目整体进程,制定相应计划。
              +
            • +
            • +

              04

              +
              关联文件一键归档
              +
              项目及相关任务文件自动归档储存,便于之后查阅使用。
              +
            • +
            +
            +
              +
            • + 多样式管理模版,关联文件一键归档,项目化办公,行动可视化,动态管理,实时监控 + 多样式管理模版,关联文件一键归档,项目化办公,行动可视化,动态管理,实时监控 +
            • +
            • +

              01

              +
              多样式管理模版
              +
              模版满足多种团队协作场景,同时支持自定义模版,满足团队个性化场景管理需求,可直观的查看项目的进展情况,团队协作更方便。
              +
            • +
            • +

              02

              +
              项目化办公,行动可视化
              +
              使用看板、表格、列表等多种视图让整体项目一目了然;成员可对任务灵活筛选、排序和分组,让要事优先,并保持专注。
              +
            • +
            • +

              03

              +
              动态管理,实时监控
              +
              实时变更项目动态,具体任务变更情况记录提醒,以便团队把控项目整体进程,制定相应计划。
              +
            • +
            • +

              04

              +
              关联文件一键归档
              +
              项目及相关任务文件自动归档储存,便于之后查阅使用。
              +
            • +
            +
          • +
          • +
            + 全面洞悉任务数据 + 全面洞悉任务数据 +
              +
            • +

              01

              +
              全面洞悉任务数据
              +
              任务仪表盘内展示任务状态分类统计,便于个人掌握任务进度,合理安排和规划工作,提高工作效率。
              +
            • +
            +
            +
          • +
          • +
            + 精准掌握时间进度,多款日历视图 + 精准掌握时间进度,多款日历视图 +
              +
            • +

              01

              +
              精准掌握时间进度
              +
              展现各项工作的日程排期,让工作任务一目了然,更好的平衡工作和生活。
              +
            • +
            • +

              02

              +
              多款日历视图
              +
              提供月/周/日等多款日历视图,便捷切换;支持按使用目的创建多个日历,自定义可见范围和颜色标识,让日程分类展示。
              +
            • +
            +
            +
          • +
          • +
            + 智能提示,让科技贴近生活 + 智能提示,让科技贴近生活 +
              +
            • +

              01

              +
              智能提示,让科技贴近生活
              +
              智能机器人可对员工日常签到打卡、任务提醒、推送最新咨询消息等进行服务,帮用户实现有效的工作进度管理及时间规划。
              +
            • +
            • +

              02

              +
              人工智能,实现与AI实时交流
              +
              聪明的小海豚,基于人工智能技术的语言处理工具,能够通过学习和理解人类的语言来进行对话,实时交流,全面掌握各种文字信息,极大提高工作的便捷性。
              +
            • +
            +
            +
          • +
          • +
            + 全面提升层级化组织效能,多功能协助企业管理团队 + 全面提升层级化组织效能,多功能协助企业管理团队 +
              +
            • +

              01

              +
              全面提升层级化组织效能
              +
              管理人员可在后台设置公司人员架构,形成完整团队形态,便于对项目和相关任务进行分级协同管理。
              +
            • +
            • +

              02

              +
              多功能协助企业管理团队
              +
              提供日常工作报告编辑汇总,项目及任务数据汇总统计,多种功能协助企业管理团队和项目,提高公司管理效率和管理水平。
              +
            • +
            +
            +
          • +
          • +
            + 掌控加密密钥,保障安全可靠 + 数据分类加密,实现安全同步 +
              +
            • +

              01

              +
              掌控加密密钥,保障安全可靠
              +
              使用端到端加密技术,确保用户的数据只能由他们自己解密。这意味着即使黑客入侵了DooTask的服务器,也无法访问用户的数据。
              +
            • +
            • +

              02

              +
              数据分类加密,实现安全同步
              +
              使用分类加密技术,用户可以在多个设备间同步其任务和文件,不必担心数据被窃取或篡改。
              +
            • +
            +
            +
          • +
          • +
            + 多平台应用 + 多平台应用 +
              +
            • +

              01

              +
              多平台应用
              +
              多平台应用支持,随时随地追踪项目进度,同时让你在工作中每一个步骤都能拥有更高效愉悦的体验。
              +
            • +
            +
            +
          • +
          +
          +
          + +
          +
          + + ✕ +
          + +
          + +
          + +
          +
          +
          +
          +

          组织管理

          +
          统一管理内部和外部工作,实时查看统计数据,透明的目标,可见的进展,可控的绩效
          +
          +
          +
            +
          • + 考勤统计实时查看 +
            +

            考勤统计实时查看

            +
            随时随地查看出勤数据,记录每个团队成员的工作时间,包括上班时间、下班时间、加班时间等,在企业内部实现目标管理以及绩效管理;
            +
            +
          • +
          • + 极速打卡极致体验 +
            +

            极速打卡极致体验

            +
            系统识别并连接公司wifi自动打卡,告别排队以及打开手机操作,员工不再忘记打卡;
            +
            +
          • +
          +
          + 考勤数据可视化分析 +
          +

          考勤数据可视化分析

          +
          统计每个团队成员的出勤率、迟到次数、早退次数、加班时长等相关数据,并生成可视化的统计图表。通过这些数据和图表,企业管理层可以深入了解团队成员的工作状况和工作效率,为后续的人事安排和绩效考核提供参考依据。
          +
          +
          +
          + 顺利打卡上班 + 顺利打卡上班 +
          + 出勤签到 + 顺利打卡上班 +
          +

          出勤签到

          +
          +
          +
          +
          +
          +
          +

          数字化绩效

          + 数字化绩效 + 数字化绩效 +
            +
          • + +
            目标设定和跟踪,
            +
            团队更聚焦
            +
            帮助团队成员设定工作目标和KPI,并进行跟踪和管理,以便及时关注任务进展情况。
            +
          • +
          • + +
            绩效评估和反馈,
            +
            管理更省心
            +
            支持对团队成员的绩效进行评估和反馈,根据任务完成情况,自动生成绩效报告和统计图表,为后续的人事管理和绩效考核提供参考依据。
            +
          • +
          • + +
            数据可视化分析,
            +
            结果更直观
            +
            将任务完成情况、团队合作效率和个人绩效等数据转化为直观和易于理解的图表和数据分析,更好地了解团队成员的工作表现和绩效状况,并进行针对性的培训和指导。
            +
          • +
          • + +
            自定义报告和分析,
            +
            服务更个性化
            +
            用户可以根据自己的需求和业务流程,自定义绩效考核指标和报告内容,并进行分析,更好地符合团队成员的实际工作需求,以及企业的具体业务情况。
            +
          • +
          +
          +
          +
          +
          + + +
          + + + + \ No newline at end of file diff --git a/public/site/site/zh/solutions.html b/public/site/site/zh/solutions.html new file mode 100644 index 000000000..0d8e03b8a --- /dev/null +++ b/public/site/site/zh/solutions.html @@ -0,0 +1,346 @@ + + + + + DooTask + + + + + + + + + + +
          + +
          + +
          +
          +
          +
          + 帮助您更好地进行协作 +
          +

          Dootask提供了一系列基于不同场景的解决方案,以便您可以快速开始与您的团队或部门合作

          + +
          +
          +
          +
          + +
          +
          + + ✕ +
          + +
          + +
          + +
          +
          +
          +
          +
          +

          场景应用

          +
          +
          该产品支持各种应用场景,帮助团队协作
          +
          +
          +
            +
          • +
            + 项目管理 +
            +

            项目管理

            +
            支持多种项目管理模式,如敏捷开发、水晶计划、看板等,适用于各种规模和类型的项目管理。用户可以使用DooTask里的项目管理工具,例如任务分配、进度跟踪、资源分配等来管理整个项目。
            +
          • +
          • +
            + 团队协作 +
            +

            团队协作

            +
            DooTask的丰富实用的工具可以方便团队成员之间的沟通和协作,提高工作效率。例如,团队成员可以使用DooTask里的文档协作工具、在线思维导图、流程图等工具进行协作。
            +
          • +
          • +
            + 数据安全保护 +
            +

            数据安全保护

            +
            DooTask在消息功能上使用非对称加密技术,确保用户的信息得到最大程度的保护。此外,它还提供了强大的权限管理系统,能够根据不同用户的角色和职责,灵活地设置他们在项目管理中的权限和操作范围。
            +
          • +
          • +
            + 自由定制 +
            +

            自由定制

            +
            DooTask是一款完全开源的工具,用户可以自由修改和定制,避免了商业软件订阅费用带来的额外成本。
            +
          • +
          +
          +
          +
          +
          +
          +

          团队运营

          +
            +
          • + 公司管理 +

            公司管理

            +
            帮助企业对其公司目标,将目标、关键结果与个人工作连接,共同推动战略落地、目标达成;通过协同创作,共享企业各项工作的进度、完成状态、日程安排,促进信息流动,让全员获取项目关键信息,及时跟进,推动跨部门协作。
            +
          • +
          • + 产品管理 +

            产品管理

            +
            自定义产品研发过程的工作流程,在不同阶段把任务分派不同角色,推动产品研发进程; + 各完成项目及任务历史资料统一归档,方便随时调用或展开讨论,形成知识沉淀到复用的闭环。 +
            +
          • +
          • + 人事行政 +

            人事行政

            +
            通过数据可视化统计报表获取多维度企业数据,全面了解员工表现,让绩效评价更客观、公正;使用公告发布通知,安排公司活动,传递企业决策,便于塑造企业文化,让员工更有参与感。
            +
          • +
          +
          +
          +
          +
          + + +
          + + + + \ No newline at end of file