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

v2.1.3

Browse Source
This commit is contained in:
Weilanwl
2019-04-23 14:26:34 +08:00
parent 17ff7fb4e2
commit ac2a320457
49 changed files with 6489 additions and 4875 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
demo/pages/basics/shadow/shadow.wxml
View File

@@ -1,11 +1,14 @@
<cu-custom bgColor="bg-gradual-blue" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">边框阴影</view></cu-custom>
<cu-custom bgColor="bg-gradual-blue" isBack="{{true}}">
<view slot="backText">返回</view>
<view slot="content">边框阴影</view>
</cu-custom>
<view class="cu-bar bg-white solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>边框
</view>
<text class="cuIcon-title text-blue"></text>边框
</view>
<view class="action">
<switch class="sm" bindchange="SetSize"></switch>
</view>
<switch class="sm" bindchange="SetSize"></switch>
</view>
</view>
<view class="padding bg-white text-center">
<view class="padding solid{{size?'s':''}}">四周</view>
@@ -16,13 +19,16 @@
</view>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>阴影
<text class="cuIcon-title text-blue"></text>阴影
</view>
</view>
<view class="padding text-center">
<view class="padding-xl radius shadow bg-white"> 默认阴影</view>
<view class="padding-xl radius shadow-lg bg-white margin-top">长阴影</view>
<view class="padding-xl radius shadow bg-white">默认阴影</view>
<view class="padding-xl radius shadow bg-blue margin-top">根据背景颜色而改变的阴影</view>
<view class="padding-xl radius shadow shadow-lg bg-white margin-top">长阴影</view>
<view class="padding-xl radius shadow shadow-lg bg-blue margin-top">长阴影</view>
<view class="padding-xl radius shadow-warp bg-white margin-top">翘边阴影</view>
<view class="padding-xl radius shadow-blur bg-red margin-top">根据背景颜色而改变的阴影</view>
<view class="padding-xl radius shadow-blur bg-red margin-top bg-img" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"><view>根据背景颜色而改变的阴影</view></view>
<view class="padding-xl radius shadow-blur bg-red margin-top bg-img" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big91005.jpg);">
<view>根据背景图而改变的阴影</view>
</view>
</view>