Vue——Uniapp回到顶部悬浮按钮

ops/2024/10/17 16:13:28/

代码示例

javascript"><template><view class="updata" @click="handleup" :style="{bottom: bottomType+'px'}" ><i class="iconfont icon-huidaodingbu"></i></view>
</template><script>
export default {name: "backTop",
props: {bottomType: {type: Number,default: 140,required: false}},mounted(){},methods:{handleup() {uni.pageScrollTo({scrollTop: 0})},}
}
</script><style lang="scss">
// 回到顶部
.updata {position: fixed;right:5px;bottom: 140px;z-index: 99;
i {color: rgba(5, 142, 187, 0.6);font-size: 40px;
}
}
</style>

其他页面引用

 <back-top :bottom-type="60" ></back-top>


http://www.ppmy.cn/ops/126243.html

相关文章

JavaScript的100个概念

JavaScript对初学者来说既是福音&#xff0c;也是挑战。一方面&#xff0c;掌握它后可以构建各种项目&#xff0c;比如网站、应用程序和服务器&#xff0c;还能在很多行业找到工作。但另一方面&#xff0c;它又充满怪异之处&#xff0c;并被各种复杂的库和框架包围。在这段课程…

Ambari-2.7.4和HDP-3.1.4安装(附Ambari和HDP安装包)

1.、环境及软件准备 Ambari-2.7.4和HDP-3.1.4下载 ,提取码:3rwq 环境:CentOS7(我这里使用的是CentOS7.9版本)、三台虚拟机,单节点内存13GB、存储80GB 软件:mysql5.7+、jdk8、ambari-2.7.4.0-centos7.tar.gz、HDP-3.1.4.0-centos7-rpm.tar.gz、HDP-UTILS-1.1.0.22-centos7…

说下SSL/TLS四次握手过程?

参考自&#xff1a;SSL/TLS四次握手过程是怎么样的&#xff1f;HTTPS、SSL、TLS三者之间的联系和区别 一.SSL/TLS 简介 SSL(Secure Socket Layer 安全套接层)是基于 HTTPS 下的一个协议加密层&#xff0c;用于解决 HTTP 在传输数据时使用明文而导致的不安全问题。 SSL 是 HT…

一次性理清Environment体系

在Spring中&#xff0c;我们可以通过配置文件等方式去进行一些属性值的配置&#xff0c;比如通过Value注解去获取到对应的属性值&#xff0c;又或者说是想在程序运行时获取系统环境变量&#xff0c;类似的这些操作其实都是去获取一些配置数据&#xff0c;所以在Spring中对这些数…

Excel多级结构转成树结构形式

第一步&#xff1a;Excel文件的形式如下 第二步&#xff1a;转换成树结构可选形式 第三步&#xff1a;具体怎么实现&#xff1f; &#xff08;1&#xff09;、需要借助数据库中表来存储这些字段&#xff0c;一张表&#xff08;aa&#xff09;存Excel文件中的所有数据&#xff…

Python单例模式(三种实现方式:覆写__new__方法、使用装饰器、使用元类)(单例模式之线程安全)(单例的懒汉模式与饿汉模式)

文章目录 Python单例模式详解介绍单例模式的用途- 当类的构造函数被标记为私有时&#xff0c;保证无法在类外部实例化。- 当系统中的某个类只需要一个全局实例时&#xff0c;例如配置管理器、线程池等。- 资源共享&#xff0c;例如全局缓存、全局状态管理等。 实现单例模式使用…

推荐给前端同学的自动化测试库

对于前端开发而言&#xff0c;自动化测试不仅能够提高开发效率&#xff0c;还能确保应用的稳定性和可靠性。而Python提供了多种适用于前端自动化测试的库。这些库能够帮助前端开发者轻松实现UI测试、API测试和性能测试等多种需求。本文将介绍几个Python中常用的前端自动化测试库…

阿斯伯格与自闭症:特征对比及教育启示

在特殊儿童的世界里&#xff0c;阿斯伯格综合征和自闭症常常引起人们的关注。虽然两者都属于神经发育障碍范畴&#xff0c;但在特征表现上却存在着一定的差异&#xff0c;而这些差异也为特殊教育带来了不同的启示。 阿斯伯格综合征的孩子在很多方面表现出独特的特征。他们通常在…