ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 02:31:21 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[new feature] add Circle component (#608)

Browse Source
This commit is contained in:
neverland
2018-02-05 17:52:43 +08:00
committed by GitHub
parent 70ce3838a2
commit 41df4b4819
12 changed files with 460 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/vant-css/src/circle.css Normal file
View File

@@ -0,0 +1,32 @@
@import './common/var.css';
.van-circle {
position: relative;
text-align: center;
display: inline-block;
svg {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
&__layer {
fill: none;
stroke-dasharray: 3140px;
stroke-dashoffset: 3140px;
transform: rotate(90deg);
transform-origin: 530px 530px;
}
&__text {
top: 50%;
left: 0;
width: 100%;
color: $text-color;
position: absolute;
transform: translateY(-50%);
}
}

3
packages/vant-css/src/index.css
View File

@@ -12,7 +12,7 @@
@import './badge.css';
@import './button.css';
@import './cell.css';
@import './card.css';
@import './circle.css';
@import './loading.css';
@import './nav-bar.css';
@import './notice-bar.css';
@@ -53,6 +53,7 @@
/* business components */
@import './address-edit.css';
@import './address-list.css';
@import './card.css';
@import './contact-card.css';
@import './contact-list.css';
@import './contact-edit.css';