SMANG 发表于 2024-6-12 13:30:16

单选按钮角标数字显示

   各位大神,请教如下需求实现方法,谢谢



Lay.Li 发表于 2024-6-12 13:30:17

您好,可以参考下方的demo


Lay.Li 发表于 2024-6-12 14:25:17

您好,这里可以考虑使用v-标签页头去实现,在您的demo中修改了一下,您可以参考参考





SMANG 发表于 2024-6-12 16:22:00

Lay.Li 发表于 2024-6-12 14:25
您好,这里可以考虑使用v-标签页头去实现,在您的demo中修改了一下,您可以参考参考

如图,当分类较多时,请问如何换行显示?



Lay.Li 发表于 2024-6-12 17:47:32

大佬,换行的话便签页头目前不太好做,不过一般这种都是水平一行展示的,如果换行的话,感觉多行放在一起不太好看。如果要换行的话,可以考虑使用图文列表去做这个按钮展示实现:loveliness:

SMANG 发表于 2024-6-12 18:35:10

Lay.Li 发表于 2024-6-12 17:47
大佬,换行的话便签页头目前不太好做,不过一般这种都是水平一行展示的,如果换行的话,感觉多行放在一起不 ...

请问能提供一个DEMO学习不?

SMANG 发表于 2024-6-14 13:41:56

Lay.Li 发表于 2024-6-13 09:47
您好,可以参考下方的demo

大佬 ,还有其它方法不?这个v-标签页头,风格类型的显示样式太少了,且不是很美观(数据多显示及单击选效果)

Lay.Li 发表于 2024-6-14 17:55:54

本帖最后由 Lay.Li 于 2024-6-14 17:58 编辑

那美化v标签页头这样的话就得写css/js代码去做了

如果用按钮或者单选按钮的话,这里的角标就不好设置了。可以参考看使用下方的插件看看行不行:'(


移动单元格位置命令
页: [1]
查看完整版本: 单选按钮角标数字显示