Blame view

test/routers/card.vue 800 Bytes
7fa943eb   梁灏   init
1
  <template>
a8cb711c   huixisheng   Support Card
2
  <div>
15bae144   梁灏   add Card component
3
4
      <Card :bordered="true" style="width:300px">
          <template slot="title">
a8cb711c   huixisheng   Support Card
5
              <p>iView2.0</p>
15bae144   梁灏   add Card component
6
          </template>
a8cb711c   huixisheng   Support Card
7
8
9
10
          <template slot="extra">
              <Button size="small">More</Button>
          </template>
          <p>iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。</p>
15bae144   梁灏   add Card component
11
      </Card>
a8cb711c   huixisheng   Support Card
12
      <br><br>
15bae144   梁灏   add Card component
13
      <Card style="width:300px">
a8cb711c   huixisheng   Support Card
14
15
16
          <p>Hello</p>
          <p>iView2.0</p>
          <h3>Card</h3>
15bae144   梁灏   add Card component
17
      </Card>
a8cb711c   huixisheng   Support Card
18
  </div>
7fa943eb   梁灏   init
19
20
  </template>
  <script>
a8cb711c   huixisheng   Support Card
21
      import { Card } from 'iview';
7fa943eb   梁灏   init
22
23
24
  
      export default {
          components: {
15bae144   梁灏   add Card component
25
              Card
7fa943eb   梁灏   init
26
27
          },
          props: {
a8cb711c   huixisheng   Support Card
28
  
7fa943eb   梁灏   init
29
30
31
          },
          data () {
              return {
a8cb711c   huixisheng   Support Card
32
  
7fa943eb   梁灏   init
33
34
35
              }
          },
          computed: {
a8cb711c   huixisheng   Support Card
36
  
7fa943eb   梁灏   init
37
38
          },
          methods: {
a8cb711c   huixisheng   Support Card
39
  
7fa943eb   梁灏   init
40
41
42
          }
      }
  </script>