Browse Source

添加描述说明文字

guohh 6 years ago
parent
commit
dbcb360a2b
2 changed files with 201 additions and 35 deletions
  1. 16 6
      2019/scaffold/css/project.css
  2. 185 29
      2019/scaffold/index.html

+ 16 - 6
2019/scaffold/css/project.css

@ -19,6 +19,7 @@ html, body {
19 19
body {
20 20
  font-family: "PingFangSC";
21 21
  min-height: 450px;
22
  min-width: 800px;
22 23
}
23 24
24 25
ul, li {
@ -230,8 +231,8 @@ a {
230 231
  background: #242830;
231 232
  border-radius: 2px;
232 233
  line-height: 26px;
233
  height: 46px;
234
  padding: 10px 12px;
234
  height: 36px;
235
  padding: 5px 12px;
235 236
  font-size: 14px;
236 237
  color: #eee;
237 238
}
@ -246,10 +247,6 @@ a {
246 247
  color: rgba(255, 255, 255, .2);
247 248
}
248 249
249
.project-form-item {
250
  padding-bottom: 42px;
251
}
252
253 250
.project-form-label {
254 251
  padding-bottom: 4px;
255 252
}
@ -404,4 +401,17 @@ a {
404 401
}
405 402
.project-desc:hover .project-info-detail{
406 403
  display: block;
404
}
405
.project-form-input-tips-wrap{
406
  min-height: 40px;
407
}
408
.project-form-input-tips{
409
  display: none;
410
  padding-top: 2px;
411
  font-size: 12px;
412
  color: rgba(255, 255, 255, .35);
413
  line-height: 20px;
414
}
415
input:focus + .project-form-input-tips-wrap .project-form-input-tips{
416
  display: block;
407 417
}

+ 185 - 29
2019/scaffold/index.html

@ -55,6 +55,7 @@
55 55
        </div>
56 56
        <div class="page-center-body">
57 57
          <ul class="catalog-pages">
58
            <!-- android eclipse 标准 -->
58 59
            <li class="active">
59 60
              <div class="project-desc">
60 61
                Android Eclipse标准手脚架工程介绍
@ -65,7 +66,7 @@
65 66
                  </div>
66 67
                </span>
67 68
              </div>
68
              <form class="project-init-form"  > <!-- autocomplete="off" 不显示历史输入 -->
69
              <form class="project-init-form" autocomplete="off"  > <!-- autocomplete="off" 不显示历史输入 -->
69 70
                <input type="hidden" name="codeStyle" value="eclipseAndroid">
70 71
                <div class="project-form-item">
71 72
                  <div class="project-form-label">
@ -73,6 +74,9 @@
73 74
                  </div>
74 75
                  <div class="project-form-input-wrap">
75 76
                    <input type="text" placeholder="Demo" name="name" required/>
77
                    <div class="project-form-input-tips-wrap">
78
                      <div class="project-form-input-tips">填写工程名称</div>
79
                    </div>
76 80
                  </div>
77 81
                </div>
78 82
                <div class="project-form-item">
@ -81,6 +85,9 @@
81 85
                  </div>
82 86
                  <div class="project-form-input-wrap">
83 87
                    <input type="text" placeholder="com.example.demo" name="packageName" required/>
88
                    <div class="project-form-input-tips-wrap">
89
                      <div class="project-form-input-tips">填写包名</div>
90
                    </div>
84 91
                  </div>
85 92
                </div>
86 93
                <div class="project-form-item">
@ -89,6 +96,9 @@
89 96
                  </div>
90 97
                  <div class="project-form-input-wrap">
91 98
                    <input type="text" placeholder="ActivityClass" name="activityClass" required/>
99
                    <div class="project-form-input-tips-wrap">
100
                      <div class="project-form-input-tips">填写activity class</div>
101
                    </div>
92 102
                  </div>
93 103
                </div>
94 104
@ -98,6 +108,7 @@
98 108
              </form>
99 109
            </li>
100 110
111
            <!-- android eclipse 超级客户端 -->
101 112
            <li>
102 113
              <div class="project-desc">
103 114
                Android Eclipse超级客户端手脚架工程介绍
@ -108,13 +119,16 @@
108 119
                  </div>
109 120
                </span>
110 121
              </div>
111
              <form class="project-init-form">
122
              <form class="project-init-form" autocomplete="off">
112 123
                <div class="project-form-item">
113 124
                  <div class="project-form-label">
114 125
                    Name
115 126
                  </div>
116 127
                  <div class="project-form-input-wrap">
117 128
                    <input type="text" placeholder="Demo" name="name" required/>
129
                    <div class="project-form-input-tips-wrap">
130
                      <div class="project-form-input-tips">填写工程名称</div>
131
                    </div>
118 132
                  </div>
119 133
                </div>
120 134
                <div class="project-form-item">
@ -123,6 +137,9 @@
123 137
                  </div>
124 138
                  <div class="project-form-input-wrap">
125 139
                    <input type="text" placeholder="com.example.demo" name="packageName" required/>
140
                    <div class="project-form-input-tips-wrap">
141
                      <div class="project-form-input-tips">填写包名</div>
142
                    </div>
126 143
                  </div>
127 144
                </div>
128 145
                <div class="project-form-item">
@ -131,6 +148,9 @@
131 148
                  </div>
132 149
                  <div class="project-form-input-wrap">
133 150
                    <input type="text" placeholder="ActivityClass"/>
151
                    <div class="project-form-input-tips-wrap">
152
                      <div class="project-form-input-tips">填写activity class</div>
153
                    </div>
134 154
                  </div>
135 155
                </div>
136 156
@ -139,6 +159,7 @@
139 159
                </div>
140 160
              </form>
141 161
            </li>
162
142 163
          </ul>
143 164
        </div>
144 165
      </li>
@ -162,6 +183,7 @@
162 183
        <div class="page-center-body">
163 184
          <ul class="catalog-pages">
164 185
186
            <!-- android as 标准 -->
165 187
            <li class="active">
166 188
              <div class="project-desc">
167 189
                Android AS标准脚手架工程介绍
@ -172,7 +194,7 @@
172 194
                    </div>
173 195
                </span>
174 196
              </div>
175
              <form class="project-init-form">
197
              <form class="project-init-form" autocomplete="off">
176 198
                <input type="hidden" name="codeStyle" value="android">
177 199
                <div class="project-form-item">
178 200
                  <div class="project-form-label">
@ -180,6 +202,9 @@
180 202
                  </div>
181 203
                  <div class="project-form-input-wrap">
182 204
                    <input type="text" placeholder="Demo" name="name" required/>
205
                    <div class="project-form-input-tips-wrap">
206
                      <div class="project-form-input-tips">填写工程名称</div>
207
                    </div>
183 208
                  </div>
184 209
                </div>
185 210
                <div class="project-form-item">
@ -188,6 +213,9 @@
188 213
                  </div>
189 214
                  <div class="project-form-input-wrap">
190 215
                    <input type="text" placeholder="com.example.demo" name="packageName" required/>
216
                    <div class="project-form-input-tips-wrap">
217
                      <div class="project-form-input-tips">填写包名</div>
218
                    </div>
191 219
                  </div>
192 220
                </div>
193 221
                <div class="project-form-item">
@ -196,6 +224,9 @@
196 224
                  </div>
197 225
                  <div class="project-form-input-wrap">
198 226
                    <input type="text" placeholder="ActivityClass" name="activityClass" required/>
227
                    <div class="project-form-input-tips-wrap">
228
                      <div class="project-form-input-tips">填写activity class</div>
229
                    </div>
199 230
                  </div>
200 231
                </div>
201 232
@ -205,6 +236,11 @@
205 236
                  </div>
206 237
                  <div class="project-form-input-wrap">
207 238
                    <input type="text" placeholder="3.1.0" name="gradleToolVersion" required/>
239
                    <div class="project-form-input-tips-wrap">
240
                      <div class="project-form-input-tips">
241
                        可在Android Studio/gradle/m2repository/android/tools/build/gradle下查看版本号
242
                      </div>
243
                    </div>
208 244
                  </div>
209 245
                </div>
210 246
                <div class="project-form-item">
@ -213,6 +249,11 @@
213 249
                  </div>
214 250
                  <div class="project-form-input-wrap">
215 251
                    <input type="text" placeholder="27" name="compileSdkVersion" required/>
252
                    <div class="project-form-input-tips-wrap">
253
                      <div class="project-form-input-tips">
254
                        填写编译sdk版本,即build.gradle中的compileSdkVersion
255
                      </div>
256
                    </div>
216 257
                  </div>
217 258
                </div>
218 259
@ -280,6 +321,7 @@
280 321
              </form>
281 322
            </li>
282 323
324
            <!-- android as 超级客户端 -->
283 325
            <li>
284 326
              <div class="project-desc">
285 327
                Android Eclipse超级客户端手脚架工程介绍
@ -290,13 +332,17 @@
290 332
                    </div>
291 333
                </span>
292 334
              </div>
293
              <div class="project-init-form">
335
              <form class="project-init-form" autocomplete="off">
336
                <input type="hidden" name="codeStyle" value="android">
294 337
                <div class="project-form-item">
295 338
                  <div class="project-form-label">
296 339
                    Name
297 340
                  </div>
298 341
                  <div class="project-form-input-wrap">
299
                    <input type="text" placeholder="Demo"/>
342
                    <input type="text" placeholder="Demo" name="name" required/>
343
                    <div class="project-form-input-tips-wrap">
344
                      <div class="project-form-input-tips">填写工程名称</div>
345
                    </div>
300 346
                  </div>
301 347
                </div>
302 348
                <div class="project-form-item">
@ -304,7 +350,10 @@
304 350
                    Package
305 351
                  </div>
306 352
                  <div class="project-form-input-wrap">
307
                    <input type="text" placeholder="com.example.demo"/>
353
                    <input type="text" placeholder="com.example.demo" name="packageName" required/>
354
                    <div class="project-form-input-tips-wrap">
355
                      <div class="project-form-input-tips">填写包名</div>
356
                    </div>
308 357
                  </div>
309 358
                </div>
310 359
                <div class="project-form-item">
@ -312,7 +361,10 @@
312 361
                    ActivityClass
313 362
                  </div>
314 363
                  <div class="project-form-input-wrap">
315
                    <input type="text" placeholder="ActivityClass"/>
364
                    <input type="text" placeholder="ActivityClass" name="activityClass" required/>
365
                    <div class="project-form-input-tips-wrap">
366
                      <div class="project-form-input-tips">填写activity class</div>
367
                    </div>
316 368
                  </div>
317 369
                </div>
318 370
@ -321,7 +373,12 @@
321 373
                    GradleToolVersion
322 374
                  </div>
323 375
                  <div class="project-form-input-wrap">
324
                    <input type="text" placeholder="3.1.0"/>
376
                    <input type="text" placeholder="3.1.0" name="gradleToolVersion" required/>
377
                    <div class="project-form-input-tips-wrap">
378
                      <div class="project-form-input-tips">
379
                        可在Android Studio/gradle/m2repository/android/tools/build/gradle下查看版本号
380
                      </div>
381
                    </div>
325 382
                  </div>
326 383
                </div>
327 384
                <div class="project-form-item">
@ -329,7 +386,12 @@
329 386
                    compileSdkVersion
330 387
                  </div>
331 388
                  <div class="project-form-input-wrap">
332
                    <input type="text" placeholder="27"/>
389
                    <input type="text" placeholder="27" name="compileSdkVersion" required/>
390
                    <div class="project-form-input-tips-wrap">
391
                      <div class="project-form-input-tips">
392
                        填写编译sdk版本,即build.gradle中的compileSdkVersion
393
                      </div>
394
                    </div>
333 395
                  </div>
334 396
                </div>
335 397
@ -340,34 +402,63 @@
340 402
                  <div class="project-form-input-wrap">
341 403
                    <ul class="project-form-check-list">
342 404
                      <li>
343
                        <label class="ipu-checkbox ipu-checkbox-square"><input type="checkbox">分享</label>
405
                        <label class="ipu-checkbox ipu-checkbox-square">
406
                          <input type="checkbox" name="render" value="android|ipu-mobile-common|aars/ipu-share-1.0.aar|root">
407
                          分享
408
                        </label>
344 409
                      </li>
345 410
                      <li>
346
                        <label class="ipu-checkbox ipu-checkbox-square"><input type="checkbox">高德地图</label>
411
                        <label class="ipu-checkbox ipu-checkbox-square">
412
                          <input type="checkbox" name="render" value="android|ipu-mobile-common|aars/ipu-map-gd-1.0.aar|root">
413
                          高德地图
414
                        </label>
347 415
                      </li>
348 416
                      <li>
349
                        <label class="ipu-checkbox ipu-checkbox-square"><input type="checkbox">极光推送</label>
417
                        <label class="ipu-checkbox ipu-checkbox-square">
418
                          <input type="checkbox" name="render" value="android|ipu-mobile-common|aars/ipu-push-jpush-1.0.aar|root">
419
                          极光推送
420
                        </label>
421
                      </li>
422
                      <li>
423
                        <label class="ipu-checkbox ipu-checkbox-square">
424
                          <input type="checkbox" name="render" value="android|ipu-mobile-common|aars/ipu-map-bd-1.0.aar|root">
425
                          百度地图
426
                        </label>
350 427
                      </li>
351 428
                      <li>
352
                        <label class="ipu-checkbox ipu-checkbox-square"><input type="checkbox">百度地图</label>
429
                        <label class="ipu-checkbox ipu-checkbox-square">
430
                          <input type="checkbox" name="render" value="android|ipu-mobile-common|aars/ipu-customcamera-1.0.aar|root">
431
                          人脸、身份证拍照
432
                        </label>
353 433
                      </li>
354 434
                      <li>
355
                        <label class="ipu-checkbox ipu-checkbox-square"><input type="checkbox">人脸、身份证拍照</label>
435
                        <label class="ipu-checkbox ipu-checkbox-square">
436
                          <input type="checkbox" name="render" value="android|ipu-mobile-common|aars/ipu-bluetooth-1.0.aar|root">
437
                          蓝牙
438
                        </label>
356 439
                      </li>
357 440
                      <li>
358
                        <label class="ipu-checkbox ipu-checkbox-square"><input type="checkbox">蓝牙</label>
441
                        <label class="ipu-checkbox ipu-checkbox-square">
442
                          <input type="checkbox" name="render" value="android|ipu-mobile-common|aars/ipu-scan-1.0.aar|root">
443
                          二维码
444
                        </label>
359 445
                      </li>
360 446
                      <li>
361
                        <label class="ipu-checkbox ipu-checkbox-square"><input type="checkbox">二维码</label>
447
                        <label class="ipu-checkbox ipu-checkbox-square">
448
                          <input type="checkbox" name="render" value="android|ipu-mobile-common|jars/ipu-count-client-3.0-SNAPSHOT.jar|root">
449
                          行为分析
450
                        </label>
362 451
                      </li>
363 452
                    </ul>
364 453
                  </div>
365 454
                </div>
455
366 456
                <div class="project-form-btns">
367
                  <button class="project-form-btn" type="submit" disabled>生成工程</button>
457
                  <button class="project-form-btn" type="submit">生成工程</button>
368 458
                </div>
369
              </div>
459
              </form>
370 460
            </li>
461
371 462
          </ul>
372 463
        </div>
373 464
      </li>
@ -399,7 +490,7 @@
399 490
                  </div>
400 491
                </span>
401 492
              </div>
402
              <form class="project-init-form">
493
              <form class="project-init-form" autocomplete="off">
403 494
                <input type="hidden" name="codeStyle" value="ios">
404 495
                <div class="project-form-item">
405 496
                  <div class="project-form-label">
@ -407,6 +498,11 @@
407 498
                  </div>
408 499
                  <div class="project-form-input-wrap">
409 500
                    <input type="text" placeholder="Demo" name="name" required/>
501
                    <div class="project-form-input-tips-wrap">
502
                      <div class="project-form-input-tips">
503
                        填写工程名称
504
                      </div>
505
                    </div>
410 506
                  </div>
411 507
                </div>
412 508
@ -431,7 +527,7 @@
431 527
                      <li>
432 528
                        <label class="ipu-checkbox ipu-checkbox-square">
433 529
                          <input type="checkbox" name="render" value="ios|IPUCommon/IpuPush.framework|ios/depend/IpuPush.framework|root">
434
                          远程消息推送(包含极光推送、云推送)
530
                          远程消息推送(包含极光推送、云推送)
435 531
                        </label>
436 532
                      </li>
437 533
                      <li>
@ -459,7 +555,7 @@
459 555
                  </div>
460 556
                </span>
461 557
              </div>
462
              <form class="project-init-form" method="get" action="">
558
              <form class="project-init-form" autocomplete="off">
463 559
                <input type="hidden" name="codeStyle" value="iosSuperapp">
464 560
                <div class="project-form-item">
465 561
                  <div class="project-form-label">
@ -467,6 +563,11 @@
467 563
                  </div>
468 564
                  <div class="project-form-input-wrap">
469 565
                    <input type="text" placeholder="Demo" name="name" required/>
566
                    <div class="project-form-input-tips-wrap">
567
                      <div class="project-form-input-tips">
568
                        填写工程名称
569
                      </div>
570
                    </div>
470 571
                  </div>
471 572
                </div>
472 573
@ -491,7 +592,7 @@
491 592
                      <li>
492 593
                        <label class="ipu-checkbox ipu-checkbox-square">
493 594
                          <input type="checkbox" name="render" value="ios|IPUCommon/IpuPush.framework|ios/depend/IpuPush.framework|root">
494
                          远程消息推送(包含极光推送、云推送)
595
                          远程消息推送(包含极光推送、云推送)
495 596
                        </label>
496 597
                      </li>
497 598
                      <li>
@ -540,38 +641,58 @@
540 641
                  </div>
541 642
                </span>
542 643
              </div>
543
              <form class="project-init-form">
644
              <form class="project-init-form" autocomplete="off">
544 645
                <input type="hidden" name="codeStyle" value="appServer">
545 646
                <div class="project-form-item">
546 647
                  <div class="project-form-label">
547
                    工程名
648
                    name
548 649
                  </div>
549 650
                  <div class="project-form-input-wrap">
550 651
                    <input type="text" placeholder="Demo" required name="name">
652
                    <div class="project-form-input-tips-wrap">
653
                      <div class="project-form-input-tips">
654
                        填写工程名称
655
                      </div>
656
                    </div>
551 657
                  </div>
552 658
                </div>
553 659
                <div class="project-form-item">
554 660
                  <div class="project-form-label">
555
                    包名
661
                    package
556 662
                  </div>
557 663
                  <div class="project-form-input-wrap">
558 664
                    <input type="text" placeholder="com.example.demo" required name="packageName"/>
665
                    <div class="project-form-input-tips-wrap">
666
                      <div class="project-form-input-tips">
667
                        填写包名
668
                      </div>
669
                    </div>
559 670
                  </div>
560 671
                </div>
561 672
                <div class="project-form-item">
562 673
                  <div class="project-form-label">
563
                    项目名称
674
                    project
564 675
                  </div>
565 676
                  <div class="project-form-input-wrap">
566 677
                    <input type="text" placeholder="请输入" required name="projectName"/>
678
                    <div class="project-form-input-tips-wrap">
679
                      <div class="project-form-input-tips">
680
                        填写项目中文名
681
                      </div>
682
                    </div>
567 683
                  </div>
568 684
                </div>
569 685
                <div class="project-form-item">
570 686
                  <div class="project-form-label">
571
                    工程根路径
687
                    final
572 688
                  </div>
573 689
                  <div class="project-form-input-wrap">
574 690
                    <input type="text" placeholder="请输入" required name="finalName"/>
691
                    <div class="project-form-input-tips-wrap">
692
                      <div class="project-form-input-tips">
693
                        填写最终名称
694
                      </div>
695
                    </div>
575 696
                  </div>
576 697
                </div>
577 698
@ -590,7 +711,7 @@
590 711
                  </div>
591 712
                </span>
592 713
              </div>
593
              <form class="project-init-form">
714
              <form class="project-init-form" autocomplete="off">
594 715
                <input type="hidden" name="codeStyle" value="superApp">
595 716
                <div class="project-form-item">
596 717
                  <div class="project-form-label">
@ -598,6 +719,11 @@
598 719
                  </div>
599 720
                  <div class="project-form-input-wrap">
600 721
                    <input type="text" placeholder="Demo" name="name" required/>
722
                    <div class="project-form-input-tips-wrap">
723
                      <div class="project-form-input-tips">
724
                        填写工程名称
725
                      </div>
726
                    </div>
601 727
                  </div>
602 728
                </div>
603 729
                <div class="project-form-item">
@ -606,6 +732,11 @@
606 732
                  </div>
607 733
                  <div class="project-form-input-wrap">
608 734
                    <input type="text" placeholder="com.example.demo" name="packageName" required/>
735
                    <div class="project-form-input-tips-wrap">
736
                      <div class="project-form-input-tips">
737
                        填写包名
738
                      </div>
739
                    </div>
609 740
                  </div>
610 741
                </div>
611 742
                <div class="project-form-item">
@ -614,6 +745,11 @@
614 745
                  </div>
615 746
                  <div class="project-form-input-wrap">
616 747
                    <input type="text" placeholder="superapp" name="finalName" required/>
748
                    <div class="project-form-input-tips-wrap">
749
                      <div class="project-form-input-tips">
750
                        填写最终名称
751
                      </div>
752
                    </div>
617 753
                  </div>
618 754
                </div>
619 755
@ -650,7 +786,7 @@
650 786
                  </div>
651 787
                </span>
652 788
              </div>
653
              <form class="project-init-form">
789
              <form class="project-init-form" autocomplete="off">
654 790
                <div class="project-form-item">
655 791
                  <input type="hidden" name="codeStyle" value="mgmt">
656 792
                  <div class="project-form-label">
@ -658,6 +794,11 @@
658 794
                  </div>
659 795
                  <div class="project-form-input-wrap">
660 796
                    <input type="text" placeholder="Demo" name="name" required/>
797
                    <div class="project-form-input-tips-wrap">
798
                      <div class="project-form-input-tips">
799
                        填写工程名称
800
                      </div>
801
                    </div>
661 802
                  </div>
662 803
                </div>
663 804
                <div class="project-form-item">
@ -666,6 +807,11 @@
666 807
                  </div>
667 808
                  <div class="project-form-input-wrap">
668 809
                    <input type="text" placeholder="com.example.demo" name="packageName" required/>
810
                    <div class="project-form-input-tips-wrap">
811
                      <div class="project-form-input-tips">
812
                        填写包名
813
                      </div>
814
                    </div>
669 815
                  </div>
670 816
                </div>
671 817
                <div class="project-form-item">
@ -674,6 +820,11 @@
674 820
                  </div>
675 821
                  <div class="project-form-input-wrap">
676 822
                    <input type="text" placeholder="com.example.demo" name="groupId" required/>
823
                    <div class="project-form-input-tips-wrap">
824
                      <div class="project-form-input-tips">
825
                        填写Group
826
                      </div>
827
                    </div>
677 828
                  </div>
678 829
                </div>
679 830
                <div class="project-form-item">
@ -682,6 +833,11 @@
682 833
                  </div>
683 834
                  <div class="project-form-input-wrap">
684 835
                    <input type="text" placeholder="com.example.demo" name="artifactId" required/>
836
                    <div class="project-form-input-tips-wrap">
837
                      <div class="project-form-input-tips">
838
                        填写Artifact
839
                      </div>
840
                    </div>
685 841
                  </div>
686 842
                </div>
687 843
                <div class="project-form-item">