wg5945 / Vue Marquee Tips
Licence: mit
基于Vue的横向跑马灯提示
Stars: ✭ 73
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Marquee Tips
Elixir Tips
The Killer Elixir Tips and Tricks...from the experience...
Stars: ✭ 833 (+1041.1%)
Mutual labels: tips
Azuretipsandtricks
Learn some of our favorite Azure tips and tricks—some long-standing, and new ones that have recently been added to become more productive with Azure. Star the repo now to shave hours off your coding tasks tomorrow.
Stars: ✭ 957 (+1210.96%)
Mutual labels: tips
Git Tips
Часто используемые трюки и советы при работе с Git
Stars: ✭ 551 (+654.79%)
Mutual labels: tips
Swift Tips
A collection useful tips for the Swift language
Stars: ✭ 743 (+917.81%)
Mutual labels: tips
Rollingnotice
所有的垂向滚屏这一个库就够了!!!滚动公告、轮播广告,支持灵活自定义cell。淘宝、口碑、京东、美团、天猫等等一切滚动广告 Roll Notice or Advertising, customize cell as UITableViewCell supported, Swift version is also ready
Stars: ✭ 445 (+509.59%)
Mutual labels: marquee
Learn Vim
Vim 实操教程(Learning Vim)Vim practical tutorial.
Stars: ✭ 1,166 (+1497.26%)
Mutual labels: tips
Burpsuite
BurpSuite using the document and some extensions
Stars: ✭ 832 (+1039.73%)
Mutual labels: tips
Txscrolllabelview
🌭TXScrollLabelView, the best way to show & display information such as adverts / boardcast / onsale e.g. with a customView.
Stars: ✭ 714 (+878.08%)
Mutual labels: marquee
Autoscrolllabel
Provides marquee like UILabel scrolling, think Music.app track title scrolling. For Obj-C & Swift.
Stars: ✭ 499 (+583.56%)
Mutual labels: marquee
Layer
丰富多样的 Web 弹出层组件,可轻松实现 Alert/Confirm/Prompt/ 普通提示/页面区块/iframe/tips等等几乎所有的弹出交互。目前已成为最多人使用的弹层解决方案
Stars: ✭ 8,202 (+11135.62%)
Mutual labels: tips
Android Tips Tricks
☑️ [Cheatsheet] Tips and tricks for Android Development
Stars: ✭ 4,496 (+6058.9%)
Mutual labels: tips
React Marquee Slider
The marquee slider of your deepest dreams. Only for React.js ⛺
Stars: ✭ 73 (+0%)
Mutual labels: marquee
Skautoscrolllabel
Automatically scrolling UILabel with both horizontal/vertical MARQUEE effects and gradient gradients on the edges. Gradient fading is used on the edge of the scroll to solve the problem of the hard edges of the rolling edge. The overall effect is a natural and easy to use.
Stars: ✭ 64 (-12.33%)
Mutual labels: marquee
Jquery.marquee
jQuery plugin to scroll the text like the old traditional marquee
Stars: ✭ 857 (+1073.97%)
Mutual labels: marquee
vue-marquee-tips
A Vue component to marquee
Demo
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
Usage
NPM
npm install vue-marquee-tips --save-dev
import MarqueeTips from 'vue-marquee-tips'
export default {
components: {
MarqueeTips
}
}
<MarqueeTips content="我是一个短短的提示!"></MarqueeTips>
<MarqueeTips content="我是一个比较长的提示!拉吧拉吧拉吧拉吧拉吧拉吧拉吧拉吧拉吧拉吧拉吧拉吧~~~~" style="color: red" :speed="3"></MarqueeTips>
<MarqueeTips content="加大字体提示:BigBigBigBig" style="font-size: 30px" font="30px sans-serif"></MarqueeTips>
<div style="width: 200px;margin: 0 auto;background-color: orange;">
<MarqueeTips content="容器内提示:22222222222222222" :speed="3"></MarqueeTips>
<MarqueeTips content="容器内提示:1111"></MarqueeTips>
</div>
Options
Name | Type | Default | Description |
---|---|---|---|
content |
String |
undefined |
tooltips's content |
font |
String |
16px sans-serif |
tooltips's font |
speed |
Number |
5 |
animation-duration |
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].