docs: update markdown code block

packages/create-vant-cli-app/generators/templates/src/demo-button/README.md

@@ -6,7 +6,7 @@ DemoButton 是一个示例按钮组件
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { DemoButton } from '<%= name %>';
 

packages/vant-cli/site/common/style/highlight.less

@@ -71,7 +71,7 @@ pre {
 .hljs-selector-id,
 .hljs-selector-class,
 .hljs-strong {
-  color: #5299e0;
+  color: #4994df;
 }
 
 .hljs-emphasis {

packages/vant-cli/site/common/style/var.less

@@ -10,7 +10,7 @@
 @van-doc-dark-grey: #666;
 @van-doc-light-grey: #ccc;
 @van-doc-border-color: #f1f4f8;
-@van-doc-code-color: #455a64;
+@van-doc-code-color: #58727e;
 @van-doc-code-background-color: #f1f4f8;
 @van-doc-code-font-family: 'Source Code Pro', 'Monaco', 'Inconsolata', monospace;
 @van-doc-padding: 30px;

packages/vant-cli/site/desktop/components/Content.vue

@@ -189,6 +189,10 @@ export default {
     -webkit-font-smoothing: antialiased;
   }
 
+  p > code {
+    font-size: 14px;
+  }
+
   section {
     padding: 30px;
     overflow: hidden;

src/action-sheet/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { ActionSheet } from 'vant';
 

src/action-sheet/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { ActionSheet } from 'vant';
 

src/address-edit/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { AddressEdit } from 'vant';
 

src/address-edit/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { AddressEdit } from 'vant';
 

src/address-list/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { AddressList } from 'vant';
 

src/address-list/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { AddressList } from 'vant';
 

src/area/README.md

@@ -6,7 +6,7 @@ The Picker component is usually used with [Popup](#/en-US/popup) Component.
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Area } from 'vant';
 

src/button/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Button } from 'vant';
 

src/button/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Button } from 'vant';
 

src/calendar/README.md

@@ -6,7 +6,7 @@ Calendar component for selecting dates or date ranges
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Calendar } from 'vant';
 

src/calendar/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Calendar } from 'vant';
 

src/card/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Card } from 'vant';
 

src/card/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Card } from 'vant';
 

src/cell/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Cell, CellGroup } from 'vant';
 

src/cell/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Cell, CellGroup } from 'vant';
 

src/checkbox/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Checkbox, CheckboxGroup } from 'vant';
 

src/checkbox/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Checkbox, CheckboxGroup } from 'vant';
 

src/circle/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Circle } from 'vant';
 
@@ -22,7 +22,7 @@ Vue.use(Circle);
 />
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {
@@ -70,7 +70,7 @@ export default {
 />
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {

src/circle/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Circle } from 'vant';
 
@@ -24,7 +24,7 @@ Vue.use(Circle);
 />
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {
@@ -78,7 +78,7 @@ export default {
 />
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {

src/col/README.md

@@ -6,7 +6,7 @@ Quickly and easily create layouts with `van-row` and `van-col`
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Col, Row } from 'vant';
 

src/col/README.zh-CN.md

@@ -6,7 +6,7 @@ Layout 提供了`van-row`和`van-col`两个组件来进行行列布局
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Col, Row } from 'vant';
 

src/collapse/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Collapse, CollapseItem } from 'vant';
 
@@ -24,7 +24,7 @@ Use `v-model` to control the name of active panels
 </van-collapse>
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {
@@ -46,7 +46,7 @@ In accordion mode, only one panel can be expanded at the same time.
 </van-collapse>
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {
@@ -74,7 +74,7 @@ export default {
 </van-collapse>
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {

src/collapse/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Collapse, CollapseItem } from 'vant';
 
@@ -24,7 +24,7 @@ Vue.use(CollapseItem);
 </van-collapse>
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {
@@ -46,7 +46,7 @@ export default {
 </van-collapse>
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {
@@ -75,7 +75,7 @@ export default {
 </van-collapse>
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {

src/contact-card/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { ContactCard, ContactList, ContactEdit } from 'vant';
 
@@ -46,7 +46,7 @@ Vue.use(ContactEdit);
 </van-popup>
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {

src/contact-card/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { ContactCard, ContactList, ContactEdit } from 'vant';
 
@@ -50,7 +50,7 @@ Vue.use(ContactEdit);
 </van-popup>
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {

src/count-down/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { CountDown } from 'vant';
 

src/count-down/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { CountDown } from 'vant';
 

src/coupon-list/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { CouponCell, CouponList } from 'vant';
 

src/coupon-list/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { CouponCell, CouponList } from 'vant';
 

src/datetime-picker/README.md

@@ -6,7 +6,7 @@ Used to select time, support date and time dimensions, usually used with the [Po
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { DatetimePicker } from 'vant';
 

src/divider/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Divider } from 'vant';
 

src/divider/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Divider } from 'vant';
 

src/dropdown-menu/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { DropdownMenu, DropdownItem } from 'vant';
 

src/dropdown-menu/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { DropdownMenu, DropdownItem } from 'vant';
 

src/field/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Field } from 'vant';
 

src/field/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Field } from 'vant';
 

src/goods-action/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant';
 

src/goods-action/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant';
 

src/grid/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Grid, GridItem } from 'vant';
 

src/grid/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Grid, GridItem } from 'vant';
 

src/icon/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Icon } from 'vant';
 

src/icon/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Icon } from 'vant';
 

src/image/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Image } from 'vant';
 

src/image/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Image } from 'vant';
 

src/index-bar/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { IndexBar } from 'vant';
 

src/index-bar/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { IndexBar, IndexAnchor } from 'vant';
 

src/list/README.md

@@ -6,7 +6,7 @@ A list component to show items and control loading status.
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { List } from 'vant';
 

src/list/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { List } from 'vant';
 

src/loading/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Loading } from 'vant';
 

src/loading/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Loading } from 'vant';
 

src/nav-bar/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { NavBar } from 'vant';
 

src/nav-bar/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { NavBar } from 'vant';
 

src/notice-bar/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { NoticeBar } from 'vant';
 

src/notice-bar/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { NoticeBar } from 'vant';
 

src/notify/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Notify } from 'vant';
 

