update $Spin and release 2.4.0-beta.2

examples/routers/spin.vue

@@ -159,7 +159,7 @@
         font-style: normal;
         font-size: 14px;
     }
-    .demo-spin-article p{
+    .demo-spin-article p {
         font-size: 16px;
     }
 </style>
@@ -194,19 +194,7 @@
         },
         methods: {
             show () {
-                this.$Spin.show({
-                    render: (h) => {
-                        return h('div', [
-                            h('Icon', {
-                                props: {
-                                    type: 'load-c',
-                                    size: 24
-                                }
-                            }),
-                            h('div', 'Loading')
-                        ])
-                    }
-                });
+                this.$Spin.show();
                 setTimeout(() => {
                     this.$Spin.hide();
                 }, 3000)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "iview",
-  "version": "2.4.0-beta.1",
+  "version": "2.4.0-beta.2",
   "title": "iView",
   "description": "A high quality  UI components Library with Vue.js",
   "homepage": "http://www.iviewui.com",

src/components/spin/spin.js

@@ -27,7 +27,7 @@ Spin.newInstance = properties => {
                 });
             }
             return h('div', {
-                'class': 'ivu-spin-fullscreen'
+                'class': 'ivu-spin-fullscreen ivu-spin-fullscreen-wrapper'
             }, [vnode]);
         }
     });

src/styles/components/spin.less

@@ -35,6 +35,13 @@
     }
     &-fullscreen{
         z-index: @zindex-spin-fullscreen;
+        &-wrapper{
+            position: fixed;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+        }
     }
 
     &-fix &-main {