Commit 0d6f5456 by 姜雷

添加列表组件

parent c92b3cd4
<template> <template>
<list-layout> <list-layout>
<md-table :data="listData">
<md-table-column
type="index"
label="序号"
align="center"
min-width="55"
width="55"
/>
<md-table-column
label="姓名"
align="center"
min-width="100"
prop="name"
/>
</md-table>
<template slot="footer"> <template slot="footer">
<md-pagination <md-pagination
:pagination="pagination" :pagination="pagination"
...@@ -15,6 +30,14 @@ export default { ...@@ -15,6 +30,14 @@ export default {
name: "paginationPage", name: "paginationPage",
data() { data() {
return { return {
listData: [
{
name: "1111"
},
{
name: "2222"
}
],
pagination: { pagination: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
{ {
"name": "rym-element-ui", "name": "rym-element-ui",
"version": "0.1.11", "version": "0.1.12",
"description": "任意门组件库", "description": "任意门组件库",
"main": "lib/rymUi.common.js", "main": "lib/rymUi.common.js",
"scripts": { "scripts": {
......
import Table from './TableWrap';
Table.install = Vue => {
Vue.components(Table.name, Table);
};
export default Table;
import TableColumn from '../Table/TableColumn.vue';
TableColumn.install = Vue => {
Vue.component(TableColumn.name, TableColumn);
};
export default TableColumn;
...@@ -6,6 +6,8 @@ import SearchItem from './components/SearchItem/index'; ...@@ -6,6 +6,8 @@ import SearchItem from './components/SearchItem/index';
import DatePicker from './components/DatePicker/index'; import DatePicker from './components/DatePicker/index';
import DateRangePicker from './components/DateRangePicker/index'; import DateRangePicker from './components/DateRangePicker/index';
import TagsViews from './components/TagsViews/index'; import TagsViews from './components/TagsViews/index';
import Table from './components/Table/index';
import TableColumn from './components/TableColumn/index';
import { Option } from 'element-ui'; import { Option } from 'element-ui';
const install = Vue => { const install = Vue => {
...@@ -17,6 +19,8 @@ const install = Vue => { ...@@ -17,6 +19,8 @@ const install = Vue => {
Vue.component(SidebarNav.name, SidebarNav); Vue.component(SidebarNav.name, SidebarNav);
Vue.component(MdPagination.name, MdPagination); Vue.component(MdPagination.name, MdPagination);
Vue.component(TagsViews.name, TagsViews); Vue.component(TagsViews.name, TagsViews);
Vue.component(Table.name, Table);
Vue.component(TableColumn.name, TableColumn);
// Element-ui // Element-ui
Vue.component(Option.name, Option); Vue.component(Option.name, Option);
// input // input
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment