更新记录
1.0.0(2025-04-18)
下载此版本
PC端 详情弹窗 弹窗查看详细信息 目前仅适用于PC端
平台兼容性
uni-app
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| × |
√ |
- |
- |
- |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| - |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
使用示例
<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'] |