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.4

Browse Source
This commit is contained in:
Weilanwl
2019-01-11 20:28:11 +08:00
parent ace94e4e87
commit 523eaba3c6
33 changed files with 6104 additions and 6124 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/pages/basics/avatar/avatar.wxml
+46 -46
View File
@@ -1,84 +1,84 @@
<custom style="height:{{CustomBar}}px;">
<bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
<view class="cu-custom" style="height:{{CustomBar}}px;">
<view class="cu-bar fixed 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>
</bar>
</custom>
<bar>
</view>
</view>
<view class="cu-bar">
<view class='action'>
<text class='icon-title text-blue'></text>头像形状
</view>
</bar>
<view class="padding">
<avatar class="round" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></avatar>
<avatar class="radius margin-left" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></avatar>
</view>
<bar class="margin-top">
<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='action'>
<text class='icon-title text-blue'></text>头像尺寸
</view>
</bar>
<view class="padding">
<avatar class="sm round margin-left" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></avatar>
<avatar class="round margin-left" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></avatar>
<avatar class="lg round margin-left" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></avatar>
<avatar class="xl round margin-left" style="background-image:url(https://image.weilanwl.com/img/square-4.jpg);"></avatar>
</view>
<view class="padding">
<avatar class="sm round margin-left bg-red" > orange</avatar>
<avatar class="round margin-left bg-red" >orange</avatar>
<avatar class="lg round margin-left bg-red" >orange</avatar>
<avatar class="xl round margin-left bg-red" >orange</avatar>
<view class="cu-avatar sm round margin-left" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></view>
<view class="cu-avatar round margin-left" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></view>
<view class="cu-avatar lg round margin-left" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
<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">
<avatar class="sm round margin-left bg-red" > 蔚蓝</avatar>
<avatar class="round margin-left bg-red" >蔚蓝</avatar>
<avatar class="lg round margin-left bg-red" >蔚蓝</avatar>
<avatar class="xl round margin-left bg-red" >蔚蓝</avatar>
<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>
<bar class="margin-top">
<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>
<view class="cu-bar margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>内嵌文字(图标)
</view>
</bar>
</view>
<view class="padding">
<avatar class="radius">
<view class="cu-avatar radius">
<text class='icon-people'></text>
</avatar>
<avatar class="radius margin-left">
</view>
<view class="cu-avatar radius margin-left">
<text>港</text>
</avatar>
</view>
</view>
<bar class="margin-top">
<view class="cu-bar margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>头像颜色
</view>
</bar>
<view class="padding-sm">
<avatar class="round lg bg-{{item.name}} margin-xs" wx:for="{{ColorList}}" wx:key>
<text>{{item.name}}</text>
</avatar>
</view>
<bar class="margin-top">
<view class="padding-sm">
<view class="cu-avatar round lg bg-{{item.name}} margin-xs" wx:for="{{ColorList}}" wx:key>
<text>{{item.name}}</text>
</view>
</view>
<view class="cu-bar margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>头像组
</view>
</bar>
</view>
<view class='padding'>
<avatar-group>
<avatar class="round lg" wx:for="{{4}}" wx:key style="background-image:url(https://image.weilanwl.com/img/square-{{index+1}}.jpg);"></avatar>
</avatar-group>
<view class="cu-avatar-group">
<view class="cu-avatar round lg" wx:for="{{4}}" wx:key style="background-image:url(https://image.weilanwl.com/img/square-{{index+1}}.jpg);"></view>
</view>
</view>
<bar class="margin-top">
<view class="cu-bar margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>头像标签
</view>
</bar>
</view>
<view class='padding'>
<avatar class="round lg margin-left" wx:for="{{4}}" wx:key style="background-image:url(https://image.weilanwl.com/img/square-{{index+1}}.jpg);">
<tag class="badge {{index%2==0?'icon-female bg-pink':'icon-male bg-blue'}}"></tag>
</avatar>
<view class="cu-avatar round lg margin-left" wx:for="{{4}}" wx:key style="background-image:url(https://image.weilanwl.com/img/square-{{index+1}}.jpg);">
<view class="cu-tag badge {{index%2==0?'icon-female bg-pink':'icon-male bg-blue'}}"></view>
</view>
</view>