vant components

2017-04-19 17:46:40 +08:00
parent 06e333eb3e
commit 5e7ea19b1a
42 changed files with 2382 additions and 2 deletions
@@ -0,0 +1,88 @@
+@import './common/var.css';
+@import './mixins/border_retina.css';
+@import './icon.css';
+
+@component-namespace van {
+  @b cell-group {
+    padding-left: 15px;
+    position: relative;
+    background-color: #fff;
+
+    &::after {
+      @mixin border-retina (top, bottom);
+    }
+  }
+
+  @b cell {
+    display: block;
+    position: relative;
+    padding: 10px 15px 10px 0;
+    box-sizing: border-box;
+    line-height: 24px;
+    background-color: $c-white;
+    color: $c-black;
+    font-size: 14px;
+    text-decoration: none;
+    overflow: hidden;
+
+    &::after {
+      @mixin border-retina (bottom);
+    }
+
+    &:last-child {
+      &::after {
+        border-bottom: 0;
+      }
+    }
+
+    @e title {
+      float: left;
+    }
+
+    @e label {
+      display: block;
+      font-size: 12px;
+      line-height: 1.2;
+      color: $c-gray-darker;
+    }
+
+    @e value {
+      float: right;
+      overflow: hidden;
+
+      @m link {
+        margin-right: 20px;
+      }
+
+      @m alone {
+        float: none;
+      }
+    }
+
+    @m required {
+      overflow: visible;
+
+      &::before {
+        content: '*';
+        position: absolute;
+        left: -7px;
+        font-size: 14px;
+        color: #f44;
+      }
+
+      .van-cell__title {
+        float: none;
+        display: inline-block;
+      }
+    }
+
+    .van-icon-arrow {
+      position: absolute;
+      top: 50%;
+      right: 15px;
+      transform: translateY(-50%);
+      color: $c-gray-dark;
+      font-size: 12px;
+    }
+  }
+}