ColorUI 源代码
This commit is contained in:
weilanwl
2018-06-19 21:21:54 +08:00
parent 9e6720d0dc
commit 3834693e84
114 changed files with 4477 additions and 0 deletions
+5
View File
@@ -0,0 +1,5 @@
// pages/document/border/border.js
Page({
data: {
},
})
+3
View File
@@ -0,0 +1,3 @@
{
"navigationBarTitleText": "边框/Border"
}
+42
View File
@@ -0,0 +1,42 @@
<view class="bar">
<view class='ml-sm'>
<text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>实线</text>
</view>
</view>
<view class="flex p-xs mt-xs mb-sm flex-direction text-center">
<view class='doc-box-sub p-sm m-xs solid'>solid</view>
<view class='doc-box-sub p-sm m-xs solid-top'>solid-top</view>
<view class='doc-box-sub p-sm m-xs solid-right'>solid-right</view>
<view class='doc-box-sub p-sm m-xs solid-bottom'>solid-bottom</view>
<view class='doc-box-sub p-sm m-xs solid-left'>solid-left</view>
<view class='doc-box-sub p-sm m-xs solids mt-xl'>solids</view>
<view class='doc-box-sub p-sm m-xs solids-top'>solids-top</view>
<view class='doc-box-sub p-sm m-xs solids-right'>solids-right</view>
<view class='doc-box-sub p-sm m-xs solids-bottom'>solids-bottom</view>
<view class='doc-box-sub p-sm m-xs solids-left'>solids-left</view>
</view>
<view class="bar mt-sm">
<view class='ml-sm'>
<text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>虚线</text>
</view>
</view>
<view class="flex p-xs mt-xs mb-sm flex-direction text-center">
<view class='doc-box-sub p-sm m-xs dashed'>dashed</view>
<view class='doc-box-sub p-sm m-xs dashed-top'>dashed-top</view>
<view class='doc-box-sub p-sm m-xs dashed-right'>dashed-right</view>
<view class='doc-box-sub p-sm m-xs dashed-bottom'>dashed-bottom</view>
<view class='doc-box-sub p-sm m-xs dashed-left'>dashed-left</view>
</view>
<view class="bar mt-sm">
<view class='ml-sm'>
<text class='iconfont icon-titles success-text'></text><text class='text-lg ml-xs'>阴影</text>
</view>
</view>
<view class="flex p-xs mt-xs pb-lg flex-direction text-center">
<view class='doc-box-sub p-sm m-xs shadow'>shadow</view>
<view class='doc-box-sub p-sm m-xs mt-xl shadow-lg'>shadow-lg</view>
<view class='doc-box-sub p-sm m-xs mt-xl shadow-alice'>shadow-alice</view>
</view>
+14
View File
@@ -0,0 +1,14 @@
.doc-main {
background: transparent;
}
page{
background: #f5f5f5;
}
.doc-box-sub {
background: #fff;
border-radius: 0;
}
.doc-box-sub.shadow, .doc-box-sub.shadow-lg,.shadow-alice {
border-radius: 6rpx;
}