vant components

2017-04-19 17:33:44 +08:00
commit 63c549d651
346 changed files with 25710 additions and 0 deletions
@@ -0,0 +1,36 @@
+<template><section class="demo-loading"><h1 class="demo-title">Loading 加载</h1><example-block title="渐变深色spinner">
+                <van-loading class="some-customized-class"></van-loading>
+
+              </example-block><example-block title="渐变浅色spinner">
+                <div class="demo-loading__example demo-loading__example--with-bg">
+  <van-loading class="some-customized-class" :color="'white'"></van-loading>
+</div>
+
+              </example-block><example-block title="单色spinner">
+                <van-loading class="circle-loading" :type="'circle'" :color="'white'"></van-loading>
+<van-loading class="circle-loading" :type="'circle'" :color="'black'"></van-loading>
+
+              </example-block></section></template>
+<style>
+@component-namespace demo {
+  @b loading {
+    .van-loading {
+      margin: 0 auto;
+    }
+
+    .circle-loading {
+      margin: 20px auto;
+    }
+
+    .demo-loading__example--with-bg {
+      background-color: rgba(0, 0, 0, 0.5);
+      margin: 0 auto;
+      width: 80px;
+      padding: 25px 0;
+      border-radius: 10px;
+    }
+  }
+}
+</style>
+<script>
+import Vue from "vue";import ExampleBlock from "components/example-block";Vue.component("example-block", ExampleBlock);</script>