add preview

README.md

@@ -1,7 +1,7 @@
 # cml-flexbox
 基于[chameleon](https://github.com/didi/chameleon)跨端框架，测试 FlexBox 布局实现效果
 
-web 端访问地址：
+web 端访问地址：https://startheart.github.io/cml-flexbox/dist/web/cml-flexbox.html
 
 # 使用
 

dist/alipay/components/polyScroller/polyScroller.acss

@@ -1 +1,139 @@
-.cml-493eb537.cml-base{text-align:left;font-size:32rpx;letter-spacing:1rpx;font-family:BlinkMacSystemFont,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif}.cml-493eb537.cml-base,.cml-493eb537.cml-base:after,.cml-493eb537.cml-base:before{box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}.cml-493eb537.cml-view{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:flex-start;align-content:flex-start}.cml-493eb537.cml-text,.cml-493eb537.cml-view{box-sizing:border-box;position:relative;-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:auto;flex-basis:auto;border:0 solid #000;margin:0;padding:0;min-width:0}.cml-493eb537.cml-text{display:block;white-space:pre-wrap;word-wrap:break-word;overflow:hidden}.cml-493eb537.cml-border-1px,.cml-493eb537.cml-border-bottom-1px,.cml-493eb537.cml-border-left-1px,.cml-493eb537.cml-border-right-1px,.cml-493eb537.cml-border-top-1px{position:relative}.cml-493eb537.cml-border-1px:after,.cml-493eb537.cml-border-bottom-1px:after,.cml-493eb537.cml-border-left-1px:before,.cml-493eb537.cml-border-right-1px:after,.cml-493eb537.cml-border-top-1px:before{content:"";display:block;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;box-sizing:border-box;z-index:2}.cml-493eb537.cml-border-1px:after{border:1rpx solid #ccc;left:0;top:0;width:100%;height:100%;-webkit-transform-origin:0 0;transform-origin:0 0}.cml-493eb537.cml-border-top-1px:before{border-top:1rpx solid #ccc;left:0;top:0;width:100%}.cml-493eb537.cml-border-right-1px:after{border-right:1rpx solid #ccc;top:0;right:0;height:100%;-webkit-transform-origin:right 0;transform-origin:right 0}.cml-493eb537.cml-border-bottom-1px:after{border-bottom:1rpx solid #ccc;left:0;bottom:0;width:100%;-webkit-transform-origin:0 bottom;transform-origin:0 bottom}.cml-493eb537.cml-border-left-1px:before{border-left:1rpx solid #ccc;top:0;left:0;height:100%}.cml-493eb537.cml-border-none:after,.cml-493eb537.cml-border-none:before{display:none}.cml-493eb537.cml-c-button{-webkit-align-self:stretch;align-self:stretch}
+.cml-493eb537.cml-base {
+    text-align: left;
+    font-size: 32rpx;
+    letter-spacing: 1rpx;
+    font-family: BlinkMacSystemFont, 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.cml-493eb537.cml-base,
+.cml-493eb537.cml-base::before,
+.cml-493eb537.cml-base::after {
+    box-sizing: border-box;
+    -webkit-text-size-adjust: none;
+       -moz-text-size-adjust: none;
+        -ms-text-size-adjust: none;
+            text-size-adjust: none;
+}
+
+.cml-493eb537.cml-view {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    box-sizing: border-box;
+    position: relative;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+            flex-direction: column;
+    -webkit-flex-shrink: 0;
+            flex-shrink: 0;
+    -webkit-box-flex: 0;
+    -webkit-flex-grow: 0;
+            flex-grow: 0;
+    -webkit-flex-basis: auto;
+            flex-basis: auto;
+    -webkit-box-align: stretch;
+    -webkit-align-items: stretch;
+            align-items: stretch;
+    -webkit-align-content: flex-start;
+            align-content: flex-start;
+    border: 0 solid black;
+    margin: 0;
+    padding: 0;
+    min-width: 0;
+}
+
+.cml-493eb537.cml-text {
+    display: block;
+    box-sizing: border-box;
+    position: relative;
+    white-space: pre-wrap;  /* not using 'pre': support auto line feed. 保留空白符序列，但是正常地进行换行 */
+    word-wrap: break-word; /* 在长单词或 URL 地址内部进行换行。 */
+    overflow: hidden; /* it'll be clipped if the height is not high enough. */
+
+    -webkit-flex-shrink: 0;
+
+            flex-shrink: 0;
+    -webkit-box-flex: 0;
+    -webkit-flex-grow: 0;
+            flex-grow: 0;
+    -webkit-flex-basis: auto;
+            flex-basis: auto;
+    border: 0 solid black;
+    margin: 0;
+    padding: 0;
+    min-width: 0;
+}
+
+.cml-493eb537.cml-border-1px,
+.cml-493eb537.cml-border-top-1px,
+.cml-493eb537.cml-border-right-1px,
+.cml-493eb537.cml-border-bottom-1px,
+.cml-493eb537.cml-border-left-1px {
+  position: relative;
+}
+
+.cml-493eb537.cml-border-top-1px:before,
+.cml-493eb537.cml-border-left-1px:before,
+.cml-493eb537.cml-border-1px:after,
+.cml-493eb537.cml-border-right-1px:after,
+.cml-493eb537.cml-border-bottom-1px:after {
+  content: "";
+  display: block;
+  position: absolute;
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  box-sizing: border-box;
+  z-index: 2;
+}
+
+.cml-493eb537.cml-border-1px:after {
+    border: 1rpx solid #ccc;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    -webkit-transform-origin: 0 0;
+    transform-origin: 0 0;
+}
+
+.cml-493eb537.cml-border-top-1px:before {
+  border-top: 1rpx solid #ccc;
+  left: 0;
+  top: 0;
+  width: 100%;
+}
+
+.cml-493eb537.cml-border-right-1px:after {
+  border-right: 1rpx solid #ccc;
+  top: 0;
+  right: 0;
+  height: 100%;
+  -webkit-transform-origin: right 0;
+  transform-origin: right 0;
+}
+
+.cml-493eb537.cml-border-bottom-1px:after {
+  border-bottom: 1rpx solid #ccc;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  -webkit-transform-origin: 0 bottom;
+  transform-origin: 0 bottom;
+}
+
+.cml-493eb537.cml-border-left-1px:before {
+  border-left: 1rpx solid #ccc;
+  top: 0;
+  left: 0;
+  height: 100%;
+}
+
+.cml-493eb537.cml-border-none:before, .cml-493eb537.cml-border-none:after {
+    display: none;
+}
+
+.cml-493eb537.cml-c-button {
+  -webkit-align-self: stretch;
+          align-self: stretch;
+}