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,12 +1,12 @@
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-bar fixed bg-gradual-pink" 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>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar">
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange '></text> 模态窗口
|
||||
</view>
|
||||
@@ -16,7 +16,7 @@
|
||||
</view>
|
||||
<view class="cu-modal {{modalName=='Modal'?'show':''}}">
|
||||
<view class="cu-dialog">
|
||||
<view class="cu-bar justify-end">
|
||||
<view class="cu-bar bg-white justify-end">
|
||||
<view class='content'>Modal标题</view>
|
||||
<view class='action' bindtap='hideModal'>
|
||||
<text class='icon-close text-red'></text>
|
||||
@@ -28,7 +28,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar margin-top">
|
||||
<view class="cu-bar bg-white margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange '></text> 底部窗口
|
||||
</view>
|
||||
@@ -38,7 +38,7 @@
|
||||
</view>
|
||||
<view class="cu-modal bottom-modal {{modalName=='bottomModal'?'show':''}}">
|
||||
<view class="cu-dialog">
|
||||
<view class="cu-bar">
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action text-green'>确定</view>
|
||||
<view class='action text-blue' bindtap='hideModal'>取消</view>
|
||||
</view>
|
||||
@@ -48,7 +48,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar margin-top">
|
||||
<view class="cu-bar bg-white margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange '></text> 对话窗口
|
||||
</view>
|
||||
@@ -59,7 +59,7 @@
|
||||
</view>
|
||||
<view class="cu-modal {{modalName=='DialogModal1'?'show':''}}">
|
||||
<view class="cu-dialog">
|
||||
<view class="cu-bar justify-end">
|
||||
<view class="cu-bar bg-white justify-end">
|
||||
<view class='content'>Modal标题</view>
|
||||
<view class='action' bindtap='hideModal'>
|
||||
<text class='icon-close text-red'></text>
|
||||
@@ -68,7 +68,7 @@
|
||||
<view class='padding-xl'>
|
||||
Modal 内容。
|
||||
</view>
|
||||
<view class="cu-bar justify-end">
|
||||
<view class="cu-bar bg-white justify-end">
|
||||
<view class='action'>
|
||||
<button class='cu-btn line-green text-green' bindtap='hideModal'>取消</button>
|
||||
<button class='cu-btn bg-green margin-left' bindtap='hideModal'>确定</button>
|
||||
@@ -80,7 +80,7 @@
|
||||
|
||||
<view class="cu-modal {{modalName=='DialogModal2'?'show':''}}">
|
||||
<view class="cu-dialog">
|
||||
<view class="cu-bar justify-end">
|
||||
<view class="cu-bar bg-white justify-end">
|
||||
<view class='content'>Modal标题</view>
|
||||
<view class='action' bindtap='hideModal'>
|
||||
<text class='icon-close text-red'></text>
|
||||
@@ -89,7 +89,7 @@
|
||||
<view class='padding-xl'>
|
||||
Modal 内容。
|
||||
</view>
|
||||
<view class="cu-bar">
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action margin-0 flex-sub text-green ' bindtap='hideModal'>
|
||||
<text class='icon-moneybag'></text>微信支付</view>
|
||||
<view class='action margin-0 flex-sub text-green solid-left' bindtap='hideModal'>取消</view>
|
||||
@@ -98,7 +98,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar margin-top">
|
||||
<view class="cu-bar bg-white margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange '></text> 图片窗口
|
||||
</view>
|
||||
@@ -110,20 +110,20 @@
|
||||
<view class="cu-modal {{modalName=='Image'?'show':''}}">
|
||||
<view class="cu-dialog">
|
||||
<view class="bg-img" style="background-image: url('https://albedo-theme.com/wp-content/uploads/2016/08/pexels-photo-26180.jpg');height:200px;">
|
||||
<view class="cu-bar justify-end none-bg text-white">
|
||||
<view class="cu-bar justify-end text-white">
|
||||
<view class='action' bindtap='hideModal'>
|
||||
<text class='icon-close '></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar">
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action margin-0 flex-sub solid-left' bindtap='hideModal'>我知道了</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="cu-bar margin-top">
|
||||
<view class="cu-bar bg-white margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange '></text> 单选窗口
|
||||
</view>
|
||||
@@ -147,7 +147,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar margin-top">
|
||||
<view class="cu-bar bg-white margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange '></text> 多选窗口
|
||||
</view>
|
||||
@@ -157,7 +157,7 @@
|
||||
</view>
|
||||
<view class="cu-modal bottom-modal {{modalName=='ChooseModal'?'show':''}}" bindtap='hideModal'>
|
||||
<view class="cu-dialog" catchtap>
|
||||
<view class="cu-bar">
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action text-green'>确定</view>
|
||||
<view class='action text-blue' bindtap='hideModal'>取消</view>
|
||||
</view>
|
||||
@@ -169,7 +169,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar margin-top">
|
||||
<view class="cu-bar bg-white margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange '></text> 侧边抽屉
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user