fix: 修复BackTop demo页面按钮被遮挡样式问题 (jd-opensource#1293)

Co-authored-by: xushunfa459 <[email protected]>
zhouLion · May 17, 2022 · e6b93a6 · e6b93a6
1 parent 8e8f98b
commit e6b93a6
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/packages/__VUE/backtop/demo.vue b/src/packages/__VUE/backtop/demo.vue
@@ -25,12 +25,12 @@
     <div class="text-data">我是测试数据22</div>
     <div class="text-data">我是测试数据23</div>
     <div class="text-data">我是测试数据24</div>
-    <nut-backtop @click="handleClick" el-id="elId" :distance="100" :bottom="90">
-      <view class="backtop-demo"
-        ><nut-icon size="12px" class="nut-backtop-main" name="top"></nut-icon><view class="title">顶部</view></view
-      >
+    <nut-backtop @click="handleClick" el-id="elId" :distance="100" :bottom="110">
+      <view class="backtop-demo">
+        <nut-icon size="12px" class="nut-backtop-main" name="top"></nut-icon><view class="title">顶部</view>
+      </view>
     </nut-backtop>
-    <nut-backtop @click="handleClick" el-id="elId" :distance="200"></nut-backtop>
+    <nut-backtop @click="handleClick" el-id="elId" :distance="200" :bottom="50"></nut-backtop>
   </div>
 </template>