| 1 | # Tip
|
| 2 |
|
| 3 | 文本溢出气泡展示
|
| 4 |
|
| 5 | ## 代码演示
|
| 6 |
|
| 7 | :::kview
|
| 8 |
|
| 9 | ```html
|
| 10 | <template>
|
| 11 | <k-tip position="right" :content="contentString" :text="contentString"></k-tip>
|
| 12 | </template>
|
| 13 |
|
| 14 | <script>
|
| 15 |
|
| 16 |
|
| 17 | export default {
|
| 18 | data() {
|
| 19 | return {
|
| 20 | contentString: "今天天气真不错，适合去打球，但是没人一起，就算了吧",
|
| 21 | }
|
| 22 | },
|
| 23 | };
|
| 24 | </script>
|
| 25 | ```
|
| 26 | :::
|
| 27 |
|
| 28 |
|
| 29 | ## Props
|
| 30 | <div class="markdown-table">
|
| 31 |
|
| 32 | | 参数 | 说明 | 类型 | 默认值| 是否必须|
|
| 33 | |-------|---------|------|--------|----------|
|
| 34 | |popperClass|附加样式|string|-|-
|
| 35 | |text|填充文本|string|文本|-
|
| 36 | |content|提示内容|string|提示内容|-
|
| 37 | |position|展示位置|string|top|-
|
| 38 | |textWidth|文本宽度|number|110|-
|
| 39 |
|
| 40 | </div>
|
| 41 |
|