mirror of
https://github.com/weilanwl/coloruicss.git
synced 2026-06-08 15:23:17 +08:00
v2.0.6
1.修复行距带来的垂直不居中问题 2.优化操作条组件,新增多种样式 3.优化背景颜色(某些组件的默认背景调整,移除一些important) 4.更新动画扩展5.优化按钮,标签,头像的大小
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-bar fixed bg-gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
|
||||
<text class='icon-back'></text> 按钮
|
||||
</navigator>
|
||||
@@ -9,34 +9,34 @@
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar">
|
||||
<view class="cu-bar bg-white solid-bottom">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-blue'></text>按钮形状
|
||||
</view>
|
||||
</view>
|
||||
<view class="padding flex flex-wrap justify-between align-center">
|
||||
<view class="padding flex flex-wrap justify-between align-center bg-white">
|
||||
<button class='cu-btn'>默认</button>
|
||||
<button class='cu-btn round'>圆角</button>
|
||||
<button class='cu-btn icon'>
|
||||
<text class='icon-emojifill'></text>
|
||||
</button>
|
||||
</view>
|
||||
<view class="cu-bar margin-top ">
|
||||
<view class="cu-bar margin-top bg-white solid-bottom">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-blue'></text>按钮尺寸
|
||||
</view>
|
||||
</view>
|
||||
<view class="padding flex flex-wrap justify-between align-center">
|
||||
<view class="padding flex flex-wrap justify-between align-center bg-white">
|
||||
<button class='cu-btn round sm'>小尺寸</button>
|
||||
<button class='cu-btn round'>默认</button>
|
||||
<button class='cu-btn round lg'>大尺寸</button>
|
||||
</view>
|
||||
<view class="cu-bar margin-top ">
|
||||
<view class="cu-bar margin-top bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-blue'></text>按钮颜色
|
||||
</view>
|
||||
<view class='action'>
|
||||
<text class='text-df'>阴影</text>
|
||||
<text class='text-df margin-right-sm'>阴影</text>
|
||||
<switch class='sm' bindchange='SetShadow'></switch>
|
||||
</view>
|
||||
</view>
|
||||
@@ -45,7 +45,7 @@
|
||||
<button class='cu-btn round bg-{{item.name}} {{shadow?"shadow":""}}'>{{item.title}}</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar margin-top ">
|
||||
<view class="cu-bar margin-top bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-blue'></text>镂空按钮
|
||||
</view>
|
||||
@@ -63,11 +63,11 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class='grid col-5 padding-sm'>
|
||||
<view class='margin-tb-sm text-center' wx:for="{{ColorList}}">
|
||||
<view class='margin-tb-sm text-center' wx:for="{{ColorList}}" wx:key>
|
||||
<button class='cu-btn round line{{bordersize?bordersize:""}}-{{item.name}} {{shadow?"shadow":""}}'>{{item.title}}</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar margin-top ">
|
||||
<view class="cu-bar margin-top bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-blue'></text>块状按钮
|
||||
</view>
|
||||
@@ -76,7 +76,7 @@
|
||||
<button class='cu-btn bg-grey lg'>玄灰</button>
|
||||
<button class='cu-btn bg-red margin-tb-sm lg'>嫣红</button>
|
||||
</view>
|
||||
<view class="cu-bar margin-top ">
|
||||
<view class="cu-bar margin-top bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-blue'></text>无效状态
|
||||
</view>
|
||||
@@ -85,7 +85,7 @@
|
||||
<button class='cu-btn block bg-blue margin-tb-sm lg' disabled type=''>无效状态</button>
|
||||
<button class='cu-btn block line-blue margin-tb-sm lg' disabled>无效状态</button>
|
||||
</view>
|
||||
<view class="cu-bar margin-top ">
|
||||
<view class="cu-bar margin-top bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-blue'></text>按钮加图标
|
||||
</view>
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-bar fixed bg-gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
|
||||
<text class='icon-back'></text> 按钮 / 设计
|
||||
</navigator>
|
||||
@@ -9,7 +9,7 @@
|
||||
<view class="box bg-white text-center radius {{block?'flex-direction':''}}">
|
||||
<button class='cu-btn {{border?"line":"bg"}}{{bordersize?bordersize:""}}-{{color}} {{round?"round":""}} {{size}} {{shadow?"shadow":""}} {{block?"block":""}}'>我是一个按钮</button>
|
||||
</view>
|
||||
<view class='padding text-center'> class="<text wx:if="{{color}}">{{border?"line":"bg"}}{{bordersize?bordersize:""}}-{{color}} {{round?"round":""}} {{size}} {{shadow?"shadow":""}} {{block?"block":""}}</text>" </view>
|
||||
<view class='padding text-center'> class="cu-btn<text wx:if="{{color}}"> {{border?"line":"bg"}}{{bordersize?bordersize:""}}-{{color}} {{round?"round":""}} {{size}} {{shadow?"shadow":""}} {{block?"block":""}}</text>" </view>
|
||||
</view>
|
||||
|
||||
<view class="cu-form-group margin-top" bindtap="showModal" data-target="ColorModal">
|
||||
|
||||
Reference in New Issue
Block a user