halfscreen.wxml 1.1 KB

123456789101112131415161718192021222324
  1. <view class="page">
  2. <view class="page__hd">
  3. <view class="page__title">WaterMark</view>
  4. <view class="page__desc">水印</view>
  5. </view>
  6. <view class="page__bd page__bd_spacing">
  7. <wux-button block type="light" bind:click="setProps1">普通水印</wux-button>
  8. <wux-button block type="light" bind:click="setProps2">多行文字水印</wux-button>
  9. <wux-button block type="light" bind:click="setProps3">图片水印</wux-button>
  10. <view class="page__image">
  11. <image class="page__image-img" mode="widthFix" src="http://cdn.skyvow.cn/public/bluesky.jpg" />
  12. <wux-water-mark
  13. content="{{ content }}"
  14. image="{{ image }}"
  15. width="{{ width }}"
  16. height="{{ height }}"
  17. gapX="{{ 12 }}"
  18. gapY="{{ 36 }}"
  19. fullPage="{{ false }}"
  20. />
  21. </view>
  22. <text class="page__desc">把 WaterMark 放到一个 relative 定位的父元素,它会自动撑满这个父元素的范围。</text>
  23. </view>
  24. </view>