@ericbyliang/miniprogram 0.0.1

package/index.js

@@ -0,0 +1,4 @@
+module.exports = {
+  watermark: require('./src/watermark/index'),
+  common: require('./src/common/index'),
+}

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@ericbyliang/miniprogram",
+  "version": "0.0.1",
+  "description": "Wechat miniprogram global watermark component",
+  "main": "index.js",
+  "miniprogram": "src",
+  "files": [
+    "src"
+  ],
+  "scripts": {},
+  "keywords": [
+    "miniprogram",
+    "watermark",
+    "wechat"
+  ],
+  "author": "ericbyliang",
+  "license": "MIT"
+}

package/src/common/index.js

@@ -0,0 +1,5 @@
+module.exports = {
+  setWatermarkText: (text)=>{
+    wx.setStorageSync('$&watermark_text$*&', text)
+  }
+}

package/src/watermark/index.js

@@ -0,0 +1,73 @@
+Component({
+  lifetimes: {
+    ready: function () {
+    }
+  },
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    text: {
+      type: String,
+      value: wx.getStorageSync('$&watermark_text$*&') || '',
+      observer: function (newVal, oldVal) {
+        this.setData({
+          text: newVal,
+        });
+      }
+    },
+    textSize: { 
+      type: Number, 
+      value: 28,
+      observer: function (newVal, oldVal) {
+        this.setData({
+          textSize: newVal,
+        });
+    } },
+    textColor: { 
+      type: String, 
+      value: 'rgba(80,80,80,0.08)' ,
+      observer: function (newVal, oldVal) {
+        this.setData({
+          textColor: newVal,
+        });
+    }},
+    rotate: { 
+      type: Number, 
+      value: -20,
+      observer: function (newVal, oldVal) {
+      this.setData({
+        rotate: newVal,
+      });
+    } },
+    gapX: { 
+      type: Number, 
+      value: 180 ,
+      observer: function (newVal, oldVal) {
+        this.setData({
+          gapX: newVal,
+        });
+    }},
+    gapY: { 
+      type: Number, 
+      value: 120,
+      observer: function (newVal, oldVal) {
+        this.setData({
+          gapY: newVal,
+        });
+    } }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

package/src/watermark/index.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "usingComponents": {
+  }
+}

package/src/watermark/index.wxml

@@ -0,0 +1,9 @@
+<view class="watermark" style="transform: rotate({{rotate}}deg);color: {{textColor}};font-size: {{textSize}}rpx;">
+  <block wx:for="{{60}}" wx:key="row">
+    <view class="watermark-row" style="margin-left: {{index % 2 === 0 ? 0 : gapX / 2}}rpx;margin-bottom: {{gapY}}rpx;">
+      <block wx:for="{{15}}" wx:key="col">
+        <text class="watermark-col" style="margin-right: {{gapX}}rpx;">{{text}}</text>
+      </block>
+    </view>
+  </block>
+</view>

package/src/watermark/index.wxss

@@ -0,0 +1,20 @@
+.watermark {
+  position: fixed;
+  width: 200vw;
+  height: 150vh;
+  top: -20vw;
+  left: -50vw;
+
+  z-index: 1000000;
+  pointer-events: none;
+
+  overflow: hidden;
+}
+
+.watermark-row {
+  white-space: nowrap;
+}
+
+.watermark-col {
+  display: inline-block;
+}