Blame view

local/routers/notice.vue 1006 Bytes
7570318b   梁灏   fixed Tooltip pla...
1
2
3
4
5
6
  <style>
      .tooltip_out{
          border: 1px solid #ccc;
          padding: 20px;
      }
      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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
      <div class="tooltip_out">
  
      </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
30
31
  </template>
  <script>
bf962a69   梁灏   remove Row css - ...
32
      import { Tooltip, Button, Row, iCol } from 'iview';
40f8606f   梁灏   add Notice component
33
34
  
      export default {
bf962a69   梁灏   remove Row css - ...
35
          components: { Tooltip, Button, Row, iCol },
40f8606f   梁灏   add Notice component
36
37
38
39
40
          props: {
          
          },
          data () {
              return {
dce3e753   梁灏   add Tooltip compo...
41
  
40f8606f   梁灏   add Notice component
42
43
44
45
46
47
              }
          },
          computed: {
          
          },
          methods: {
40f8606f   梁灏   add Notice component
48
  
40f8606f   梁灏   add Notice component
49
50
51
          }
      }
  </script>