Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

dami-single-line-table

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

dami-single-line-table - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

2

package.json
{
"name": "dami-single-line-table",
"version": "1.0.6",
"version": "1.0.7",
"description": "A Vue component to marquee",

@@ -5,0 +5,0 @@ "author": "dami",

@@ -1,73 +0,28 @@

# vue-marquee
## Installation
> A Vue component to marquee
```
$ npm install dami-single-line-table
```
## Build Setup
## Use
``` bash
# install dependencies
npm install
```js
import BMLoading from 'dami-single-line-table';
# 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` 安装到相应的项目下,安装成功如下图所示:
![如图][10]
到项目中的node_modules/目录下将可以看到:
![如图][11]
需要用到该组件时可以这样引入
```html
<dami-single-line-table :data="table_data"></dami-single-line-table>
```
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
},
```js
data(){
return {
table_data:[{
title:'姓名',//固定参数 标题
content:data.teaName//固定参数 内容
}]
}
}
</script>
```
效果:
![如图][12]
[10]: http://images.cnblogs.com/cnblogs_com/wj204/871432/o_8.png
[11]: http://images.cnblogs.com/cnblogs_com/wj204/871432/o_9.png
[12]: http://images.cnblogs.com/cnblogs_com/wj204/871432/o_11.gif
For detailed explanation on how things work, checkout the [guide](http://www.cnblogs.com/wj204/p/6868375.html)
构建过程,见 [guide](http://www.cnblogs.com/wj204/p/6868375.html)
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc