uni-app自定义弹窗组件支持图片、文本和按钮功能
自定义样式的弹窗组件,功能上蛮灵活,支持加图、加字、加按钮,怎么搭配都行。用的是 uni-app,写一次能跑全端,省事不少。
组件结构挺清晰的,图片、文本、按钮都拆得干净,改样式方便。比如你要做一个营销弹窗,加个活动图、配两行文案,再放个‘立即抢购’的按钮,几分钟就能整完。
交互逻辑也比较好用,像按钮点击事件啥的,直接用@click
绑定就行,响应也快,代码也简单。不想用默认图标和文字?都能自定义,连z-index
、position: fixed
这些你都能自己调。
哦对了,像那种需要弹多次的弹窗,记得加个v-if
控制一下,不然用户体验会有点烦。你也可以加个缓存标记,比如只弹一次、或者用户操作后不再提示,体验会好多。
如果你刚好在做活动弹窗、引导弹窗之类的场景,这个组件拿来改一改就能用,省时省力。要了解更多细节,也可以看看下面这两篇文章,思路上挺有参考价值的:
11.23KB
文件大小:
评论区