Blame view

local/routers/notice.vue 1.1 KB
7570318b   梁灏   fixed Tooltip pla...
1
2
3
  <style>
      .tooltip_out{
          border: 1px solid #ccc;
755df66c   梁灏   update Tooltip
4
          padding: 50px;
7570318b   梁灏   fixed Tooltip pla...
5
6
      }
      body{
bf962a69   梁灏   remove Row css - ...
7
          height: 1000px;
7570318b   梁灏   fixed Tooltip pla...
8
9
10
          padding: 10px;
      }
  </style>
40f8606f   梁灏   add Notice component
11
  <template>
7570318b   梁灏   fixed Tooltip pla...
12
      <div class="tooltip_out">
bf962a69   梁灏   remove Row css - ...
13
          123
7570318b   梁灏   fixed Tooltip pla...
14
      </div>
bf962a69   梁灏   remove Row css - ...
15
      <div class="tooltip_out">
755df66c   梁灏   update Tooltip
16
17
18
          <Tooltip content="Top23321" placement="left">
              <Button>上面的左面</Button>
          </Tooltip>
bf962a69   梁灏   remove Row css - ...
19
20
21
22
23
24
25
26
27
28
29
30
31
      </div>
      <Row>
          <i-col span="12">
              <Tooltip content="Top Left 提示文字" placement="top-start">
                  <Button>上面的左面</Button>
              </Tooltip>
          </i-col>
          <i-col span="12">
              <Tooltip content="Top Left 提示文字" placement="top-start">
                  <Button>上面的左面</Button>
              </Tooltip>
          </i-col>
      </Row>
40f8606f   梁灏   add Notice component
32
33
  </template>
  <script>
bf962a69   梁灏   remove Row css - ...
34
      import { Tooltip, Button, Row, iCol } from 'iview';
40f8606f   梁灏   add Notice component
35
36
  
      export default {
bf962a69   梁灏   remove Row css - ...
37
          components: { Tooltip, Button, Row, iCol },
40f8606f   梁灏   add Notice component
38
39
40
41
42
          props: {
          
          },
          data () {
              return {
dce3e753   梁灏   add Tooltip compo...
43
  
40f8606f   梁灏   add Notice component
44
45
46
47
48
49
              }
          },
          computed: {
          
          },
          methods: {
40f8606f   梁灏   add Notice component
50
  
40f8606f   梁灏   add Notice component
51
52
53
          }
      }
  </script>