浏览代码

优化回到顶部按钮样式

jin cao 7 年之前
父节点
当前提交
94e6084308
共有 3 个文件被更改,包括 15 次插入16 次删除
  1. 12 9
      src/packages/backtop/backtop.scss
  2. 2 7
      src/packages/backtop/backtop.vue
  3. 1 0
      src/packages/backtop/doc.md

文件差异内容过多而无法显示
+ 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">
     <div :class="['nut-backtop', {'show': backTop}]" :style="styles" @click="goto">
         <slot>
         <slot>
             <div class="nut-backtop-main">
             <div class="nut-backtop-main">
-                <nut-icon 
-                    type="top" 
-                    color="#f0250f"
-                >
-                </nut-icon>
             </div>
             </div>
         </slot>
         </slot>
     </div>
     </div>
@@ -22,11 +17,11 @@
             },
             },
             bottom: {
             bottom: {
                 type: Number,
                 type: Number,
-                default: 30
+                default: 20
             },
             },
             right: {
             right: {
                 type: Number,
                 type: Number,
-                default: 30
+                default: 10
             },
             },
             duration: {
             duration: {
                 type: Number,
                 type: Number,

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

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