other / mew-iview

Blame view

examples/routers/divider.vue 2.65 KB
Edit Raw Normal View History
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
1
 
  <template>
e9ad2b7a   梁灏   update Divider 
2
3
4
5
6
7
8
9
10
 
      <Row :gutter="16">
          <i-col span="12">
              <Card title="horizontal divider">
                  <div>
                      <p>
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                      </p>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
11
e9ad2b7a   梁灏   update Divider 
12
 
                      <Divider/>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
13
e9ad2b7a   梁灏   update Divider 
14
15
16
17
18
 
                      <p>
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                      </p>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
19
e9ad2b7a   梁灏   update Divider 
20
 
                      <Divider>iView </Divider>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
21
e9ad2b7a   梁灏   update Divider 
22
23
24
25
26
 
                      <p>
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                      </p>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
27
e9ad2b7a   梁灏   update Divider 
28
 
                      <Divider dashed/>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
29
e9ad2b7a   梁灏   update Divider 
30
31
32
33
34
 
                      <p>
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                      </p>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
35
e9ad2b7a   梁灏   update Divider 
36
 
                      <Divider orientation="left">iView</Divider>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
37
e9ad2b7a   梁灏   update Divider 
38
39
40
41
42
 
                      <p>
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                      </p>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
43
e9ad2b7a   梁灏   update Divider 
44
 
                      <Divider orientation="right">iView</Divider>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
45
e9ad2b7a   梁灏   update Divider 
46
47
48
49
50
 
                      <p>
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                          iView is a set of UI components and widgets built on Vue.js.
                      </p>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
51
e9ad2b7a   梁灏   update Divider 
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
                  </div>
              </Card>
          </i-col>
          <i-col span="12">
              <Card title="vertical divider">
                  <div>
                      iView
                      <Divider type="vertical" />
                      <a href="#">Components</a>
                      <Divider type="vertical" />
                      <a href="#">Divider</a>
                  </div>
              </Card>
          </i-col>
      </Row>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
67
68
69
 
  </template>
  
  <script>
e9ad2b7a   梁灏   update Divider 
70
 
      export default {}
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
71
72
73
74
75
 
  </script>
  
  <style>
  
  </style>