vue.js城市选择框组件
Vue Trunquee (Vue Trunquee)
A truncated marquee component for Vue.js.
Vue.js的截断的字幕组件。
Trunquee.vue
truncates text wider than its container, with a marquee reveal on mouse enter.
Trunquee.vue
将截断的文本截断成比其容器更宽的文本,并在鼠标输入时显示选取框。
Vue组件来源 (Vue Component Source)
See: /src/components/Trunquee.vue
请参阅: /src/components/Trunquee.vue
道具 (Props)
Name | Type | Description |
---|---|---|
text | String | Text to truncate (required) |
speed | Number | Marquee speed in milliseconds (default: 85) |
cursor | String | CSS cursor on hover (default: 'help') |
名称 | 类型 | 描述 |
---|---|---|
text | 串 | 要截断的文字(必填) |
speed | 数 | 选取框速度,以毫秒为单位(默认值:85) |
cursor | 串 | 悬停时CSS光标(默认值:“帮助”) |
用法 (Usage)
See: /src/Demo.vue
参见: /src/Demo.vue
演示版 (Demo)
npm install
npm run serve
翻译自: https://vuejsexamples.com/a-truncated-marquee-component-for-vue-js/
vue.js城市选择框组件