微信小程序好看的个人中心界面之水波纹_微信小程序好看的信息确认界面

作者：Gausst松鼠会 | 2024-03-21 08:18:28

踩

微信小程序好看的信息确认界面

正如下面所示，在基本信息卡片下方会一直有水波纹在流动，很适合放在个人中心界面，效果很好

实现的基本原理：用一张水波纹的gif图片，设置为和背景图同样的色调，将水波纹设置为绝对定位，固定在下方，并且显示的优先级设置为最高，即会覆盖原来的背景图，无需用js，纯css实现，具体请看下面分享的代码

个人中心上部分的代码：

注意：我是用uni-app框架来写的，用原生的朋友请自行修改一下写法

1、html的代码


<template>
	<view>
		<view class="top">
			<view class="center">
				<view class="center_top">
					<view class="center_img" @tap="toBaseInfo">
						<!-- <image src="../../static/info_img.jpg"

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/279661

微信小程序好看的个人中心界面之水波纹_微信小程序 好看的信息确认界面

个人中心上部分的代码：

1、html的代码

微信小程序好看的个人中心界面之水波纹_微信小程序好看的信息确认界面