Skip to content

uniapp项目 - 实现一些常用效果、封装通用组件和工具类

License

Notifications You must be signed in to change notification settings

iotjin/jh-uniapp-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jh-uniapp-demo

A new uniapp project - 实现一些常用效果、封装通用组件和工具类

代码不定期更新


项目结构

├── common
│   ├── configs
│   ├── libs
│   ├── style
│   └── utils
├── components
├── dataManager
│   └── userDataManager.js
├── http
│   ├── apiConfig.js
│   └── httpUtils.js
├── hybrid
│   └── html
├── node_modules
│   └── uview-ui
├── pages
│   ├── index
│   ├── login
│   ├── module1
│   ├── module2
│   ├── module3
│   └── module4
├── platforms
│   └── app-plus
├── static
│   ├── fonts
│   ├── images
├── uni_modules
├── unpackage
├── wxcomponents
│   └── vant
├── App.vue
├── main.js
├── manifest.json
├── package-lock.json
├── package.json
├── pages.json
├── uni.scss

实现的一些效果

  • 三方通用组件:uni组件(在 uni_modules 文件夹)和uView组件(npm 安装,在 node_modules 文件夹),图表使用的lime-echart,刷新使用的mescroll-univant 只在小程序使用
  • ListView 相关
  • GridView 相关
  • ECharts 相关(多图表异步加载、渐变折线图、折线柱状图混合图表)
  • uni 网络请求封装和 api 配置
  • AES、RSA加解密,SHA256、MD5加密,base64编码解码
  • 数据缓存
  • 全局常量、变量
  • 公共样式
  • 基类组件: base-navbar、base-refresh-view
  • 网络监听,设备类型和刘海屏判断
  • 时间格式转换、正则校验、
  • 封装一些组件(在 components 文件夹)和工具类(在 utils 文件夹)


预览

部分页面效果如下: