-
弹性布局 单选
我的样式是一行排10列
九宫格弹窗显示
代码如下
列表数据const ymList = ref([ { ym: "茯苓", }, { ym: "白芷", }, { ym: "苍耳子", }, { ym: "蝉蜕", }, { ym: "牛蒡子", }, { ym: "桑叶 ", }, { ym: "葛根", }, { ym: "柴胡", }, { ym: "蔓荆子", }, { ym: "知母", }, ]);- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
{{item.ym}}- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
点击事件
const clickYmIndex = ref(null) function ymClick(item, index) { clickYmIndex.value = index; } function ymconfirm(){ zbList.value[clickIndex.value].yymc = ymList.value[clickYmIndex.value].ym; ymDialogVisible.value = false; }- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
css样式
.row { display: flex; margin-bottom: 5px; flex-direction: row; flex-wrap: wrap; } .ymdiv { width: 105px; height: 105px; line-height: 105px; text-align: center; border-collapse: collapse; margin-right:-1px; margin-bottom:-1px; cursor: pointer; border: 1px solid #a5a3a3; }- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
-
相关阅读:
ASEMI快恢复二极管RL257参数，RL257图片，RL257应用
SpringMVC的视图
【大模型AIGC系列课程 3-8】AI 代理的应用
AUTOSAR知识点 之NvM（二）：FEE分析
左（6）hash，大数据，位运算
【MATLAB源码-第84期】基于matlab的802.11a标准的OFDM系统误码仿真对比QPSK,16QAM。
[NSSRound#7 Team]ShadowFlag
VoLTE基础自学系列 | 什么是VoLTE中的Silent Redial？它和CSFB什么关系？
Scrapy框架（四）常用的类概述
可恶的C指针、运算左右结合性质
- 原文地址：https://blog.csdn.net/hfyldx/article/details/126030192
