mand-mobile

History

xuxiaoyan b8cdfb483c doc: update		2019-02-22 10:44:36 +08:00
..
demo	example: remove old codesandbox & fix en title	2018-12-13 20:04:48 +08:00
test	test: update test cases	2018-12-11 21:27:39 +08:00
component.js	feat(bill & watermark):	2018-08-22 20:06:41 +08:00
index.vue	feat(water-mark): Increase z-index of content container	2019-01-30 16:14:34 +08:00
README.en-US.md	doc: update preview links	2019-01-29 16:31:24 +08:00
README.md	doc: update	2019-02-22 10:44:36 +08:00

title	preview
WaterMark	https://didi.github.io/mand-mobile/examples/#/water-mark

Container with watermark background

import { WaterMark } from 'mand-mobile'

Vue.component(WaterMark.name, WaterMark)

Props	Description	Type	Default	Note
content	-	String	-	complex content using `scoped slot`
spacing	-	String	`20vw`	-
repeat-x	-	Boolean	`true`	-
repeat-y	-	Boolean	`true`	-
rotate	-	String	`-30`	-
opacity	-	String	`0.1`	-

Default slot of content

scoped slot of watermark content

<div slot="watermark" slot-scope="{ coord }">
  <!-- coord.row row index -->
  <!-- coord.col column index -->
</div>