blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

docs: scroll to anchor (#2048)

Browse Source
This commit is contained in:
neverland 2019-09-18 17:14:59 +08:00 committed by GitHub
parent 12862bebbc
commit 2be1ab0ef1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
43 changed files with 67 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/markdown/quickstart.md
View File

@ -6,7 +6,7 @@
## 安装 ## 安装
### 步骤一. 通过 npm 安装 ### 步骤一 通过 npm 安装
```bash ```bash
# 通过 npm 安装 # 通过 npm 安装
@ -16,7 +16,7 @@ npm i vant-weapp -S --production
yarn add vant-weapp --production yarn add vant-weapp --production
``` ```
### 步骤二. 构建 npm 包 ### 步骤二 构建 npm 包
打开微信开发者工具，点击 **工具 -> 构建 npm**，并勾选 **使用 npm 模块** 选项，构建完成后，即可引入组件 打开微信开发者工具，点击 **工具 -> 构建 npm**，并勾选 **使用 npm 模块** 选项，构建完成后，即可引入组件

28
docs/src/index.js
View File

@ -8,7 +8,14 @@ Vue.use(VueRouter).use(VantDoc);
const router = new VueRouter({ const router = new VueRouter({
mode: 'hash', mode: 'hash',
routes: routes() routes: routes(),
scrollBehavior(to) {
if (to.hash) {
return { selector: to.hash };
}
return { x: 0, y: 0 };
}
}); });
const ua = navigator.userAgent.toLowerCase(); const ua = navigator.userAgent.toLowerCase();
@ -28,8 +35,21 @@ router.afterEach(() => {
Vue.config.productionTip = false; Vue.config.productionTip = false;
new Vue({ // eslint-disable-line new Vue({
el: '#app',
mounted() {
setTimeout(() => {
// wait page init
if (this.$route.hash) {
const el = document.querySelector(this.$route.hash);
if (el) {
el.scrollIntoView({
behavior: 'smooth'
});
}
}
}, 1000);
},
render: h => h(App), render: h => h(App),
router, router
el: '#app'
}); });

2
packages/action-sheet/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/area/README.md
View File

@ -6,7 +6,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/button/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/card/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/cell/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/checkbox/README.md
View File

@ -1,7 +1,7 @@
# Checkbox 复选框 # Checkbox 复选框
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/circle/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/col/README.md
View File

@ -6,7 +6,7 @@ Layout 提供了`van-row`和`van-col`两个组件来进行行列布局
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/collapse/README.md
View File

@ -1,7 +1,7 @@
# Collapse 折叠面板 # Collapse 折叠面板
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/datetime-picker/README.md
View File

@ -6,7 +6,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/dialog/README.md
View File

@ -8,7 +8,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/field/README.md
View File

@ -6,7 +6,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/goods-action/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/grid/README.md
View File

@ -6,7 +6,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/icon/README.md
View File

@ -6,7 +6,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/loading/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/nav-bar/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/notice-bar/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/notify/README.md
View File

@ -1,7 +1,7 @@
# Notify 消息提示 # Notify 消息提示
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/overlay/README.md
View File

@ -6,7 +6,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/panel/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/picker/README.md
View File

@ -5,7 +5,7 @@
选择器组件通常与 [弹出层](#/popup) 组件配合使用 选择器组件通常与 [弹出层](#/popup) 组件配合使用
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/popup/README.md
View File

@ -6,7 +6,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/progress/README.md
View File

@ -1,7 +1,7 @@
# Progress 进度条 # Progress 进度条
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/radio/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/rate/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/search/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/sidebar/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/slider/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/stepper/README.md
View File

@ -6,7 +6,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/steps/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/sticky/README.md
View File

@ -6,7 +6,7 @@ Sticky 组件与 CSS 中`position: sticky`属性实现的效果一致，当组
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/submit-bar/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/swipe-cell/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/switch/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/tab/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/tabbar/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/tag/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/toast/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/transition/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {

2
packages/tree-select/README.md
View File

@ -2,7 +2,7 @@
### 引入 ### 引入
在`app.json`或`index.json`中引入组件，默认为`ES6`版本，`ES5`引入方式参见[快速上手](#/quickstart) 在`app.json`或`index.json`中引入组件，详细介绍见[快速上手](#/quickstart#yin-ru-zu-jian)
```json ```json
"usingComponents": { "usingComponents": {