ColorUI使用帮助

<view class="text-center">文字居中</view>
<view class="text-left">文字居左</view>
<view class="text-green">绿色文字</view>
<view class="bg-green">绿色背景</view>
<view class="radius">圆角</view>
<view class="round">圆形</view>
<view class="shadow">边框外增加阴影效果</view>
<view class="solid">边框</view>
<view class="text-shadow">文字阴影</view>
<view class="text-cut">文字如果太长则显示为省略号...</view>
<view class="margin">外边距</view>
<view class="padding">内边距</view>
<button class="cu-btn">按钮</button>
<button class="cu-btn lg">大号按钮</button>
<button class="cu-btn block lg">width很长的大号按钮，单独占一行</button>
<text class="cu-btn line-orange">带橙色边框的按钮</text>
<view class="cu-btn icon">带icon的按钮<text class="cuIcon-emojifill"></text>
</view><view class="cu-list grid col-5"><view class="cu-item">九宫格容器，每5列换行</view>
</view><view class="cu-list menu card-menu"><view class="cu-item arrow"><view class="content">列表容器</view></view><view class="cu-item arrow"><view class="content">列表容器</view></view>
</view><view class="cu-bar">一条width为屏幕100%的view容器，里面子元素也是横着排列的
</view><view class="cu-bar tabbar shop"><view class="action"></view><view class="action"></view><view class="action"></view><view class="bg-red submit"> 购物页面常用的底部操作条 </view>
</view><view class="cu-bar btn-group"><view class="cu-btn"> 带按钮的cu-bar </view><view class="cu-btn"> 带多个按钮的cu-bar </view>
</view><view class="cu-bar input foot"><input> 带输入框的cu-bar </input>
</view><view class="cu-bar search"><view class="search-form round"><text class="cuIcon-search"></text><input placeholder="搜索框" type="text">搜索框</input></view><view class="action"><button class="cu-btn">搜索框右边按钮</button></view><view class="action"><text class="cuIcon-close"></text><text>清空搜索框按钮</text></view>
</view>

ColorUI使用帮助相关推荐

里面使用轮播_小程序ColorUI框架初步使用教程及个人项目实战
小程序ColorUI框架初步使用教程及个人项目实战最近在写自己的一个微信小程序项目<阿涛技术博客>,目前还在写前端小程序部分,之前我有用过小Weiui,Linui等微信小程序UI框架,在 ...
项目基于vue-uniapp，使用colorUi与uview框架，完美支持微信小程序
介绍: 项目说明项目基于Vue-uniApp,使用colorUi与uview框架,部分Demo参考uniApp插件市场等,感谢各位作者- 项目包含功能 (部分): 自定义视频插件自定义TabBar ...
小程序接入h5页面_微信小程序开发接入colorUI
本文接前天的小程序开发第一篇文章,上篇文章完成了微信官方提供的小程序初始模板代码的构建,今天这篇文章主要讲解小程序使用colorUI框架,并构建一个简单的页面. 前注: 1.本文代码基于第一篇文章的基 ...
colorUI框架使用教程
最近在帮别人做一个小程序,问起熟悉小程序的同伴们用什么UI框架比较好,在网上也又搜了一遍,感觉这个突然出现的ColorUI很有意思,也很精美,于是乎就试了一下,这里说一下自己初次使用所遇到的坑与感想: ...
微信小程序组件库——colorUI 的使用方法
ColorUI界面精美,使用方法简单,只需将ColorUI的代码片段复制到你的小程序中即可,方便自己定制. 下面是ColorUI官方的小程序,可以在手机上先预览实际效果官方网站:https://ww ...
uniapp如何引入colorUI
color UI 使用文档 https://www.kancloud.cn/m22543/colorui/1289227 Uni-app中引入第三方ColorUI 1.去colorui官网下载colo ...
微信小程序踩坑记——ColorUI组件的使用
微信小程序踩坑记--组件的使用组件类型 ColorUI Vant weapp ColorUI 首先贴上官网链接:官网链接,GitHub链接简介 ColorUI是一个css库!!!在你引入样式后可以 ...
微信小程序入门ColorUI组件库使用方法
自学入门小程序不久,在对比现在主流的组件库后,笔者我选择了ColorUI,因为ColorUI界面精美,使用方法简单,只需将ColorUI的代码片段复制到你的小程序中即可,还方便自己定制. 下面是Col ...
uni-app开发小程序并运行起来(使用ColorUI)
uni-app开发小程序步骤详解最近接到一个项目开发一个小程序主要是早教的培训机构使用打算用uni-app来开发小程序到时候打包成小程序就可以了主要是用uni-app配合colorui使用 ...
小程序组件库ColorUI的使用，一键复制粘贴
在开发uniapp的时候,最佳的ui框架就是ColorUI,ColorUI是一个Css类的UI组件库!不是一个Js框架.相比于同类小程序组件库,ColorUI更注重于视觉交互! 颜值很高,注重颜值的程 ...

ColorUI使用帮助

ColorUI使用帮助

ColorUI使用帮助相关推荐

最新文章

热门文章