uniapp - 实现卡片式胶囊单选后右上角出现 “√“ 对勾对号选中效果功能,适用于小程序h5网页app全平台通用(一键复制组件源码,开箱即用!)

效果图

uniapp全平台兼容(小程序/h5网页/app)实现点击选择后,右上角出现 √ 对号效果(角标形式展现),功能组件,

改个样式,直接复制使用该组件。

在这里插入图片描述

组件源码

在 components 组件文件夹下,随便建立一个 .vue 文件,一键复制下方源码。

你可能感兴趣的:(前端解决方案,uniapp,uniap网页h5小程序app,uniapp实现胶囊式单选功能,uni圆角小卡片样式的单选多选,uni选中后右上角出现对号对勾,选择后右侧出现√对勾选中效果,出现三角型选中并有对号对勾)