merge: master

packages/zanui-css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youzan/zanui-css",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "zanui css.",
   "main": "lib/index.css",
   "style": "lib/index.css",

packages/zanui-css/src/actionsheet.css

@@ -1,5 +1,6 @@
 @import './common/var.css';
 @import './mixins/border_retina.css';
+@import './popup.css';
 
 @component-namespace zan {
   @b actionsheet {

packages/zanui-css/src/badge.css

@@ -1,5 +1,5 @@
-@import "./common/var.css";
-@import "./mixins/border_retina.css";
+@import './common/var.css';
+@import './mixins/border_retina.css';
 
 @component-namespace zan {
     @b badge-group {

packages/zanui-css/src/card.css

@@ -1,4 +1,4 @@
-@import "./mixins/ellipsis.css";
+@import './mixins/ellipsis.css';
 
 @component-namespace zan {
   @b card {

packages/zanui-css/src/cell.css

@@ -1,5 +1,5 @@
-@import "./common/var.css";
-@import "./mixins/border_retina.css";
+@import './common/var.css';
+@import './mixins/border_retina.css';
 
 @component-namespace zan {
   @b cell-group {

packages/zanui-css/src/checkbox.css

@@ -1,4 +1,4 @@
-@import "./common/var.css";
+@import './common/var.css';
 
 @component-namespace zan {
   @b checkbox {

packages/zanui-css/src/dialog.css

@@ -1,4 +1,5 @@
-@import "./mixins/border_retina.css";
+@import './mixins/border_retina.css';
+@import './popup.css';
 
 @component-namespace zan {
   @b dialog-wrapper {

packages/zanui-css/src/field.css

@@ -1,5 +1,6 @@
-@import "./common/var.css";
-@import "./mixins/border_retina.css";
+@import './common/var.css';
+@import './mixins/border_retina.css';
+@import './cell.css';
 
 @component-namespace zan {
   @b field {
@@ -36,6 +37,21 @@
       }
     }
 
+    @m border {
+      .zan-field__control {
+        padding-left: 10px;
+      }
+
+      &::after {
+        border-radius: 2px;
+        @mixin border-retina (top, right, bottom, left);
+      }
+
+      &:last-child::after {
+        @mixin border-retina (bottom);
+      }
+    }
+
     .zan-cell__title,
     .zan-cell__value {
       float: none;

packages/zanui-css/src/index.css

@@ -26,3 +26,5 @@
 @import './quantity.css';
 @import './progress.css';
 @import './uploader.css';
+@import './swipe.css';
+

packages/zanui-css/src/picker.css

@@ -1,4 +1,4 @@
-@import "./mixins/border_retina.css";
+@import './mixins/border_retina.css';
 
 @component-namespace zan {
   @b picker {

packages/zanui-css/src/popup.css

@@ -6,7 +6,7 @@
     top: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.701961);
-    transition: background-color .5s ease-out;
+    transition: all .5s ease-out;
   }
 
   @b popup {

packages/zanui-css/src/search.css

@@ -1,4 +1,4 @@
-@import "./common/var.css";
+@import './common/var.css';
 
 @component-namespace zan {
     @b search {

packages/zanui-css/src/steps.css

@@ -1,5 +1,5 @@
-@import "./common/var.css";
-@import "./mixins/ellipsis.css";
+@import './common/var.css';
+@import './mixins/ellipsis.css';
 
 @component-namespace zan {
   @b steps {

packages/zanui-css/src/swipe.css

@@ -0,0 +1,24 @@
+@component-namespace zan {
+    @b swipe {
+        position: relative;
+        overflow: hidden;
+        width: 100%;
+    }
+
+    @b swipe-item {
+        display: none;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        text-align: center;
+
+        img {
+            max-width: 100%;
+            max-height: 100%;
+        }
+
+        &:first-child {
+            display: block;
+        }
+    }
+}

packages/zanui-css/src/switch.css

@@ -1,4 +1,4 @@
-@import "./mixins/border_retina.css";
+@import './mixins/border_retina.css';
 
 @component-namespace zan {
   @b switch { 

packages/zanui-css/src/tab.css

@@ -1,5 +1,6 @@
-@import "./common/var.css";
-@import "./mixins/border_retina.css";
+@import './common/var.css';
+@import './mixins/border_retina.css';
+
 @component-namespace zan {
     @b tabs {
         position: relative;

packages/zanui-css/src/tag.css

@@ -1,5 +1,5 @@
-@import "./common/var.css";
-@import "./mixins/border_retina.css";
+@import './common/var.css';
+@import './mixins/border_retina.css';
 
 @component-namespace zan {
   @b tag {