Ana Sayfa Keşfet Yardım
Giriş Yap
packages
/
element-ui
2
0
Çatalla 1
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Kaynağa Gözat

docs update

baiyaaaaa 9 yıl önce
ebeveyn
267f3c20bc
işleme
85160822fa
9 değiştirilmiş dosya ile 34 ekleme ve 14 silme
Birleşik Görünüm Farklılık Durumunu Göster
  1. 1 0
      examples/app.vue
  2. BIN
      examples/assets/images/zhinan.png
  3. BIN
      examples/assets/images/zujian.png
  4. 1 1
      examples/components/header.vue
  5. 24 9
      examples/components/side-nav.vue
  6. 2 0
      examples/docs/typography.md
  7. 1 1
      examples/index.template.html
  8. 3 3
      examples/pages/index.vue
  9. 2 0
      examples/pages/resource.vue

+ 1 - 0
examples/app.vue
Dosyayı Görüntüle 

@@ -28,6 +28,7 @@
 
     padding: 20px 25px;
 
     padding: 20px 25px;
 
     background-color: #f9fafc;
 
     background-color: #f9fafc;
 
     margin-bottom: 25px;
 
     margin-bottom: 25px;
 
+    border-radius: 2px;
 
   }
 
   }
 
 
 
   .main-cnt {
 
   .main-cnt {

BIN
examples/assets/images/zhinan.png
Dosyayı Görüntüle


BIN
examples/assets/images/zujian.png
Dosyayı Görüntüle


+ 1 - 1
examples/components/header.vue
Dosyayı Görüntüle 

@@ -99,7 +99,7 @@
 
       'header-hangUp': hangUp
 
       'header-hangUp': hangUp
 
     }">
 
     }">
 
       <div class="container">
 
       <div class="container">
 
-        <h1><router-link to="/">Element<span>Beta</span></router-link></h1>
 
+        <h1><router-link to="/">Element</router-link></h1>
 
         <ul class="nav">
 
         <ul class="nav">
 
           <li class="nav-item">
 
           <li class="nav-item">
 
             <router-link
 
             <router-link

+ 24 - 9
examples/components/side-nav.vue
Dosyayı Görüntüle 

@@ -17,26 +17,41 @@
 
       a {
 
       a {
 
         font-size:18px;
 
         font-size:18px;
 
         color:#5e6d82;
 
         color:#5e6d82;
 
-        line-height: 32px;
 
-        height: 32px;
 
-        margin: 10px 0;
 
-        padding: 0 0 0 10px;
 
+        line-height: 42px;
 
+        height: 42px;
 
+        margin: 0;
 
+        padding: 0 0 0 12px;
 
         text-decoration: none;
 
         text-decoration: none;
 
-        border-left: 2px solid transparent;
 
         display: block;
 
         display: block;
 
+        position: relative;
 
+        transition: all .3s;
 
 
 
         &.active {
 
         &.active {
 
           color: #20a0ff;
 
           color: #20a0ff;
 
-          border-left-color: #20a0ff;
 
+
 
+          &:after {
 
+            content: '';
 
+            width: 2px;
 
+            background-color: #20a0ff;
 
+            height: 32px;
 
+            border-radius: 2px;
 
+            left: 0;
 
+            position: absolute;
 
+            top: 5px;
 
+          }
 
         }
 
         }
 
       }
 
       }
 
       .nav-item {
 
       .nav-item {
 
         a {
 
         a {
 
+          display: block;
 
+          height: 42px;
 
+          line-height: 42px;
 
           font-size: 14px;
 
           font-size: 14px;
 
-          padding-left: 20px;
 
+          padding-left: 22px;
 
+
 
 
 
           &:hover {
 
           &:hover {
 
-            background-color: #eee;
 
+            color: #20a0ff;
 
           }
 
           }
 
         }
 
         }
 
       }
 
       }
 
@@ -44,7 +59,7 @@
 
     .nav-group__title {
 
     .nav-group__title {
 
       color: #99a9bf;
 
       color: #99a9bf;
 
       padding-left: 15px;
 
       padding-left: 15px;
 
-      line-height: 32px;
 
+      line-height: 34px;
 
     }
 
     }
 
   }
 
   }
 
 </style>
 
 </style>

