@tjdata/swan-ui
v1.0.75
Published
swan-ui
Downloads
13
Readme
说明
swan UI,是uni-app生态优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水
特性
- 兼容安卓,iOS,微信小程序,H5,QQ小程序,百度小程序,支付宝小程序,头条小程序
- 60+精选组件,功能丰富,多端兼容,让您快速集成,开箱即用
- 众多贴心的JS利器,让您飞镖在手,召之即来,百步穿杨
- 众多的常用页面和布局,让您专注逻辑,事半功倍
- 详尽的文档支持,现代化的演示效果
- 按需引入,精简打包体积
安装
npm i @tjdata/swan-ui
快速上手
main.js
引入swanUI库
// main.js
import swanUi from '@tjdata/swan-ui';
Vue.use(swanUi);
App.vue
引入基础样式(注意style标签需声明scss属性支持)
/* App.vue */
<style lang="scss">
@import "@tjdata/swan-ui/index.scss";
</style>
uni.scss
引入全局scss变量文件
/* uni.scss */
@import "@tjdata/swan-ui/theme.scss";
pages.json
配置easycom规则(按需引入)
// pages.json
{
"easycom": {
// npm安装的方式不需要前面的"@/",下载安装的方式需要"@/"
// npm安装方式
"^s-(.*)": "@tjdata/swan-ui/components/s-$1/s-$1.vue"
// 下载安装方式
// "^s-(.*)": "@/swan-ui/components/s-$1/s-$1.vue"
},
// 此为本身已有的内容
"pages": [
// ......
]
}
使用方法
配置easycom规则后,自动按需引入,无需import
组件,直接引用即可。
<template>
<s-button text="按钮"></s-button>
</template>
版本发布流程
切换到swan-ui
目录下,运行npm run pub
版本更新
1.0.8
- 步骤条组件新增点击事件
- 上传组件新增可同时上传图片和视频功能
1.0.33
1、修复s-datetime-picker组件修改value后日期不变动问题
2、文书日期选择器将其转化为日期s-datetime-picker组件
1.0.36
1、点击问答模板后触发自定义点击事件
1.0.37
1、添加控制是否显示模板功能
1.0.38
1、修复问答模块添加问答后数据消失问题
1.0.40
1、文书数据模式组件日期组件添加自动获取当前最新时间功能
1.0.41
1、doc-select组件中的金额支持转大写
1.0.42
1、问答模块新增问题添加文字提示
1.0.43
1、问答模块输入框修改为自动增加高度功能
1.0.44
1、修复icon图标不显示问题
1.0.46
1、隐藏语音输入
1.0.47
1、修复输入框自动增高问题
1.0.48
1、还原之前的输入框
1.0.52
1、修改flex容器,添加gap属性