# ActQRCodeDialog 二维码弹窗
# 引入
import PressActQRCodeDialog from 'press-plus/press-act-q-r-code-dialog/press-act-q-r-code-dialog';
export default {
components: {
PressActQRCodeDialog,
}
}
# 代码演示
# 基础用法
<PressActQRCodeDialog
:show.sync="show"
/>
export default {
data() {
return {
show: true,
}
}
}
# API
# Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| show | show | boolean | false |
| url | url | String | null |
| image | image | String | https://image-1251917893.file.myqcloud.com/2020/TIP-igame-H5/gh_9e4c56699893_258.jpg |
| title | title | String | 扫一扫二维码 |
| use-tip-class | 是否使用 tip-comp 为前缀的类名 | boolean | false |
| hide-tip-style | 是否隐藏 @TIP_STYLE_NAME 关键词编译时加的样式 | boolean | false |
# Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| update:show | update:show | false |
# Inject
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| globalHideTipStyle | 是否隐藏关键词编译的样式,对应 hide-tip-style 属性 | boolean | false |
# 自定义样式
外链地址:
样式内容: