2019-04-15 | 开源项目 | UNLOCK

wxpay-ui

介绍:

A vue 2.0 UI components for web.

安装:

1
npm install wxpay-ui

全局引入:

1
2
3
import wxpayUi from 'wxpay-ui';

Vue.use(wxpayUi);

使用:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<template>
<!--卡片组件-->
<Card>
<!--卡片title 内置弹窗组件 -->
<CardTitle title="标题" popmessage="弹出消息"></CardTitle>
<!--卡片面板组件-->
<CardPanel>
<!---tab切换组件-->
<Tabs :type="type" name="areadistribute" :iupdatekey="updatekey" @changeType="changeType"/>
<!--table组件-->
<iTable :header="header" :dataList="dataList">
<!--自定义table列表内容-->
<tr v-for="(item, index) in dataList" @click="goto_trends(item.key)">
...
<td >
<span>{{item.submchname}}</span>
<span class="rankinglist_left">{{item.submchcode}}</span>
</td>
</tr>
</iTable>
<Paginator :totalPage="page_total" :icurrentPage="page_no" @changePage="changePage"/>
</CardPanel>
</Card>
</template>

开发

1
2
npm install
npm run dev

源码地址

====>>> 点我

评论加载中

上一页 下一页