Giter Club home page Giter Club logo

tmui-snippets's Introduction

tmui-snippets

使用方式

tmapp tm-app
tm-button:large 大按钮
tm-button:normal 普通按钮
tm-button:small 小按钮
tm-button:mini 微型按钮
tm-button:outline 浅边框按钮
tm-button:outline:border 深边框按钮
tm-button:transprent 透明背景按钮
tm-button:block 全屏按钮
tm-button:icon 图标按钮
tm-button:disabled 禁用按钮
tm-button:loading 加载中按钮
tm-button 按钮
tm-button:linear:block 浅色按钮
tm-button:linear:dark 深色按钮
tm-button:linear:accent 渐变色按钮
tm-button:linear 自定义渐变背景
tm-icon 图标
tm-divider 间隔线
tm-text text文本
tm-text 颜色文本
tm-text tm-text
tm-text text一行省略文本
tm-text text两行省略文本
tm-text text长按复制文本
tm-sheet sheet容器
tm-avatar 头像
tm-avatar icon头像
tm-avatar 圆形icon头像
tm-avatar 文本状态头像
tm-avatar 状态头像
tm-avatar 边框头像
tm-avatar 文本头像
tm-avatar 自定义头像
tm-avatar:badge 角标头像
tm-qrcode 二维码
tm-badge:dot 红点微标
tm-badge:count 数字微标
tm-badge:text 文本微标
tm-badge:icon 图标微标
tm-card 卡片
tm-carousel 轮播
tm-collapse 折叠面板
tm-comment 评论
tm-comment:input 评论带回复框
tm-cell 单元格
tm-image 图片
tm-image:extra 扩展图片
tm-popover 气泡
tm-popover:menu 气泡菜单
tm-table 表格
tm-tabs 选项卡
tm-tag:xs 微型标签
tm-tag:s 小标签
tm-tag:m 中标签
tm-tag:n 大标签
tm-tag:g 巨型标签
tm-tag:closable 可关闭标签
tm-tag:closable:async 异步关闭
tm-tag:icon 图标标签
tm-tag 标签
tm-tag:outlined 浅边框
tm-tag:outlined 自定边框
tm-tag:border 圆角标签
tm-tag:loading 加载中标签
tm-tag:checkable 可选中标签
tm-timeline 时间轴
tm-virtual-list 虚拟列表
tm-waterfall 瀑布流
tm-checkbox:group 多选组
tm-checkbox 多选
tm-calendar 日历
tm-city-picker 城市选择
tm-form:demo 表单示例
tm-form 表单
tm-input:password 输入框隐藏内容
tm-input:auto 输入框自动增高
tm-input:suffix 输入框带单位
tm-input:search 输入框搜索
tm-input:prefix 输入框带图标
tm-input:color 输入框带颜色
tm-keyboard 键盘
tm-picker 选择器
tm-rate 评分
tm-radio 单选框
tm-radio:button 单选按钮
tm-stepper 步进器
tm-stepper:circular 步进器-圆形
tm-stepper:action 步进器-动作
tm-slider 滑块
tm-slider:between 滑块-区间
tm-switch:mini 开关-小
tm-switch:normal 开关-中
tm-switch:large 开关-大
tm-switch 开关
tm-switch:label 开关-文本
tm-switch:round 开关-方形
tm-switch:load 开关-加载中
tm-switch:disabled 开关-禁用
tm-switch:action 开关-异步
tm-time-picker 时间选择器
tm-upload 图片上传
tm-upload-file 文件上传
tm-weekbar 时间周
tm-time-between 时间范围选择器
tm-alert:shadow 警告提示-阴影
tm-alert:linear 警告提示-渐变
tm-alert:content:title 警告提示-抬头内容
tm-alert:content:icon 警告提示-图标
tm-alert:border 警告提示-边框
tm-alert:outlined 警告提示
tm-drawer 抽屉
tm-drag-list 列表拖拽排序
tm-modal:slot 对话框-插槽
tm-modal 对话框
tm-message 全局提示
tm-message:error 全局提示-错误
tm-message:warning 全局提示-警告
tm-message:quest 全局提示-疑问
tm-message:success 全局提示-成功
tm-message:disabled 全局提示-禁用
tm-message:wait 全局提示-等待
tm-message:loading 全局提示-加载中
tm-overlay 遮罩层
tm-progress 进度条
tm-spin 加载中
tm-slide-switch 左滑操作
tm-skeleton 骨架屏
tm-notification 通知提醒
tm-roll-notice 滚动消息通知
tm-action-menu 底部操作栏
tm-dropdown 下拉选项
tm-navbar 标题导航栏
tm-pagination 分页
tm-segtab 分段器
tm-steps 步骤条
tm-tabbar 底部导航
tm-filterMenu 下拉筛选
tm-side-menu 侧边栏导航
tm-codeinput 验证码输入框
tm-cropimg 图片裁剪
tm-float-button 悬浮按钮
tm-sticky 吸顶
tm-chart 百度图标
tm-sign-board 签名板
tm-barcode 条形码
tm-scrollx 横向滚动
tm-scrolly 纵向滚动
tm-watermark 水印
tm-html 富文本
tm-color-view 颜色选择器
tm-adsorb 吸附器
tm-fly-view 飞元素
tm-coupon 优惠券
tm-coupon:right:false 优惠券-不显示右侧
tm-coupon:pink 优惠券-红色
tm-coupon:slot:btn 优惠券-插槽
tm-coupon:disable 优惠券-禁用
tm-coupon:orange 优惠券-橙色
tm-coupon:linear 优惠券-渐变
tm-coupon:yellow 优惠券-黄色
tm-sku 商品属性选择

tmui-snippets's People

Contributors

laobei avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.