chenhaodong / mew-iview

  <style>
      .tooltip_out{

          padding: 150px;

      }
      body{

          height: 1000px;

          padding: 10px;
      }
  </style>

  <template>

      <div class="tooltip_out">

          <!--<Poptip title="标题" content="内容">-->
              <!--<Button>click 触发</Button>-->
          <!--</Poptip>-->
          <!--<Poptip title="标题" content="内容" trigger="hover">-->
              <!--<Button>hover 触发</Button>-->
          <!--</Poptip>-->

          <Poptip title="确定删除这条信息吗？" confirm content="内容" trigger="focus" @on-ok="ok" @on-cancel="cancel">
              <a><strong>Delete</strong></a>

          </Poptip>
          <!--<Poptip title="标题" content="内容" trigger="focus">-->

              <!--<input type="text">-->
          <!--</Poptip>-->
          <!--<Poptip title="标题" content="内容" trigger="focus">-->

              <!--<Button>focus 触发</Button>-->
          <!--</Poptip>-->

          <!--<Tooltip content="这里是提示文字">-->
              <!--当鼠标经过这段文字时，会显示一个气泡框-->
          <!--</Tooltip>-->
          <Poptip>
              <a>click 激活</a>
              <div slot="content">
                  <a>关闭提示框</a>
              </div>
          </Poptip>

      </div>

  </template>
  <script>

      import { Tooltip, Button, Row, iCol, Poptip, iSelect, iOption, Message } from 'iview';

  
      export default {

          components: { Tooltip, Button, Row, iCol, Poptip, iSelect, iOption, Message },

          props: {
          
          },
          data () {
              return {

              }
          },
          computed: {
          
          },
          methods: {

              ok () {
                  Message.info('ok');
              },
              cancel () {
                  Message.info('cancel');
              }

          }
      }
  </script>