# ActInputQQ 输入QQ弹窗
# 引入
import PressActInputQQ from 'press-plus/press-act-input-q-q/press-act-input-q-q';
export default {
components: {
PressActInputQQ,
}
}
# 代码演示
# 基础用法
<PressActInputQQ
:show.sync="show"
:qqnumber.sync="qqNumber"
@clickButton="clickButton"
/>
export default {
data() {
return {
show: true,
qqNumber: '1',
};
},
methods: {
clickButton() {
this.onGTip('[clickButton]');
},
},
}
# API
# Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| show | 是否显示弹窗 | boolean | false |
| qqnumber | QQ号码 | string | true |
| use-tip-class | 是否使用 tip-comp 为前缀的类名 | boolean | false |
| hide-tip-style | 是否隐藏 @TIP_STYLE_NAME 关键词编译时加的样式 | boolean | false |
# Events
| 事件名 | 说明 | 参数 |
|---|---|---|
| clickButton | 点击确认 | - |
| update:show | 更新展示状态 | show,是否展示 |
| update:qqnumber | 更新 QQ | qqNumber,QQ 号码 |
# Inject
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| globalHideTipStyle | 是否隐藏关键词编译的样式,对应 hide-tip-style 属性 | boolean | false |
# 自定义样式
外链地址:
样式内容: