vue-corp-card

An Vue UI Card Component used for display Crop infos!

# install cli 
$ yarn global add @vue/cli
$ yarn global add @vue/cli-service-global
 
# uninstall cli 
$ yarn global remove @vue/cli
$ yarn global remove @vue/cli-service-global
 

# dev build tools 
$ yarn add -D bili rollup-plugin-vue vue-template-compiler
 

publish

$ npm whoami
 
$ npm adduser
 
$ npm publish
 

usage

# install 
$ yarn add vue-corp-card
# OR 
$ npm i vue-corp-card
 

import Vue from "vue";
import CorpCard from "vue-corp-card";
 
Vue.use(CorpCard);
 

Vue Style

 
<corp-card
    :rounded="true">
    CorpCard
</corp-card>
 
<corp-card
    @click="AutoSkipToPage(`newsinfo/iframe`)">
    click Button 1
</corp-card>
<!-- dblclick & mobile bug -->
<corp-card
    @dblclick="AutoSkipToPage(`newsinfo/iframe`)">
    dblclick & mobile bug
</corp-card>
<!-- dblclick & components -->
<corp-card
    @dblclick.native="AutoSkipToPage(`newsinfo/iframe`)">
    dblclick & components
</corp-card>
 

React Style

 
<!-- error -->
<CorpCard
    corpObj=""
/>
 
<!-- OK -->
<CorpCard
    :corpObj="corpObj"
/>
<CorpCard
    :corpObj="corpObj2"
/>
 

npm

https://www.npmjs.com/package/vue-corp-card

bili

https://bili.egoist.sh/#/recipes/vue-component

refs

https://www.telerik.com/blogs/vuejs-how-to-build-your-first-package-publish-it-on-npm