molong/coloruicss
1
0
Fork 0
mirror of https://github.com/weilanwl/coloruicss.git synced 2026-06-08 15:23:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

v2.0.6

Browse Source 
1.修复行距带来的垂直不居中问题
2.优化操作条组件，新增多种样式
3.优化背景颜色（某些组件的默认背景调整,移除一些important）
4.更新动画扩展5.优化按钮,标签,头像的大小
This commit is contained in:
Weilanwl
2019-02-09 16:57:35 +08:00
parent dbe5f7c892
commit 122f46b8d4
70 changed files with 2812 additions and 1791 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/pages/basics/avatar/avatar.wxml
+22 -18
View File
@@ -1,20 +1,20 @@
<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>
</view>
</view>
<view class="cu-bar">
<view class="cu-bar bg-white">
<view class='action'>
<text class='icon-title text-blue'></text>头像形状
</view>
</view>
<view class="padding">
<view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></view>
<view class="padding">
<view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></view>
<view class="cu-avatar radius margin-left" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></view>
</view>
<view class="cu-bar margin-top">
<view class="cu-bar bg-white margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>头像尺寸
</view>
@@ -26,18 +26,22 @@
<view class="cu-avatar xl round margin-left" style="background-image:url(https://image.weilanwl.com/img/square-4.jpg);"></view>
</view>
<view class="padding">
<view class="cu-avatar sm round margin-left bg-red" > orange</view>
<view class="cu-avatar round margin-left bg-red" >orange</view>
<view class="cu-avatar lg round margin-left bg-red" >orange</view>
<view class="cu-avatar xl round margin-left bg-red" >orange</view>
<view class="cu-avatar sm round margin-left bg-red"> A</view>
<view class="cu-avatar round margin-left bg-red">B</view>
<view class="cu-avatar lg round margin-left bg-red">C</view>
<view class="cu-avatar xl round margin-left bg-red">D</view>
</view>
<view class="padding">
<view class="cu-avatar sm round margin-left bg-red" > 蔚蓝</view>
<view class="cu-avatar round margin-left bg-red" >蔚蓝</view>
<view class="cu-avatar lg round margin-left bg-red" >蔚蓝</view>
<view class="cu-avatar xl round margin-left bg-red" >蔚蓝</view>
<view class="cu-avatar sm round margin-left bg-red"> 蔚</view>
<view class="cu-avatar round margin-left bg-red">蓝</view>
<view class="cu-avatar lg round margin-left bg-red">
<text>wl</text>
</view>
<view class="cu-avatar xl round margin-left bg-red">
<text class='avatar-text'>网络</text>
</view>
</view>
<view class="cu-bar margin-top">
<view class="cu-bar bg-white margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>内嵌文字(图标)
</view>
@@ -51,17 +55,17 @@
</view>
</view>
<view class="cu-bar margin-top">
<view class="cu-bar bg-white margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>头像颜色
</view>
</view>
<view class="padding-sm">
<view class="cu-avatar round lg bg-{{item.name}} margin-xs" wx:for="{{ColorList}}" wx:key>
<text>{{item.name}}</text>
<text class='avatar-text'>{{item.name}}</text>
</view>
</view>
<view class="cu-bar margin-top">
<view class="cu-bar bg-white margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>头像组
</view>
@@ -72,7 +76,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-blue'></text>头像标签
</view>