other / mew-iview

Blame view

local/routers/notice.vue 1.94 KB
Edit Raw Normal View History
40f8606f   梁灏   add Notice component 
1
 
  <template>
dce3e753   梁灏   add Tooltip compo... 
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
      <Tooltip content="Top Left 提示文字" placement="top" disabled>
          <Button>上面的左面</Button>
          <div slot="content">
              <p>附近的是否会可接受的</p>
              <p>飞机史蒂夫</p>
          </div>
      </Tooltip>
      <Tooltip content="Top Left 提示文字" placement="bottom">
          仅仅是一段文字而已，this的回复看就是风刀霜剑
      </Tooltip>
      <Tooltip content="Top Left 提示文字" placement="left" delay="1000">
          <Button>上面的左面</Button>
      </Tooltip>
      <Tooltip content="Top Left 提示文字" placement="right">
          <Button>上面的左面</Button>
      </Tooltip>
      <Tooltip content="Top Left 提示文字" placement="top-start">
          <Button>上面的左面</Button>
      </Tooltip>
      <Tooltip content="Top Left 提示文字" placement="top-end">
          <Button>上面的左面</Button>
      </Tooltip>
      <Tooltip content="Top Left 提示文字" placement="bottom-start">
          <Button>上面的左面</Button>
      </Tooltip>
      <Tooltip content="Top Left 提示文字" placement="bottom-end">
          <Button>上面的左面</Button>
      </Tooltip>
      <Tooltip content="Top Left 提示文字" placement="left-start">
          <Button>上面的左面</Button>
      </Tooltip>
      <Tooltip content="Top Left 提示文字" placement="left-end">
          <Button>上面的左面</Button>
      </Tooltip>
      <Tooltip content="Top Left 提示文字" placement="right-start">
          <Button>上面的左面</Button>
      </Tooltip>
      <Tooltip content="Top Left 提示文字" placement="right-end">
          <Button>上面的左面</Button>
      </Tooltip>
40f8606f   梁灏   add Notice component 
42
43
 
  </template>
  <script>
dce3e753   梁灏   add Tooltip compo... 
44
 
      import { Tooltip, Button } from 'iview';
40f8606f   梁灏   add Notice component 
45
46
 
  
      export default {
dce3e753   梁灏   add Tooltip compo... 
47
 
          components: { Tooltip, Button },
40f8606f   梁灏   add Notice component 
48
49
50
51
52
 
          props: {
          
          },
          data () {
              return {
dce3e753   梁灏   add Tooltip compo... 
53
40f8606f   梁灏   add Notice component 
54
55
56
57
58
59
 
              }
          },
          computed: {
          
          },
          methods: {
40f8606f   梁灏   add Notice component 
60
40f8606f   梁灏   add Notice component 
61
62
63
 
          }
      }
  </script>