dami-single-line-table
Advanced tools
Comparing version 1.0.6 to 1.0.7
{ | ||
"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) |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Shell access
Supply chain riskThis module accesses the system shell. Accessing the system shell increases the risk of executing arbitrary code.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 3 instances in 1 package
1
1
55231
4
24
29