Skip to content
component for Modal and Toast base on wepy
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
screenshot
src
.eslintrc.js
.gitignore
README.md
package-lock.json
package.json
project.config.json
wepy.config.js

README.md

同类组件

可搜索可快捷导航的省市区地址选择器

自定义状态系统导航栏,可监听返回事件

如何查看demo

1.直接使用开发者打包文件:

下载dist文件夹,用微信开发工具打开

2.自行编译

  npm install
  npm run build

然后将dist文件夹用微信开发工具打开

关于iviewer

主组件:iviewer.wpy

辅助组件:iviewerHelper.js

组件iviewer写的仓促,所以就写个iviewerHelper作为辅助工具实现哈

如何使用iviewer

首先强调的是,data保留__wepy_iviewer_settings作为iviewerHelper传递参数

1.使用页面需引入组件:

          <iviewer :config.sync="__wepy_iviewer_settings"></iviewer>

2.页面需配置data:

          '__wepy_iviewer_settings': {}

3.注意:使用必须传入this

效果如下:

我也不清楚怎么描述,大家看demo。应该都看的懂,下面简单描述一下iviewer参数

type:
["modal","toast"]
icon:
["OK","ERR","LOAD","NONE"]
title:
显示标题 String
content:
补充说明 String
autoClose:
自动关闭 Boolean
timer:
倒计时 Number 【autoClose为true时有效】
confirmText:
确认文本 String
cancelText:
取消文本 String
touchCancel:
允许触摸关闭弹窗 Boolean【iviewerHelper中loading默认关闭触摸弹窗,需在数据加载完手动关闭】
You can’t perform that action at this time.