2018-08-22 20:06:41 +08:00
|
|
|
---
|
|
|
|
|
title: Bill
|
2019-01-29 16:31:24 +08:00
|
|
|
preview: https://didi.github.io/mand-mobile/examples/#/water-mask
|
2018-08-22 20:06:41 +08:00
|
|
|
---
|
|
|
|
|
|
2018-08-29 17:49:17 +08:00
|
|
|
Electronic bill
|
2018-08-22 20:06:41 +08:00
|
|
|
|
|
|
|
|
### 引入
|
|
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
|
import { Bill } from 'mand-mobile'
|
|
|
|
|
|
|
|
|
|
Vue.component(Bill.name, Bill)
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### 代码演示
|
|
|
|
|
<!-- DEMO -->
|
|
|
|
|
|
|
|
|
|
### API
|
|
|
|
|
|
|
|
|
|
#### Bill Props
|
|
|
|
|
|Props | Description | Type | Default | Note |
|
|
|
|
|
|----|-----|------|------ |------|
|
|
|
|
|
|name|-|String|-|-|
|
|
|
|
|
|no|-|String|-|-|
|
2018-11-25 10:40:18 +08:00
|
|
|
|water-mark|-|String|-|complex content using `scoped slot`|
|
2018-08-22 20:06:41 +08:00
|
|
|
|
|
|
|
|
#### Bill Slots
|
|
|
|
|
|
|
|
|
|
##### default
|
|
|
|
|
Default slot of content
|
|
|
|
|
|
2018-11-14 17:21:22 +08:00
|
|
|
##### header
|
|
|
|
|
Header slot
|
|
|
|
|
|
|
|
|
|
##### footer
|
|
|
|
|
Footer slot
|
|
|
|
|
|
2018-08-22 20:06:41 +08:00
|
|
|
##### watermask
|
2018-11-24 14:44:43 +08:00
|
|
|
Scoped slot of watermask content
|
2018-08-22 20:06:41 +08:00
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<div slot="watermark" slot-scope="props">
|
|
|
|
|
<!-- content -->
|
|
|
|
|
</div>
|
|
|
|
|
```
|