Blame view

examples/routers/tooltip.vue 1.13 KB
650ce7b8   梁灏   optimize Tooltip ...
1
  <template>
6b498dd1   梁灏   Tooltip add maxWi...
2
      <div style="margin: 200px;">
28ab119d   梁灏   Tooltip support t...
3
          <Tooltip always placement="top-end" :content="text" :delay="1000" theme="light">
fcf3cace   梁灏   Poptip & Tooltip ...
4
5
              <Button @click="disabled = true">延时1秒显示</Button>
          </Tooltip>
28ab119d   梁灏   Tooltip support t...
6
          <Tooltip always :max-width="200" content="我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长">
cd92d878   梁灏   fixed #1482
7
              <Button @click="handleChange">change</Button>
fcf3cace   梁灏   Poptip & Tooltip ...
8
          </Tooltip>
cd92d878   梁灏   fixed #1482
9
          <Button @click="handleChange">change</Button>
28ab119d   梁灏   Tooltip support t...
10
          <Poptip title="Title" padding="0" width="250" word-wrap content="我的文本超级,无敌,长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长">
46c07066   梁灏   update Poptip style
11
12
              <Button>Click</Button>
          </Poptip>
fcf3cace   梁灏   Poptip & Tooltip ...
13
      </div>
650ce7b8   梁灏   optimize Tooltip ...
14
15
  </template>
  <script>
650ce7b8   梁灏   optimize Tooltip ...
16
      export default {
cd92d878   梁灏   fixed #1482
17
18
19
20
21
22
23
24
25
26
          data () {
              return {
                  text: 'Tooltip 文字提示'
              };
          },
          methods: {
              handleChange () {
                  this.text = '提示'
              }
          }
650ce7b8   梁灏   optimize Tooltip ...
27
28
      }
  </script>