Browse Source

优化回到顶部按钮样式

jin cao 7 years ago
parent
commit
94e6084308
3 changed files with 15 additions and 16 deletions
  1. 12 9
      src/packages/backtop/backtop.scss
  2. 2 7
      src/packages/backtop/backtop.vue
  3. 1 0
      src/packages/backtop/doc.md

File diff suppressed because it is too large
+ 12 - 9
src/packages/backtop/backtop.scss


+ 2 - 7
src/packages/backtop/backtop.vue

@@ -2,11 +2,6 @@
     <div :class="['nut-backtop', {'show': backTop}]" :style="styles" @click="goto">
         <slot>
             <div class="nut-backtop-main">
-                <nut-icon 
-                    type="top" 
-                    color="#f0250f"
-                >
-                </nut-icon>
             </div>
         </slot>
     </div>
@@ -22,11 +17,11 @@
             },
             bottom: {
                 type: Number,
-                default: 30
+                default: 20
             },
             right: {
                 type: Number,
-                default: 30
+                default: 10
             },
             duration: {
                 type: Number,

+ 1 - 0
src/packages/backtop/doc.md

@@ -24,6 +24,7 @@
 >
 </nut-backtop>
 ```
+
 ```javascript
 export default {
   methods: {