1 | ---
|
2 | title: Bill
|
3 | preview: https://didi.github.io/mand-mobile/examples/#/water-mask
|
4 | ---
|
5 |
|
6 | Electronic bill
|
7 |
|
8 | ### 引入
|
9 |
|
10 | ```javascript
|
11 | import { Bill } from 'mand-mobile'
|
12 |
|
13 | Vue.component(Bill.name, Bill)
|
14 | ```
|
15 |
|
16 | ### 代码演示
|
17 |
|
18 |
|
19 | ### API
|
20 |
|
21 | #### Bill Props
|
22 | |Props | Description | Type | Default | Note |
|
23 | |----|-----|------|------ |------|
|
24 | |name|-|String|-|-|
|
25 | |no|-|String|-|-|
|
26 | |water-mark|-|String|-|complex content using `scoped slot`|
|
27 |
|
28 | #### Bill Slots
|
29 |
|
30 | ##### default
|
31 | Default slot of content
|
32 |
|
33 | ##### header
|
34 | Header slot
|
35 |
|
36 | ##### footer
|
37 | Footer slot
|
38 |
|
39 | ##### watermask
|
40 | Scoped slot of watermask content
|
41 |
|
42 | ```html
|
43 | <div slot="watermark" slot-scope="props">
|
44 | <!-- content -->
|
45 | </div>
|
46 | ```
|