uniapp自定义浮动图标、列表布局

可可鸭~

已于 2024-08-12 17:40:08 修改

阅读量438

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序开发前端实战开发文章标签： uniapp

于 2024-08-12 17:38:40 首次发布

本文链接：https://blog.csdn.net/qq_43547255/article/details/141137786

前端实战开发同时被 2 个专栏收录

37 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

小程序开发

18 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

在这里插入图片描述
uniapp自定义浮动图标

	<button class="fab" @click="goPage">
			<image src="../../../static/yiyuan.png" mode="" style="width: 60rpx;height:60rpx;"></image>
		</button>

	.fab {
		z-index: 100;
		position: fixed;
		bottom: 100px;
		right: 20px;
		width: 60px;
		height: 60px;
		background-color: rgba(255, 249, 195, 0.5);
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-width: 0px;
		border: 0;
		box-shadow: 0;
	}

在这里插入图片描述