Features

• back-top 组件提供以下方法

| 参数 | 说明 | 类型 | 默认值 | |-----------------------|-------------|-----------------|-----| | duration | 动画执行的时间(ms) | number | 500 | | visibilityHeight | 指定高度出现按钮 | numbe｜string | 200 | | image | 自定义图片 | string | - | | right | 按钮距离右侧的距离 | numbe｜string | 35 | | bottom | 按钮距离底部的距离 | numbe｜string | 40 | | onClick | 按钮点击时间 | function｜string | - |

• empty 组件提供以下方法

| 参数 | 说明 | 类型 | 默认值 | |-----------------------|------------------|-------|-----| | image | 图片地址(http｜https) | string | - |

• utils 组件提供以下方法

| 参数 | 说明 | 类型 | 默认值 | |----------------------------|-------------------------------|-----------|-----------| | getQueryString | 获取浏览器指定参数(name: string) | string | |

Install

Using npm to install:

# install latest BasicFrame for Vue 3 project

npm i basic-frame

# 不支持vue2

Using yarn or pnpm:

# with yarn
yarn add basic-frame

# with pnpm
pnpm add basic-frame

快速开始

import { createApp } from 'basic-frame';
// 1. Import the components you need
import { BackTop } from 'basic-frame';
// 2. Import the components style
import 'basic-frame/lib/index.css';

const app = createApp();

// 3. Register the components you need
app.use(BackTop);

浏览器支持

Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).

子包生态系统

| Project | Description | |-----------------------------------------------------------------------------------------|-------------| | basic-frame/utils | 提供一些公共方式使用 | | basic-frame/back-top | 返回顶部小组件 | | basic-frame/empty | 空内容小组件 |

关联相关ui库

| Project | Description | |----------------------------------------------------------------------------|-----------------------------------------------------------------| | vant | vue3 移动端ui框架 |

投稿指南

在mobile-h5项目下packages 中进行相关组件添加/修改

LICENSE

MIT