chenhaodong / mew-iview

Blame view

examples/routers/divider.vue 3.86 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
9cdfb2e2   梁灏   fix #5135 
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
                      <Divider dashed>iView Developer</Divider>
                      <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>
                      <Divider dashed orientation="left">iView Developer</Divider>
                      <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>
                      <Divider dashed orientation="right">iView Developer</Divider>
                      <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>
e9ad2b7a   梁灏   update Divider 
47
 
                      <Divider dashed/>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
48
e9ad2b7a   梁灏   update Divider 
49
50
51
52
53
 
                      <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，实现了... 
54
e9ad2b7a   梁灏   update Divider 
55
 
                      <Divider orientation="left">iView</Divider>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
56
e9ad2b7a   梁灏   update Divider 
57
58
59
60
61
 
                      <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，实现了... 
62
e9ad2b7a   梁灏   update Divider 
63
 
                      <Divider orientation="right">iView</Divider>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
64
e9ad2b7a   梁灏   update Divider 
65
66
67
68
69
 
                      <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，实现了... 
70
e9ad2b7a   梁灏   update Divider 
71
72
73
74
75
76
77
78
79
80
81
 
                  </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>
9cdfb2e2   梁灏   fix #5135 
82
83
 
                      <Divider type="vertical" dashed />
                      <a href="#">ABCDE</a>
e9ad2b7a   梁灏   update Divider 
84
85
86
87
 
                  </div>
              </Card>
          </i-col>
      </Row>
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
88
89
90
 
  </template>
  
  <script>
e9ad2b7a   梁灏   update Divider 
91
 
      export default {}
b26389a0   xiaofengsha   * 对照AntDesign，实现了... 
92
93
94
95
96
 
  </script>
  
  <style>
  
  </style>