Chameleon
快速上手 框架 组件 API 高级使用 教程 FAQ 更新记录
  • 介绍
  • 快速上手
    • cml 迁移指南
      • 微信小程序项目迁移 chameleon 指引
      • web 项目迁移 chameleon 指引
      • weex 项目迁移 chameleon 指引
    • 快速接入字节跳动小程序
    • 快速接入快应用
  • 框架
    • 脚手架工具
    • 目录结构
    • 视图层
      • CMSS
        • 样式使用
        • 布局
        • 盒模型
        • 文本
        • 单位
        • 颜色
        • 样式多态
        • 一致性基础样式
        • 只跨 web 和小程序的应用
      • CML-标准语法
        • 数据绑定
        • 条件渲染
        • 列表渲染
        • 事件
        • 动态组件
        • 指令
      • CML-类 vue 语法
        • 数据绑定
        • 条件渲染
        • 列表渲染
        • 事件
        • 动态组件
        • 指令
        • 样式语法规范
      • 基础组件
    • 逻辑层
      • 响应式数据绑定系统
      • 生命周期
      • 计算属性 computed
      • 侦听属性 watch
      • API
      • 数据管理
        • 开始
        • state
        • getters
        • mutation
        • action
        • 子模块
        • 目录结构
    • 自定义组件
      • 组件模板和样式
      • 组件 VM
    • 配置
      • 组件配置
      • 路由配置
      • 工程配置
      • 终端列表
  • 组件
    • 内置组件
      • 基础内容
        • view
        • cover-view
        • text
        • rich-text
        • page
        • block
        • cell
      • 布局容器
        • scroller
        • list
        • container
        • row
        • col
        • carousel
        • carousel-item
        • refresh-view
      • 表单组件
        • button
        • input
        • textarea
        • switch
        • radio
        • checkbox
      • 媒体组件
        • image
        • video
        • audio
    • 扩展组件
      • c-toast
      • c-loading
      • c-dialog
      • c-popup
      • c-tip
      • c-actionsheet
      • c-tab
      • c-picker
      • c-picker-panel
      • c-picker-item
      • c-checkbox-group
      • c-radio-group
      • c-tabbar
  • API
    • 运行时相关
      • export&import
      • @import
      • require
    • 网络请求
      • cml.get
      • cml.post
      • cml.request
    • 路由导航
      • cml.navigateTo
      • cml.redirectTo
      • cml.navigateBack
    • 数据存储
      • cml.setStorage
      • cml.getStorage
      • cml.removeStorage
    • 地理位置
      • cml.getLocationInfo
    • 系统信息
      • cml.getSystemInfo
    • 启动参数
      • cml.getLaunchOptionsSync
    • 元素属性
      • cml.getRect
    • 单位转换
      • cml.px2cpx
      • cml.cpx2px
    • 交互反馈
      • cml.showToast
      • cml.alert
      • cml.confirm
    • 设置 title
      • cml.setTitle
    • 打开/关闭应用页面
      • cml.open
      • cml.close
    • 获取照片
      • cml.chooseImage
    • 剪贴板
      • cml.setClipBoardData
      • cml.getClipBoardData
    • WebSocket
      • cml.initSocket
    • 计时器
      • setTimeout
      • clearTimeout
      • setInterval
      • clearInterval
    • canIUse
    • 异步流程控制
      • Promise
      • async，await
    • 异常和错误处理
      • promise.then().catch
      • try catch
    • 动画关键帧
      • requestAnimationFrame
      • cancelAnimationFrame
    • 动画
      • cml.createAnimation
      • Animation
        • .step
        • .rotate
        • .rotateX
        • .rotateY
        • .rotateZ
        • .scale
        • .scaleX
        • .scaleY
        • .translate
        • .translateX
        • .translateY
        • .opacity
        • .backgroundColor
        • .width
        • .height
        • .export
    • Store
      • Store.createStore
      • Store.commit
      • Store.dispatch
      • Store.mapState
      • Store.mapGetters
      • Store.mapMutations
      • Store.mapActions
      • Store.registerModule
    • Audio
  • 高级使用
    • 多态协议
      • 接口多态
      • 组件多态
      • 模板多态
    • 工程化
      • 数据 mock
      • api 多域名 mock
      • 资源定位
      • 文件指纹
      • 代码压缩
      • 热更新与自动刷新
      • 代理调试
      • Chameleon URL
      • 规范与校验
        • 接口语法校验
        • 全局变量校验
        • 代码规范校验
          • 核心文件校验
          • CML 文件规范校验
            • interface 规范
          • 模板规范校验
          • 脚本规范校验
          • 样式规范校验
          • 配置规范校验
    • 导入与导出
      • 渐进式接入
        • webpack 集成
        • 组件导出应用
      • Web 框架
        • Web 组件接入
      • Weex 框架
        • Weex 组件接入
      • 微信小程序框架
        • 小程序组件接入
      • 支付宝小程序框架
        • 小程序组件接入
      • 百度小程序框架
        • 小程序组件接入
    • Native 渲染能力接入
      • Chameleon SDK 接入
        • iOS
          • Module 的使用
          • 预加载和缓存
        • Android
          • Module 的使用
          • Adapter 的使用
          • 预加载和缓存
        • SDK 独有方法
      • 端 JS 包资源缓存、更新和预加载
    • 跨端标准协议
      • 操作教程
      • 实现框架
        • 逻辑对象标准
        • 组件化标准
        • 事件标准
        • 状态管理标准
      • 实现接口
        • 接口多态扩展
      • 实现组件
        • 组件多态扩展
      • 实现编译
        • 扩展新端编译手册
        • CML 模板语言标准
  • 教程
    • API 扩展
    • 多态组件扩展
    • 手势拖拽效果
    • 工程化实例
    • 普通项目使用跨端组件
    • webpack 集成 chameleon
    • Android Chameleon SDK
    • iOS Chameleon SDK
    • 为什么用多态协议
    • 编辑器插件
    • 上线指南
    • 使用分包
    • 快速接入字节跳动小程序
    • 快速接入快应用
    • 组件实例
      • view
      • text
      • page
      • cell
      • scroller
      • list
      • container
      • row
      • col
      • button
      • input
      • textarea
      • switch
      • radio
      • checkbox
      • image
      • video
      • animation
      • c-toast
      • c-dialog
      • c-popup
      • c-tip
      • c-loading
      • c-actionsheet
      • c-picker
      • c-picker-panel
      • c-picker-item
      • c-checkbox-group
      • c-radio-group
      • c-tab
      • c-tabbar
  • FAQ
  • 更新记录
  • Published with GitBook

组件实例

  • Chameleon 组件实例

Chameleon 组件实例

  • view
  • text
  • cell
  • page
  • scroller
  • list
  • button
  • input
  • textarea
  • switch
  • radio
  • checkbox
  • image
  • video
  • c-animation
  • c-picker-panel
  • c-picker-item
  • c-toast
  • c-dialog
  • c-popup
  • c-tip
  • c-loading
  • c-actionsheet
  • c-picker
  • c-checkbox-group
  • c-radio-group
  • c-tab
  • row
  • col
  • container

results matching ""

    No results matching ""