uni-app - 满意度调查评价功能,表情图片打分评分组件(非星星评分组件,类似抖音商品满意度推荐、一般、不推荐评价功能)代码干净整洁注释详细无 BUG,无任何第三方插件依赖,完整功能实例源码插件

前言

网上的教程组件代码写的太多,而且功能不好用,主要都存在图片切换时 “闪烁” 的问题。

实现了 全端兼容的表情图片满意度评价功能(评分组件),高效无 BUG 没有任何插件依赖,

本文示例代码干净整洁注释详细(代码极少且优雅完成功能),您只需要一键复制代码再把图片换了即可使用,


如下图所示,点击选择时自动切换图片,并且图片不会出现任何卡顿、闪烁的问题:

代码只完成了核心功能,您可以随意进行改造

在这里插入图片描述

示例源码

推荐使用一键复制功能,避免漏选。

随便找个新页面,一键复制运行起来查看效果。

<!-- 
	1. 父组件引入时,请监听@result事件,这是用户选择的评价结果(具体请看代码,不需要的话请注释掉)
	2. 请一定要看文章最后的【优化体验】小节,为了演示示例目前只能使用网络路径,还能再优化。
	3. 本示例的图片可能随时失效,如失效请自行更换。
 -->

<

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/128214497