适用于 Vue 的综合库(未编译)
changelog
- @0.1.2-dev PB优化,针对某些嵌套返回数据流做转字符串操作
- @0.0.39-dev PB的编码解码方法剥离出来方便给其他场景使用
- @0.0.37-dev 完善 useAxios 对一些接口数据污染的清理,以及加入单元测试确保可靠性
- @0.0.35-dev 一些兼容性问题
- @0.0.30-dev 修复下拉刷新个别设备会有几像素偏差导致无法下拉,增加兼容范围
- @0.0.28-dev 修复modal 关闭后遮罩问题跟actionsheet 地区选择器变更默认值出现的问题
- @0.0.27-dev 修复部分组件1像素问题
- @0.0.26-dev 修复一些弹出层mask会影响其他布局的问题
- @0.0.24-dev 新增 resp/actionsheet/list,base,regions 上滑抽屉、地区选择
- @0.0.23-dev 新增 input/LimitText 限制字数文本框
- @0.0.22-dev 新增 upload/snapshot 截图上传组件
- @0.0.21-dev 演示地址改为 http://linyupark.github.io/projects/storybook-crh-vue/
- @0.0.20-dev list/nav 列表滚动定位导航
- @0.0.19-dev 带弹出的遮罩zIndex可设置并避免滑动穿透
- @0.0.18-dev input/tag 标签管理(仿微信)
- @0.0.16-dev input/base/search || index 基础输入框 || 搜索框
- @0.0.11-dev filter/tags 支持多个分组
- @0.0.10-dev list/refresh, list/loadByScroll 增加下拉刷新跟上拉加载
- @0.0.9-dev filter/dropdown 增加选择框跟遮罩层的样式微调
- @0.0.8-dev 新增 resp/modal 提示跟确认弹框
- @0.0.7-dev 新增 list/slide 可滑动操作的列表单元
- @0.0.6-dev 新增 filter/tags 可作为 filterDropdown 中的标签选择筛选
- @0.0.4-debug 新增 List , ListItem, FilterDropdown 组件
包含
-
functions
各类工具函数 -
sass
常用全局样式 - 其他 UI 组件,在线演示地址:http://linyupark.github.io/projects/storybook-crh-vue/
使用注意点
因为是未编译版,因此编译工具需要将 node_modules/@crh/vue
目录设置为可引入编译的目录
/** 这里举例脚本 */
module: {
rules: [
{
test: /\.(js|ts|jsx)?$/,
include: [path.resolve(__dirname, 'node_modules/@crh/vue'), ...],
exclude: [/node_modules/],
use: [
{
loader: 'babel-loader'
}
]
},
]
}
一些组件使用到了样式函数,因此需要引入 sass/var.scss
/** 加入 scss 支持 */
config.module.rules.push({
test: /\.scss$/,
include: path.resolve(__dirname, '../packages'),
use: [
'style-loader',
{
loader: 'css-loader',
options: {
importLoaders: 2
}
},
{
loader: 'postcss-loader'
},
{
loader: 'sass-loader',
options: {
data: `
@import "~@crh/vue/sass/var.scss";
`
}
}
]
});