0.1.2 • Published 6 years ago
vue-ad-bar v0.1.2
vue-ad-bar
Usage
Install
$ npm i vue-ad-bar
Mount
<template>
<div class="hello">
<vue-ad-bar :img="adsPic" bgColor="#d8d8d8" link="https://vv13.cn"></vue-ad-bar>
...
</div>
</template>
<script>
import VueAdBar from "vue-ad-bar";
import adsPic from "./ads.png";
export default {
components: {
VueAdBar
},
data() {
return {
adsPic,
};
}
};
</script>
API
key | desc | type | default | required |
---|---|---|---|---|
img | ad img url | String | true | |
width | max width of the ad bar | String | "1200px" | |
height | max height of the ad bar | String | "80px" | |
link | ad link | String | ||
bgColor | bar background-color | String | ||
showClose | show close btn | Boolean | true | |
click | trigger by click ad-bar | Event | ||
close | trigger by close btn | Event | ||
close | close icon | Slot |