探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置:首页>小程序资讯
微信小程序好看的个人中心界面之水波纹
来源:南京小程序开发 发布时间:2023-08-28点击:111

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

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

 

个人中心上部分的代码:

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

1、html的代码

  • 上一篇:怎么开小程序商城
  • 下一篇:我的水世界求生菜谱大全 微信小程序我的水世界求生菜谱汇总[多图]
  • 版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请?我们先了解下小程序开发的步骤流程:第一步,申请小程序账号并认证第二步,开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业,用打印机怎么操作才可以打印出来?Ⅴ信发来的文档、作业,不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了,然后用你的优化软件清理下系统缓存垃圾、注册列表,然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级,8 月 26 日起向开发者收费,这一组件能给用户使用带来哪些便利?
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-08-08
    微信小程序最新授权登录写法
    怎么取消微信小程序的授权登录取消微信来自并培小程序的授权登录方式如下。1、打开微信,进入“我”的页面···
    2023-08-17
    怎么找开发微信小程序平台
    怎么找开发微信小程序平台你是想找人帮你开发微信小程序吧,如果是这样的话,找专业的开发服务商会比较靠谱···
    2023-08-18
    【线上售楼部小程序】线上售楼部小程序优化思路
    伴随着肺炎疫情转好,线下实体售楼部开始相继对外开放,地产营销工作重点也发生了转变。那么,线下对外开放···
    2023-08-14
    微信小程序网游修改器
    注册的微信小程序账号 可以注销吗?微信小程序账号可以注销吗?是的!可以注销,需验证对公帐号,但任然有···
    2023-08-07
    uniapp,高德地图实现选址功能(字节小程序)
    记录,留后自用:小程序项目按要求必须使用高德地图。在使用uniapp开发小程序过程中,如何使用高德地···
    友情链接: 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发