diff --git a/document/common/config/menu.json b/document/common/config/menu.json
index 4d966ba4c643309afb43d52e5a7095fa805a87cb..00eeb99ceb562cc8845bd1f8fe7297f0cc18385c 100644
--- a/document/common/config/menu.json
+++ b/document/common/config/menu.json
@@ -2,6 +2,7 @@
"en-US": {
"overview": {
"name": "Overview",
+ "angle": "01",
"subList": {
"introduction": "Introduction",
"quick-start": "QuickStart",
@@ -12,6 +13,7 @@
},
"components": {
"name": "Components",
+ "angle": "02",
"subList": {
"basic": {
"name": "Basic",
@@ -62,6 +64,7 @@
},
"modules": {
"name": "Modules",
+ "angle": "03",
"subList": {
"style": "style",
"create-api": "create-api",
diff --git a/document/components/index/en-US.vue b/document/components/index/en-US.vue
index 5b6502edc8102beb3f3cd81493f54f66de45d196..0ed4994b018bcd1bcfd0d652f73ab31749d2d7a1 100644
--- a/document/components/index/en-US.vue
+++ b/document/components/index/en-US.vue
@@ -6,25 +6,29 @@
Quick Start
- Quality
+ High Quality
+ Quality
From DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.
- Experience
+ Good Experience
+ Experience
Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.
- Standard
+ Keep Standard
+ Standard
Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.
- Scalability
+ Design Scalability
+ Scalability
Lightweight and flexible: support post-compile and importing on demand; High scalability: it is easy to implement secondary development based on existing components.
diff --git a/document/components/index/index.vue b/document/components/index/index.vue
index 4f0aa08b260983cf5a1ca9451c823ac5abc8c0ca..4c0a716720b7016669f17750e2fe58a49b166cb0 100644
--- a/document/components/index/index.vue
+++ b/document/components/index/index.vue
@@ -144,7 +144,7 @@
li
flex: 1
max-width: 220px
- padding: 60px 16px 20px
+ padding: 60px 16px 10px
margin: 0 10px
font-size: 13px
line-height: 1.4
@@ -154,6 +154,7 @@
align-items: center
max-width: initial
padding-top: 20px
+ padding-bottom: 20px
text-align: left
.text
flex: 1
@@ -161,6 +162,7 @@
img
width: 130px
margin-bottom: 13px
+ transform-origin: center 0
transition: all .5s
@media screen and (max-width: 960px)
width: 90px
@@ -169,11 +171,11 @@
margin-bottom: 0
.text
transition: all .5s
- .ch
+ .h1
padding: 7px 0
font-size: 22px
color: #333
- .en
+ .h2
font-size: 18px
transition: all .5s
p
@@ -182,9 +184,9 @@
opacity: 0
transition: all .5s
@media screen and (max-width: 960px)
- .ch
+ .h1
font-size: 15px
- .en
+ .h2
display: none
p
margin-top: 0
@@ -196,8 +198,8 @@
opacity:1
img
transform: scale(0.5,0.5)
- .en
+ .h2
opacity: 0
.text
- transform: translateY(-50px)
+ transform: translateY(-75px)
diff --git a/document/components/index/zh-CN.vue b/document/components/index/zh-CN.vue
index bdc79ee064049d5cb59e9d4944f71c2d741bfe95..826cfd9e13686dac9378d05eac9115dbf224a03a 100644
--- a/document/components/index/zh-CN.vue
+++ b/document/components/index/zh-CN.vue
@@ -5,48 +5,30 @@
介绍
快速上手
-
-
- 质量可靠
- 由滴滴内部组件库精简提炼而来,历经考验,并且每个组件都有充分单元测试,为后续集成提供保障。
-
-
- 体验极致
- 以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。
-
-
- 标准规范
- 遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。
-
-
- 扩展性强
- 支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。
-
-
- 质量可靠
- Quality
+ 质量可靠
+ Quality
由滴滴内部组件库精简提炼而来,历经考验,并且每个组件都有充分单元测试,为后续集成提供保障。
- 体验极致
- Experience
+ 体验极致
+ Experience
以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。
- 标准规范
- Standard
+ 标准规范
+ Standard
遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。
- 扩展性强
- Scalability
+ 扩展性强
+ Scalability
支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。
diff --git a/document/components/side-list/side-list.vue b/document/components/side-list/side-list.vue
index cb995db2b5e509da56d8830b7199120527896335..ebce124463214cbc8c3d2b7414d94fb525a916bb 100644
--- a/document/components/side-list/side-list.vue
+++ b/document/components/side-list/side-list.vue
@@ -7,6 +7,8 @@