chenhaodong / mew-iview

  <style>

  </style>
  <template>

      <Page :total="40" size="small"></Page>
      <Page :total="40" size="small" show-elevator show-sizer></Page>
      <Page :total="40" size="small" show-total></Page>

      <Page :total="100" show-sizer :page-size="5" :page-size-opts="[5,10,15,20]"></Page>

  </template>
  <script>

      import { Modal, Button, Message, Page } from 'iview';

  
      export default {

          components: { Modal, Button, Page },

          props: {

          },
          data () {
              return {

              }        

          },
          methods: {

              info () {
                  Modal.info({
                      title: '这是对话框标题',
                      content: `<p>这是对话框内容</p><p>这是对话框内容这是对话框内容这是对话框内容这是对话框内容这是对话框内容这是对话框内容这是对话框内容这是对话框内容这是对话框内容这是对话框内容</p>`
                  });
              },
              success () {
                  Modal.success();
              },
              warning () {
                  Modal.warning();
              },
              error () {
                  Modal.error();

              },

              confirm () {
                  Modal.confirm({
  //                    okText: 'OK',
  //                    cancelText: 'Cancel',
                      title: '删除提示',
                      content: '删除后将不可找回，您确定要删除吗？',
                      onCancel () {
                          Message.info('cancel it');
                      },
                      onOk () {
                          setTimeout(() => {
                              Modal.remove();
                              Message.success('OK!');
                          }, 2000);
                      },
                      loading: true
                  });

              }
          }
      }

  </script>