添加普通弹窗

examples/containers/Dialog.vue

+<template>
+  <list-layout>
+    <div class="components-demo-wrap">
+      <date-picker v-model="filters.dateTime" />
+    </div>
+    <div class="components-demo-wrap">
+      <date-range-picker v-model="filters.dateRange" />
+    </div>
+    <template slot="filterItem">
+      <el-button
+        type="primary"
+        @click="showInfoDialog"
+      >信息点击</el-button>
+
+      <el-button
+        type="primary"
+        @click="showCheckDialog"
+      >确认框点击</el-button>
+    </template>
+  </list-layout>
+</template>
+
+<script>
+import Vue from "vue";
+import { Button } from "element-ui";
+
+Vue.component(Button.name, Button);
+
+export default {
+  name: "DialogPage",
+  data() {
+    return {
+      filters: {}
+    };
+  },
+  methods: {
+    showcheck() {
+      this.$mdAlert.info("内层弹窗");
+    },
+    showInfoDialog() {
+      this.$mdAlert.info("dasd");
+    },
+    showCheckDialog() {
+      this.$mdAlert.confirm(
+        <div class="im">
+          adsasd<i class="ImportentText"> 51</i>sss
+        </div>
+      );
+    }
+  }
+};
+</script>

examples/route.js

@@ -4,6 +4,8 @@ import Home from './containers/Home.vue';
 import DatePicker from './containers/DatePicker.vue';
 import SearchItem from './containers/SearchItem.vue';
 import Pagination from './containers/Pagination.vue';
+import Dialog from './containers/Dialog.vue';
+
 import layoutIcon from '../src/assets/images/menu/home.png';
 
 Vue.use(Router);
@@ -51,6 +53,20 @@ export const routerMap = [
       },
     ],
   },
+  {
+    path: '/baseDialog',
+    name: 'baseDialog',
+    component: { render: h => <router-view /> },
+    meta: { title: '基础弹窗' },
+    children: [
+      {
+        path: 'dialog',
+        name: 'dialog',
+        component: Dialog,
+        meta: { title: '弹窗' },
+      },
+    ],
+  },
 ];
 
 export default new Router({

package.json

 {
   "name": "rym-element-ui",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "任意门组件库",
   "main": "lib/rymUi.common.js",
   "scripts": {

src/index.js

@@ -8,6 +8,7 @@ import DateRangePicker from './components/DateRangePicker/index';
 import TagsViews from './components/TagsViews/index';
 import Table from './components/Table/index';
 import TableColumn from './components/TableColumn/index';
+import MessageBox from './components/MessageBox/index';
 import { Option } from 'element-ui';
 
 const install = Vue => {
@@ -21,6 +22,7 @@ const install = Vue => {
   Vue.component(TagsViews.name, TagsViews);
   Vue.component(Table.name, Table);
   Vue.component(TableColumn.name, TableColumn);
+  Vue.prototype.$mdAlert = MessageBox;
   // Element-ui
   Vue.component(Option.name, Option);
   // input