+ 2 - 0
examples/docs/typography.md
Dosyayı Görüntüle 

@@ -12,6 +12,7 @@
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
     display: inline-block;
 
     display: inline-block;
 
     margin-right: 17px;
 
     margin-right: 17px;
 
+    border-radius: 4px;
 
 
 
     .name {
 
     .name {
 
       position: absolute;
 
       position: absolute;
 
@@ -24,6 +25,7 @@
 
       line-height: 35px;
 
       line-height: 35px;
 
       text-align: left;
 
       text-align: left;
 
       text-indent: 10px;
 
       text-indent: 10px;
 
+      font-family: 'Helvetica Neue';
 
     }
 
     }
 
   }
 
   }
 
   .demo-typo-size {
 
   .demo-typo-size {

+ 1 - 1
examples/index.template.html
Dosyayı Görüntüle 

@@ -3,7 +3,7 @@
 
   <head>
 
   <head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <link rel="stylesheet" href="//at.alicdn.com/t/font_1471936010_8874195.css">
 
     <link rel="stylesheet" href="//at.alicdn.com/t/font_1471936010_8874195.css">
 
-    <title>ELEMENT</title>
 
+    <title>Element</title>
 
   </head>
 
   </head>
 
   <body>
 
   <body>
 
     <div id="app"></div>
 
     <div id="app"></div>

+ 3 - 3
examples/pages/index.vue
Dosyayı Görüntüle 

@@ -60,7 +60,7 @@
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
     text-align: center;
 
     text-align: center;
 
     position: relative;
 
     position: relative;
 
-    transition: bottom .3s;
 
+    transition: all .3s ease-in-out;
 
     bottom: 0;
 
     bottom: 0;
 
 
 
     img {
 
     img {
 
@@ -129,7 +129,7 @@
 
       <ul class="container">
 
       <ul class="container">
 
         <li>
 
         <li>
 
           <div class="card">
 
           <div class="card">
 
-            <img src="~examples/assets/images/zujian.svg" alt="">
 
+            <img src="~examples/assets/images/zhinan.png" alt="">
 
             <h3>指南</h3>
 
             <h3>指南</h3>
 
             <p>了解设计指南，帮助产品设计人员搭建逻辑清晰、结构合理且高效易用的产品。</p>
 
             <p>了解设计指南，帮助产品设计人员搭建逻辑清晰、结构合理且高效易用的产品。</p>
 
             <router-link
 
             <router-link
 
@@ -141,7 +141,7 @@
 
         </li>
 
         </li>
 
         <li>
 
         <li>
 
           <div class="card">
 
           <div class="card">
 
-            <img src="~examples/assets/images/zhinan.svg" alt="">
 
+            <img src="~examples/assets/images/zujian.png" alt="">
 
             <h3>组件</h3>
 
             <h3>组件</h3>
 
             <p>使用组件 Demo 快速体验交互细节;使用前端框架封装的代码帮助工程师快速开发。</p>
 
             <p>使用组件 Demo 快速体验交互细节;使用前端框架封装的代码帮助工程师快速开发。</p>
 
             <router-link
 
             <router-link

+ 2 - 0
examples/pages/resource.vue
Dosyayı Görüntüle 

@@ -42,12 +42,14 @@
 
 
 
     img {
 
     img {
 
       margin: 75px auto 35px;
 
       margin: 75px auto 35px;
 
+      height: 87px;
 
     }
 
     }
 
     h3 {
 
     h3 {
 
       margin: 0 0 10px;
 
       margin: 0 0 10px;
 
       font-size: 18px;
 
       font-size: 18px;
 
       color: #1f2f3d;
 
       color: #1f2f3d;
 
       font-weight: normal;
 
       font-weight: normal;
 
+      height: 22px;
 
     }
 
     }
 
     p {
 
     p {
 
       font-size: 14px;
 
       font-size: 14px;