更新记录
1.0.0(2025-04-18)
下载此版本
PC端 详情弹窗 弹窗查看详细信息 目前仅适用于PC端
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
使用示例
<template>
<jx-popup-detail v-model:visible="detailVisible" :list="detailList" :info="detailInfo"></jx-popup-detail>
</template>
<script setup>
import {JxTootip} from '@/components/jx-tootip/jx-tootip.vue';
import {ref} from "Vue";
const content = ref('');
</script>
属性解析
属性名 |
类型 |
默认值 |
说明 |
visible |
Boolean |
false |
是否显示 |
header |
String |
'' |
头部标题 |
info |
Object |
'' |
数据信息 根据实际数据绑定即可 |
list |
Array |
'' |
展示信息 见下表 list |
表list
属性名 |
类型 |
默认值 |
说明 |
key |
String |
'' |
对应info的key |
name |
String |
'' |
要展示的名称 |
type |
String |
'text' |
类型 目前仅支持 ['text', 'file'] |