molong/coloruicss
1
0
Fork 0
mirror of https://github.com/weilanwl/coloruicss.git synced 2026-03-13 11:34:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

v2.0.5

Browse Source 
1.修复时间线图标显示问题
2.switch、radio、checkbox单位改成px，抛弃小尺寸
3.更新多种窗口组件
4.更新多种动画
5.新增步骤条组件
6.优化列表组件，新增右滑操作
7.优化图标搜索
This commit is contained in:
Weilanwl
2019-01-13 23:29:19 +08:00
parent 523eaba3c6
commit 8af7413e6e
50 changed files with 2704 additions and 880 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
demo/pages/plugin/animation/animation.wxml
View File

@@ -6,13 +6,29 @@
</view>
</view>
<view class="margin radius gradual-green shadow-blur">
<image src='https://image.weilanwl.com/gif/wave.gif' mode='scaleToFill' class='gif-wave response'></image>
<image src='https://image.weilanwl.com/gif/wave.gif' mode='scaleToFill' class='gif-black response' style='height:100rpx'></image>
</view>
<view class="margin flex">
<view class='bg-black flex-sub margin-right radius shadow-lg'>
<image src='https://image.weilanwl.com/gif/loading-black.gif' mode='aspectFit' class='gif-loading-black response'></image>
<image src='https://image.weilanwl.com/gif/loading-black.gif' mode='aspectFit' class='gif-black response' style='height:240rpx'></image>
</view>
<view class='bg-white flex-sub radius shadow-lg'>
<image src='https://image.weilanwl.com/gif/loading-white.gif' mode='aspectFit' class='gif-loading-white response'></image>
<image src='https://image.weilanwl.com/gif/loading-white.gif' mode='aspectFit' class='gif-white response' style='height:240rpx'></image>
</view>
</view>
<view class="margin flex">
<view class='gradual-blue flex-sub margin-right radius shadow-lg'>
<image src='https://image.weilanwl.com/gif/rhomb-black.gif' mode='aspectFit' class='gif-black response' style='height:240rpx'></image>
</view>
<view class='bg-white flex-sub radius shadow-lg'>
<image src='https://image.weilanwl.com/gif/rhomb-white.gif' mode='aspectFit' class='gif-white response' style='height:240rpx'></image>
</view>
</view>
<view class="margin flex">
<view class='bg-white flex-sub margin-right radius shadow-lg'>
<image src='https://image.weilanwl.com/gif/loading-1.gif' mode='aspectFit' class='gif-white response' style='height:240rpx'></image>
</view>
<view class='bg-black flex-sub radius shadow-lg'>
<image src='https://image.weilanwl.com/gif/loading-2.gif' mode='aspectFit' class='gif-black response' style='height:240rpx'></image>
</view>
</view>

14
demo/pages/plugin/animation/animation.wxss
View File

@@ -2,20 +2,10 @@ image[class*="gif-"]{
border-radius: 6rpx;
display: block;
}
.gif-wave{
mix-blend-mode: screen;
width: 100%;
height: 100rpx;
}
.gif-loading-black{
.gif-black{
mix-blend-mode: screen;
width: 100%;
height: 280rpx;
}
.gif-loading-white{
.gif-white{
mix-blend-mode: multiply;
width: 100%;
height: 280rpx;
}