feat: migrate Circle component

2020-07-12 15:11:43 +08:00
parent 8c4c51fea1
commit 94ae79d953
12 changed files with 777 additions and 10 deletions
@@ -0,0 +1,34 @@
+@import '../style/var';
+
+.van-circle {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+
+  svg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  &__layer {
+    fill: none;
+    stroke-linecap: round;
+  }
+
+  &__text {
+    position: absolute;
+    top: 50%;
+    left: 0;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 0 @padding-base;
+    color: @circle-text-color;
+    font-weight: @circle-text-font-weight;
+    font-size: @circle-text-font-size;
+    line-height: @circle-text-line-height;
+    transform: translateY(-50%);
+  }
+}