浏览代码

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

Co-authored-by: xushunfa459 <xushunfa459@hellobike.com>
xsf 3 年之前
父节点
当前提交
e6b93a6d49
共有 1 个文件被更改,包括 5 次插入5 次删除
  1. 5 5
      src/packages/__VUE/backtop/demo.vue

+ 5 - 5
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>