From 7d5431d85ae37cee81156a6610fb6a37c6e79d03 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Mon, 7 Nov 2016 14:16:20 +0800
Subject: [PATCH] update some style

update some style
---
 src/components/input/input.vue     | 17 +++++++-----
 src/index.js                       |  1 -
 src/styles/components/tooltip.less |  2 +-
 src/styles/mixins/checkbox.less    |  4 +--
 test/app.vue                       |  1 +
 test/main.js                       |  5 ++++
 test/routers/input.vue             | 26 ++++++++++++++++++
 test/routers/message.vue           |  1 -
 test/routers/poptip.vue            | 42 ++++++++++++++++++++++++++++--
 9 files changed, 86 insertions(+), 13 deletions(-)
 create mode 100644 test/routers/input.vue

diff --git a/src/components/input/input.vue b/src/components/input/input.vue
index 8735812d..bdc9acde 100644
--- a/src/components/input/input.vue
+++ b/src/components/input/input.vue
@@ -1,10 +1,12 @@
 <template>
-    <input
-        :class="classes"
-        :type="type"
-        :placeholder="placeholder"
-        :name="name"
-        v-model="value">
+    <div :class="wrapClasses">
+        <input
+            :class="classes"
+            :type="type"
+            :placeholder="placeholder"
+            :name="name"
+            v-model="value">
+    </div>
 </template>
 <script>
     import { oneOf } from '../../utils/assist';
@@ -36,6 +38,9 @@
             }        
         },
         computed: {
+            wrapClasses () {
+
+            },
             classes () {
                 return [
                     `${prefixCls}`,
diff --git a/src/index.js b/src/index.js
index cededcb9..4ea528b8 100644
--- a/src/index.js
+++ b/src/index.js
@@ -45,7 +45,6 @@ const iview = {
     Col,
     Collapse,
     Icon,
-    Input,
     InputNumber,
     LoadingBar,
     Message,
diff --git a/src/styles/components/tooltip.less b/src/styles/components/tooltip.less
index bf86e2db..40c95505 100644
--- a/src/styles/components/tooltip.less
+++ b/src/styles/components/tooltip.less
@@ -26,7 +26,7 @@
         background-color: @tooltip-bg;
         border-radius: @border-radius-small;
         box-shadow: @shadow-base;
-        white-space:nowrap;
+        white-space: nowrap;
     }
 
     &-arrow{
diff --git a/src/styles/mixins/checkbox.less b/src/styles/mixins/checkbox.less
index bf1c2a52..983b6a18 100644
--- a/src/styles/mixins/checkbox.less
+++ b/src/styles/mixins/checkbox.less
@@ -32,7 +32,7 @@
             &:after {
                 content: '';
                 display: table;
-                width: 5px;
+                width: 4px;
                 height: 8px;
                 position: absolute;
                 top: 1px;
@@ -75,7 +75,7 @@
             &:after {
                 content: '';
                 display: table;
-                width: 5px;
+                width: 4px;
                 height: 8px;
                 position: absolute;
                 top: 1px;
diff --git a/test/app.vue b/test/app.vue
index 679cadbd..b4557dc1 100644
--- a/test/app.vue
+++ b/test/app.vue
@@ -38,6 +38,7 @@ li + li {
                 <li><a v-link="'/switch'">Switch</a></li>
                 <li><a v-link="'/alert'">Alert</a></li>
                 <li><a v-link="'/tag'">Tag</a></li>
+                <li><a v-link="'/input'">Input</a></li>
             </ul>
         </nav>
         <router-view></router-view>
diff --git a/test/main.js b/test/main.js
index 693fd72a..227a4ee9 100644
--- a/test/main.js
+++ b/test/main.js
@@ -80,6 +80,11 @@ router.map({
         component: function (resolve) {
             require(['./routers/tag.vue'], resolve);
         }
+    },
+    '/input': {
+        component: function (resolve) {
+            require(['./routers/input.vue'], resolve);
+        }
     }
 });
 
diff --git a/test/routers/input.vue b/test/routers/input.vue
new file mode 100644
index 00000000..b5f66313
--- /dev/null
+++ b/test/routers/input.vue
@@ -0,0 +1,26 @@
+<template>
+    <i-input></i-input>
+</template>
+<script>
+    import { Input } from 'iview';
+
+    export default {
+        components: {
+            iInput: Input
+        },
+        props: {
+        
+        },
+        data () {
+            return {
+            
+            }
+        },
+        computed: {
+        
+        },
+        methods: {
+        
+        }
+    }
+</script>
\ No newline at end of file
diff --git a/test/routers/message.vue b/test/routers/message.vue
index 632c194f..32d68364 100644
--- a/test/routers/message.vue
+++ b/test/routers/message.vue
@@ -106,7 +106,6 @@
             }
         },
         ready () {
-            this.info2();
 //            Message.config({
 //                top: 50,
 //                duration: 8
diff --git a/test/routers/poptip.vue b/test/routers/poptip.vue
index 4958cc8b..1d2448a8 100644
--- a/test/routers/poptip.vue
+++ b/test/routers/poptip.vue
@@ -27,9 +27,47 @@
         padding: 8px 16px;
         text-align: left;
     }
+    .tip{
+        width: 24px;
+        position: fixed;
+        top: 10px;
+        right: 10px;
+    }
+    .tip-inner{
+        width: 24px;
+        height: 24px;
+        line-height: 22px;
+        text-align: center;
+        background: #fff;
+        border: 1px solid #3399ff;
+        color: #3399ff;
+        border-radius: 50%;
+        cursor: pointer;
+    }
+    .tip-content{
+        width: 200px;
+        height: 100px;
+        white-space: normal;
+    }
 </style>
 <template>
     <div class="tooltip_out">
+        <!--<Poptip class="tip" placement="left-start" trigger="hover">-->
+            <!--<div class="tip-inner">-->
+                <!--<Icon type="information"></Icon>-->
+            <!--</div>-->
+            <!--<div class="tip-content" slot="content">-->
+                <!--<p>iView 最新版本为 0.9.7，该版本对很多组件 UI 进行了调整</p>-->
+            <!--</div>-->
+        <!--</Poptip>-->
+        <Tooltip class="tip" placement="left-start" trigger="hover">
+            <div class="tip-inner">
+                <Icon type="information"></Icon>
+            </div>
+            <div class="tip-content" slot="content">
+                <p>iView 最新版本为 0.9.7，该版本对很多组件 UI 进行了调整</p>
+            </div>
+        </Tooltip>
         <Poptip>
             <a>click 激活</a>
             <div slot="title"><i>自定义标题</i></div>
@@ -105,10 +143,10 @@
     </div>
 </template>
 <script>
-    import { Tooltip, Button, Row, iCol, Poptip, iSelect, iOption, Message } from 'iview';
+    import { Tooltip, Button, Row, iCol, Poptip, iSelect, iOption, Message, Icon } from 'iview';
 
     export default {
-        components: { Tooltip, iButton: Button, Row, iCol, Poptip, iSelect, iOption, Message },
+        components: { Tooltip, iButton: Button, Row, iCol, Poptip, iSelect, iOption, Message, Icon },
         props: {
 
         },