Newsworthy Presidential Mistakes

    vue-ret-q

    1.0.0 • Public • Published

    vue-marquee

    A Vue component to marquee

    Build Setup

    # install dependencies
    npm install
     
    # serve with hot reload at localhost:8080
    npm run dev
     
    # build for production with minification
    npm run build
     
    # build for production and view the bundle analyzer report
    npm run build --report

    使用组件

    通过npm install vue-marquee-ho -s 安装到相应的项目下,安装成功如下图所示:

    如图

    到项目中的node_modules/目录下将可以看到:

    如图

    需要用到该组件时可以这样引入

    import VueMarquee from 'vue-marquee-ho';
    import Css from 'vue-marquee-ho/dist/vue-marquee.min.css'
    export default {
      name: 'app',
      components:{
          "vue-marquee": VueMarquee
        },
    }
    

    看一个demo:

    <template>
      <div id="app">
        <div class="marquee-wrap" style="width: 100px;"><vue-marquee content="33333" class="two"  :showtwo="false"></vue-marquee></div>
        <div class="marquee-wrap" style="width: 100px;"><vue-marquee content="22222" class="two"  :showtwo="false"></vue-marquee></div>
        <div class="marquee-wrap" style="width: 100px;"><vue-marquee content="1" class="two"  :showtwo="false"></vue-marquee></div>
        <router-view></router-view>
      </div>
    </template>
    
    <script>
    import VueMarquee from 'vue-marquee-ho';
    import Css from 'vue-marquee-ho/dist/vue-marquee.min.css'
    export default {
      name: 'app',
      components:{
          "vue-marquee": VueMarquee
        },
    }
    </script>
    

    效果:

    如图

    For detailed explanation on how things work, checkout the guide 构建过程,见 guide

    Keywords

    none

    Install

    npm i vue-ret-q

    DownloadsWeekly Downloads

    2

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    30.4 kB

    Total Files

    29

    Last publish

    Collaborators

    • jump.npm