https://shitucompany.cn/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>时间记录-非走不可</title>
7
8    <style>
9      .box {
10        width: 1100px;
11        height: 680px;
12        margin: 0 auto;
13      }
14      .tab {
15        width: 1100px;
16        display: flex;
17        justify-content: center;
18      }
19      span {
20        text-align: center;
21        cursor: pointer;
22        height: 60px;
23        width: 200px;
24        text-align: center;
25        font-size: 20px;
26        color: #344672;
27        border-radius: 10px;
28        line-height: 60px;
29        cursor: pointer;
30        font-weight: 600;
31      }
32
33      .tab_active {
34        height: 50px;
35        width: 150px;
36        background-color: aqua;
37        text-align: center;
38        font-size: 20px;
39        color: white;
40        background-image: linear-gradient(to right, #2438fe, #1d94fe);
41        border-radius: 10px;
42        line-height: 50px;
43        cursor: pointer;
44        font-weight: 600;
45      }
46      .show {
47        display: block;
48      }
49      .text_1 {
50        font-family: 'yahei';
51        width: 800px;
52        padding: 10px;
53        font-size: 17px;
54        margin:20px 30px;
55      }
56      .text_2 {
57        font-family: 'yahei';
58        width: 800px;
59        padding: 2px;
60        font-size: 15px;
61        margin:10px 60px;
62        text-align:left;
63      }
64      .text_3 {
65        font-family: 'yahei';
66        font-size: 20px;
67        padding-left: 3px;
68        font-weight: 600;
69      }
70      .text_4 {
71        font-family: 'yahei';
72        padding: 2px;
73        font-size: 14px;
74        margin:10px auto;
75        text-align:left;
76      }
77      .text_5 {
78        font-family: 'yahei';
79        padding: 5px;
80        font-size: 25px;
81        margin: 30px 5px 5px 10px;
82        text-align:center;
83        height: 35px;
84        width: 80px;
85        background-color: aqua;
86        color: white;
87        background-image: linear-gradient(to right, #2438fe, #1d94fe);
88        border-radius: 10px;
89        
90      }
91      .imgp {
92        width: 950px;
93        /*height: 200px;*/
94        display: flex;
95        justify-content: center;
96      }
97      .ptext {
98        width: 300px;
99        /*height: 200px;*/
100        margin:200px auto;
101        text-align:center;
102        font-size: 15px;
103      }
104      .divimg {
105        width: 1000px;
106        height: 380px;
107        margin:auto auto;
108      }
109      .divimg2 {
110        width: 200px;
111        height: 200px;
112        margin:auto auto;
113      }
114    </style>
115    

115<script src="js/jquery-3.4.1.js"></script>

115
116<!--    

116<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" type='text/javascript'></script>

116-->
117  </head>
118  <body>
119    <div class="box">
120      <div class="imgp">
121        <img src="./images/tlogger/logo.png" height="70px" width="70px" style="margin-left: 10px" >
122        <p class="text_3"> 时间记录-非走不可</p>
123        <img src="./images/tlogger/qr_download.png" height="90px" width="90px" style="margin-left: 480px" >
124       
125<!--          <p class="text_3" ></p> -->
126         <a class="text_5" style="text-decoration: none;color: white;" href="./version/download" target="value">下载 </a>
127      </div>
128      <div class="tab">
129        <span class="tab_active">简介</span>
130        <span style="margin-left: 30px">功能特色</span>
131        <span style="margin-left: 30px">关于软件</span> 
132          <span style="margin-left: 30px">联系方式</span>
133        </div>
134
135      <div class="content" >
136        <div class="show" style="height: 400px">
137          <h2></h2>
138          <a class="text_1" style="word-wrap:break-word;">
139          时间都去哪儿了？<br/>
140          </a>
141          <a class="text_1" style="word-wrap:break-word;">
142            时间很容易流失，与其感叹时光飞逝，不如赶紧开始时间管理吧，只有有效的管理好时间才可以让人生每一天都更加精彩。<br/>
143          </a>
144          <a class="text_1" style="word-wrap:break-word;">
145            软件可以记录每天在各种事物上所花时间，进行统计每月表格等，让你清楚知道时间花费在哪里。<br/>
146          </a>
147          <a class="text_1" style="word-wrap:break-word;">
148            如果你希望更好的规划及管理时间， 求成长提升、求自我管理，您可在此App中完成全部时间记录及规划，随时查看统计及总结提升。
149          </a>
150          <ul class="text_2">
151            <li style="float: left;margin-top: 10px;">
152              《奇特的一生》时间管理大师-柳比歇夫坚持56年的“时间统计法”最佳应用实践；
153            </li>
154            <li style="float: left;margin-top: 10px;">
155              支持一键快速记录、暂停、结束活动，同时支持自定义补记/预约活动；
156            </li>
157            <li style="float: left;margin-top: 10px;">
158              支持番茄钟模式、定时提醒模式，重要任务准时提醒；
159            </li>
160            <li style="float: left;margin-top: 10px;">
161              多维度统计分析图表：统计图、趋势图等，每天、每周、每月、每年时间的都去哪了一目了然；
162            </li>
163            <li style="float: left;margin-top: 10px;">
164              数据支持云同步，支持一键发送邮箱或分享朋友查看点滴，一起进步；
165            </li>
166            <li style="float: left;margin-top: 10px;">
167              极简风界面，帮助您更高效的专注任务，操作逻辑清晰简单，0学习成本；
168            </li>
169          </ul>
170        </div>
171
172        <div class="divimg" style="display: none;height: 400px">
173          <ul  style="list-style: none;">
174            <li style="float: left;margin-left: 10px;height: 300px;width: 200px">
175              <img height="150px" width="150px"
176                   src="https://mindline.cn/res/feature-1.png"
177                   alt=""
178              />
179              <h3>操作简单快捷</h3>
180              <h4 style="color: grey">点击图标直接开始计时</h4>
181            </li>
182            <li style="float: left;margin-left: 30px;height: 300px;width: 220px">
183              <img height="150px" width="150px"
184                   src="https://mindline.cn/res/feature-2.png"
185                   alt=""
186              />
187              <h3>功能强大丰富</h3>
188              <h4 style="color: grey">可查看历史，详情，统计,提供多维度的统计，饼图，柱形图，线形趋势图，列表视图，时间轴等</h4>
189            </li>
190            <li style="float: left;margin-left: 30px;height: 300px;width: 220px">
191              <img height="150px" width="150px"
192                   src="https://mindline.cn/res/feature-3.png"
193                   alt=""
194              />
195              <h3>各种格式文件导出</h3>
196              <h4 style="color: grey">支持导出txt，excel文件格式，也可以直接分享到微信，qq</h4>
197            </li>
198            <li style="float: left;margin-left: 30px;height: 300px;width: 220px">
199              <img height="150px" width="150px"
200                   src="https://mindline.cn/res/feature-4.png"
201                   alt=""
202              />
203              <h3>不同设备同步共享</h3>
204              <h4 style="color: grey">提供强大的云空间</h4>
205            </li>
206          </ul>
207        </div>
208
209        <div class="divimg" style="display: none;height: 400px">
210          
211            <li>应用图
212             </li>
213            <img height="450px" width="240px"
214              src="http://www.haishengcompany.com/images/tlogger/feature-1.jpg"
215              alt=""
216            />
217            <img  height="450px" width="240px"
218              src="http://www.haishengcompany.com/images/tlogger/feature-2.jpg"
219              alt=""
220            />
221            <img height="450px" width="240px"
222              src="http://www.haishengcompany.com/images/tlogger/feature-3.jpg"
223              alt=""
224            />
225            <img height="450px" width="240px"
226              src="http://www.haishengcompany.com/images/tlogger/feature-4.jpg"
227              alt=""
228            />
229        </div>
230        <div class="divimg" style="display: none;height: 400px">
231          <h3>QQ群-ios：768299795</h3><br/>
232          <h3>QQ群-安卓：694583077</h3><br/>
233          <h3>邮箱：[email protected]</h3>
234      </div>

235     </div>
236    <div class="ptext" style="margin-bottom: 30px" >
237    <a href="/policy/getPrivacyPolicy" class="aboutus">隐私政策 |</a>
238    <a href="" class="aboutus">视图科技</a> | 
239    <a href="" class="aboutus">小行星</a>
240    <br/>
241    
242            <a href="http://beian.miit.gov.cn" class="aboutus" target="_blank">粤ICP备2023031079号</a>
243        
244      
245    </div>
246    

246<script>
247      //JavaScript
248      var tabs = document.getElementsByTagName("span");
249      var contents = document.getElementsByClassName("content")[0];
250      var aaa = contents.getElementsByTagName("div");
251      console.log("tabs:"+tabs.length);
252      for (var i = 0, len1 = tabs.length; i < len1; i++) {
253        tabs[i].index = i;
254        tabs[i].onclick = function () {
255          console.log("tabs[i].onclick:"+i);
256          for (var j = 0; j < tabs.length; j++) {
257            tabs[j].className = "";
258            aaa[j].style.display = "none";
259          }
260          console.log("tabs[this.index]:"+this.index);
261          console.log("aaa[this.index]:"+this.index);
262          tabs[this.index].className = "tab_active";
263          aaa[this.index].style.display = "block";
264        };
265      }
266    </script>

266
267  </body>
268</html>