update demo

README.md

@@ -35,7 +35,7 @@
 
 ## 示例
 
-![npm version](http://img13.360buyimg.com/uba/s300x300_jfs/t1/14144/37/3433/5890/5c26d976E7cd98b80/94583409233081cc.jpg)
+![NutUI Demo](https://img14.360buyimg.com/uba/jfs/t1/32118/11/559/2782/5c3d81ecEbda0c0f1/5f2b637d11817204.png)
 
 ## 安装使用
 

sites/demo/app.vue

@@ -1,6 +1,6 @@
 <template>
   <div :class="['demo-wrapper',{'in-iframe':inIframe}]">
-    <router-view class="demo-nav" name="demonav" v-if="!inIframe"></router-view>
+    <router-view class="demo-nav" name="demonav" v-if="!inIframe" v-transition></router-view>
     <keep-alive include="index">
       <router-view class="demo" name="main" v-transition></router-view>
     </keep-alive>
@@ -8,71 +8,50 @@
 </template>
 <script>
 export default {
-  name: 'App',
-  data(){
+  name: "App",
+  data() {
     return {
-      inIframe:false
-    }
+      inIframe: false
+    };
   },
-  mounted(){
-    if (window.self != window.top) { 
+  mounted() {
+    if (window.self != window.top) {
       this.inIframe = true;
     }
   }
-}
+};
 </script>
 <style lang="scss">
-*{
+* {
   -webkit-tap-highlight-color: transparent;
 }
 [v-cloak] {
   display: none;
 }
-body{
-    font-size:16px;
-    margin: 0;
-    color:#2e2d2d;
-    font-family: PingHei,"Microsoft YaHei","Lucida Grande","Lucida Sans Unicode",STHeiti,Helvetica,Arial,Verdana,"sans-serif","PingHei-light",SimHei,"Droid Sans";  
+body {
+  font-size: 16px;
+  margin: 0;
+  color: #2e2d2d;
+  font-family: PingHei, "Microsoft YaHei", "Lucida Grande",
+    "Lucida Sans Unicode", STHeiti, Helvetica, Arial, Verdana, "sans-serif",
+    "PingHei-light", SimHei, "Droid Sans";
 }
-.demo-wrapper{
-  width:100%;
-  min-height:100vh;
-  padding-top:40px;
-  box-sizing:border-box;
-  background: #F6F6F6;
-  &.in-iframe{
-    padding-top:0;
+.demo-wrapper {
+  width: 100%;
+  min-height: 100vh;
+  padding-top: 40px;
+  box-sizing: border-box;
+  background: #f6f6f6;
+  &.in-iframe {
+    padding-top: 0;
   }
 }
-h4{
-  padding:0 8px;
+h4 {
+  padding: 0 8px;
   box-sizing: border-box;
 }
-.demo{
-  padding-left:8px;
-  padding-right:8px;
+.demo {
+  padding-left: 8px;
+  padding-right: 8px;
 }
-// .button-primary {
-//     display: block;
-//     margin:.5rem 0;
-//     height: 38px;
-//     padding: 0 24px;
-//     color: #555;
-//     text-align: center;
-//     font-size: 12px;
-//     font-weight: 600;
-//     line-height: 38px;
-//     letter-spacing: .1rem;
-//     text-transform: uppercase;
-//     text-decoration: none;
-//     white-space: nowrap;
-//     background-color: transparent;
-//     border-radius: 4px;
-//     border: 1px solid #bbb;
-//     cursor: pointer;
-//     box-sizing: border-box;
-//     color: #FFF;
-//     background-color: #33C3F0;
-//     border-color: #33C3F0;
-// }
 </style>

sites/demo/router.js

@@ -65,7 +65,6 @@ const options = {
   tabsDisable: false, //值为true时，tabs间的转场没有动画，默认为false
   shadow: false, //值为false，转场时没有阴影的层次效果
   disable: false, //禁用转场动画，默认为false，嵌套路由默认为true
-  nuxt: false //若使用后端渲染框架Nuxt，需要将此设为true，默认为false
 };
 
 Vue.use(vueg, router, options);

src/packages/dialog/dialog.scss

@@ -1,8 +1,7 @@
 @import "../../styles/animation/fade";
 @import "../../styles/animation/ease";
 body.dialog-open {
-    position: fixed; //width: 100%;
-    //overflow:hidden;
+    position: fixed;
 }
 
 .nut-dialog-wrapper {

src/packages/swiper/demo.vue

@@ -112,7 +112,7 @@
                 this.$refs.demo1.updateEvent(1);
                 this.$refs.demo2.updateEvent();
                 this.$refs.demo3.updateEvent();
-                 this.$refs.demo5.updateEvent();
+                this.$refs.demo5.updateEvent();
 
 
                 this.$refs.demo4.updateEvent();