mirror of
https://github.com/weilanwl/coloruicss.git
synced 2026-06-08 15:23:17 +08:00
xiaogang
ColorUI 源代码
This commit is contained in:
@@ -0,0 +1,5 @@
|
||||
// pages/document/border/border.js
|
||||
Page({
|
||||
data: {
|
||||
},
|
||||
})
|
||||
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"navigationBarTitleText": "边框/Border"
|
||||
}
|
||||
@@ -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>
|
||||
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user