src/notify/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Notify } from 'vant';
 

src/number-keyboard/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { NumberKeyboard } from 'vant';
 

src/number-keyboard/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { NumberKeyboard } from 'vant';
 

src/overlay/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Overlay } from 'vant';
 

src/overlay/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Overlay } from 'vant';
 

src/pagination/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Pagination } from 'vant';
 

src/pagination/README.zh-CN.md

@@ -3,7 +3,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Pagination } from 'vant';
 

src/panel/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Panel } from 'vant';
 

src/panel/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Panel } from 'vant';
 

src/password-input/README.md

@@ -6,7 +6,7 @@ The PasswordInput component is usually used with [NumberKeyboard](#/en-US/number
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { PasswordInput, NumberKeyboard } from 'vant';
 

src/password-input/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { PasswordInput, NumberKeyboard } from 'vant';
 

src/picker/README.md

@@ -6,7 +6,7 @@ The Picker component is usually used with [Popup](#/en-US/popup) Component.
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Picker } from 'vant';
 

src/picker/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Picker } from 'vant';
 

src/popup/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Popup } from 'vant';
 

src/popup/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Popup } from 'vant';
 

src/progress/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Progress } from 'vant';
 

src/progress/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Progress } from 'vant';
 

src/pull-refresh/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { PullRefresh } from 'vant';
 

src/pull-refresh/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { PullRefresh } from 'vant';
 

src/radio/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { RadioGroup, Radio } from 'vant';
 

src/radio/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { RadioGroup, Radio } from 'vant';
 

src/rate/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Rate } from 'vant';
 

src/rate/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Rate } from 'vant';
 

src/search/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Search } from 'vant';
 

src/search/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Search } from 'vant';
 

src/sidebar/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Sidebar, SidebarItem } from 'vant';
 
@@ -22,7 +22,7 @@ Vue.use(SidebarItem);
 </van-sidebar>
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {

src/sidebar/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Sidebar, SidebarItem } from 'vant';
 
@@ -24,7 +24,7 @@ Vue.use(SidebarItem);
 </van-sidebar>
 ```
 
-``` javascript
+```js
 export default {
   data() {
     return {

src/skeleton/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Skeleton } from 'vant';
 

src/skeleton/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Skeleton } from 'vant';
 

src/slider/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Slider } from 'vant';
 

src/slider/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Slider } from 'vant';
 

src/stepper/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Stepper } from 'vant';
 

src/stepper/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Stepper } from 'vant';
 

src/steps/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Step, Steps } from 'vant';
 

src/steps/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Step, Steps } from 'vant';
 

src/sticky/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Sticky } from 'vant';
 

src/sticky/README.zh-CN.md

@@ -6,7 +6,7 @@ Sticky 组件与 CSS 中`position: sticky`属性实现的效果一致，当组
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { Sticky } from 'vant';
 

src/submit-bar/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { SubmitBar } from 'vant';
 

src/submit-bar/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { SubmitBar } from 'vant';
 

src/swipe-cell/README.md

@@ -2,7 +2,7 @@
 
 ### Install
 
-``` javascript
+```js
 import Vue from 'vue';
 import { SwipeCell } from 'vant';
 

src/swipe-cell/README.zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 引入
 
-``` javascript
+```js
 import Vue from 'vue';
 import { SwipeCell } from 'vant';