Browse Source

修改样式

lilinsen 6 years ago
parent
commit
c0e40ac3df
1 changed files with 9 additions and 5 deletions
  1. 9 5
      sites/doc/compents/hidden/hidden.vue

+ 9 - 5
sites/doc/compents/hidden/hidden.vue

@@ -9,20 +9,19 @@
         :class="{
             show:isShow,
             hide:isHide
-        }" 
-        :style="siteHeight" 
-        style="transition: all .2s;">
+        }"         
+        >
         <slot></slot>        
     </div>
     <div :title="titleMsg" v-if="heightSlot>400" class="bar" @click="showall">
             <svg  width="20" viewBox="0,0 20,10">
                 <path v-if="isShow" d="M 0,5 
                             L10,10 
-                            L 20,5" fill="#fff" stroke="#999">                    
+                            L 20,5" fill="none" stroke="#000">                    
                 </path>
                 <path v-if="!isShow" d="M 0,5 
                             L10,0 
-                            L 20,5" fill="#fff" stroke="#999">                    
+                            L 20,5" fill="none" stroke="#000">                    
                 </path>
             </svg>
         </div>
@@ -70,6 +69,9 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.eidt-box{
+    transition: all .5s;
+}
 .swap{
     position: relative;
    
@@ -82,9 +84,11 @@ export default {
 .show{   
     overflow:hidden;
     position: relative;
+     max-height: 400px;
 }
 .hide{    
     position: relative;
+    max-height: 2000px;
 }
 .bar{
     height: 30px;