组件目录结构详细说明

1. 模块结构

  z-view-ui
    ├── uniCloud                           插件内的uniCloud内容会被虚拟合并到项目根目录的uniCloud中（注意：插件内的uniCloud目录，没有-aliyun,-tcb后缀）
    ├── components                         符合vue组件规范的uni-app组件目录，支持easycom规范
    ├── hybrid                             存放本地网页的目录，详见
    ├── pages                              业务页面文件存放的目录 
    ├── static                             存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
    ├── wxcomponents                       存放小程序组件的目录，详见
    ├── license.md                         插件使用协议说明
    ├── package.json                       插件配置，必选(除此之外均`可选`)                          
    ├── readme.md                          插件文档
    ├── changelog.md                       插件更新日志
    ├── menu.json                          如果是uniCloud admin插件，可以通过menu.json注册动态菜单，详见 menu.json 配置

2. 组件components 内部结构

  components
    │ 
    ├─z-action-sheet  底部选择面板
    │     └─ z-action-sheet.vue
    │ 
    ├─z-avatar  头像
    │     └─ z-avatar.vue
    │
    ├─z-badge  角标
    │     └─ z-badge.vue
    │    
    ├─z-biometrics 生物认证
    │     └─ z-biometrics.vue
    │      
    ├─z-button  按钮组件
    │     └─ z-button.vue
    │      
    ├─z-calendar 日历组件
    │    ├─  calendar-item.vue
    │    ├─  calendar.js
    │    ├─  util.js
    │    └─  z-calendar.vue
    │      
    ├─z-chat    聊天室组件
    │    └─  z-chat.vue 
    │      
    │      
    ├─z-count-down  倒计时组件
    │     └─ z-count-down.vue 
    │      
    ├─z-count-to  数字滚动
    │     └─ z-count-to.vue 
    │
    ├─z-diamond  菱形，梯形组件
    │     └─ z-diamond.vue  
    │
    ├─z-dropdown  下拉菜单
    │     └─ z-dropdown.vue   
    │
    ├─z-dropdown-item  下拉菜单子项
    │     └─ z-dropdown-item.vue  
    │ 
    ├─z-flip-clock  时间翻牌组件
    │     ├─ flipper.vue
    │     └─ z-flip-clock.vue 
    │        
    ├─z-icon  icon组件
    │     └─ z-icon.vue
    │
    ├─z-icon-mode  图标变色组件
    │     └─ z-icon-mode.vue 
    │
    ├─z-icon-shadow  图标变色组件
    │     └─ z-icon-shadow.vue
    │
    ├─z-image-cube 图片魔方
    │     └─ z-image-cube.vue
    │      
    ├─z-increase  自增自减计数器
    │     └─ z-increase.vue
    │      
    ├─z-keyboard  键盘 组件
    │     ├─ car-keyboard.vue
    │     ├─ number-keyboard.vue
    │     └─ z-keyboard.vue
    │
    ├─z-kline  K线图组件
    │     └─ z-kline.vue
    │   
    ├─z-line-title  标题左右是图片
    │     └─ z-line-title.vue
    │      
    ├─z-link-list  链接列表
    │     └─ z-link-list.vue
    │      
    ├─z-loading   加载中组件
    │     └─ z-loading.vue
    │      
    ├─z-luckdraw   九宫格抽奖
    │     └─ z-luckdraw.vue
    │
    ├─z-meter  环形进度条
    │     └─ z-meter.vue
    │   
    ├─z-mverify   右滑验证
    │     ├─ iconfont.css
    │     ├─ README.md
    │     └─ z-mverify.vue
    │         
    ├─z-navbar  自定义导航栏
    │    └─  z-navbar.vue
    │      
    ├─z-no-data  暂无数据
    │     └─ z-no-data.vue
    │      
    ├─z-notice-bar  滚动公告
    │     └─ z-notice-bar.vue
    │      
    ├─z-notice-column  上下滚动
    │     └─ z-notice-column.vue
    │      
    ├─z-notice-row  左右滚动
    │     └─ z-notice-row.vue
    │      
    ├─z-numeral 将数字转换成其他类型
    │     └─ z-numeral.vue
    │      
    ├─z-parse  富文本组件
    ├─  z-parse.vue
    │     └─libs
    │        ├─   config.js
    │        ├─   CssHandler.js
    │        ├─   handler.wxs
    │        ├─   MpHtmlParser.js
    │       └─   trees.vue
    │          
    ├─z-payitem   6格数字支付密码
    │     └─ z-payitem.vue
    │      
    ├─z-payment  带键盘支付
    │     └─ z-payment.vue
    │      
    ├─z-popup  弹框
    │    ├─  message.js
    │    ├─  popup-dialog.vue
    │    ├─  popup-message.vue
    │    ├─  popup-share.vue
    │    ├─  popup.js
    │    └─  z-popup.vue
    │      
    │      
    ├─z-progress  线型进度条
    │      └─z-progress.vue
    │      
    ├─z-qrcode  二维码
    │     ├─ uqrcode.js
    │     └─ z-qrcode.vue
    │      
    ├─z-read-more  阅读更多
    │     └─ z-read-more.vue
    │      
    ├─z-rolling   滚动盒子
    │     └─ z-rolling.vue
    │      
    ├─z-semi-circle  半圆弧
    │     └─ z-semi-circle.vue
    │      
    ├─z-skeleton  骨架屏
    │     └─ z-skeleton.vue
    │      
    ├─z-slide-navigation   滑动导航
    │     └─ z-slide-navigation.vue
    │      
    ├─z-square  正方形
    │     └─ z-square.vue
    │      
    ├─z-sticky  吸顶
    │     └─ z-sticky.vue
    │
    ├─z-swipe-action  左右滑动抽屉
    │     └─ z-swipe-action.vue
    │
    ├─z-switch  开关选择器
    │    └─  z-switch.vue
    │ 
    ├─z-tabbar  底部导航栏
    │    └─ z-tabbar.vue
    │
    ├─z-tabs  标签栏
    │     └─ z-tabs.vue
    │
    ├─z-tabs-panel  标签栏内容
    │     └─ z-tabs-panel.vue
    │      
    ├─z-textarea  导航文本
    │     └─ z-textarea.vue
    │      
    ├─z-text-gradient  字体渐变
    │     └─ z-text-gradient.vue
    │      
    ├─z-theme  主题切换
    │     └─ z-theme-box.vue
    │      
    ├─z-time-str  时间戳格式化
    │     └─ z-time-str.vue
    │      
    ├─z-transition   过渡组件
    │     └─ z-transition.vue
    │      
    ├─z-unscrollbar  隐藏滚动条
    │     └─ z-unscrollbar.vue
    │      
    └─z-waterfall  瀑布流
         └─  z-waterfall.vue  

3. utils 结构详情

  utils
    ├─ color.js
    ├─ colorGradient.js
    ├─ file.js
    ├─ guid.js
    ├─ hex2str.js
    ├─ md5.js
    ├─ prototype.js
    ├─ queryParams.js
    ├─ random.js
    ├─ randomArray.js
    ├─ route.js
    ├─ test.js
    ├─ timeFrom.js
    ├─ toast.js
    └─ type2icon.js   

组件props传值

• 能用var样式变量的就不用js处理

备忘录

• IOS苹果 自定义吸顶组件嵌套多层，底层组件最外层元素样式丢失，需要在页面重新定义样式，很奇怪的是绝对定位没事