123456789101112131415161718192021222324 |
- <view class="page">
- <view class="page__hd">
- <view class="page__title">WaterMark</view>
- <view class="page__desc">水印</view>
- </view>
- <view class="page__bd page__bd_spacing">
- <wux-button block type="light" bind:click="setProps1">普通水印</wux-button>
- <wux-button block type="light" bind:click="setProps2">多行文字水印</wux-button>
- <wux-button block type="light" bind:click="setProps3">图片水印</wux-button>
- <view class="page__image">
- <image class="page__image-img" mode="widthFix" src="http://cdn.skyvow.cn/public/bluesky.jpg" />
- <wux-water-mark
- content="{{ content }}"
- image="{{ image }}"
- width="{{ width }}"
- height="{{ height }}"
- gapX="{{ 12 }}"
- gapY="{{ 36 }}"
- fullPage="{{ false }}"
- />
- </view>
- <text class="page__desc">把 WaterMark 放到一个 relative 定位的父元素,它会自动撑满这个父元素的范围。</text>
- </view>
- </view>
|