t

src/components/waterMark/index.jsx

@@ -0,0 +1,27 @@
+import Taro, { Component } from '@tarojs/taro'
+import './index.scss'
+export default class TopPie extends Component {
+  constructor (props) {
+    super(props)
+    const appUserInfo = Taro.getStorageSync('APP_userInfo')
+    this.state = {
+      text: appUserInfo.phone || '未知',
+      num: 30,
+    }
+  }
+
+
+  render () {
+    const { text, num } = this.state
+    const itemViews = new Array(30).fill(text).map(item => {
+      return (
+        <View className="op">{item}</View>
+      )
+    })
+    return (
+      <View className="water-mark">
+        {itemViews}
+      </View>
+    )
+  }
+}

src/components/waterMark/index.scss

@@ -0,0 +1,26 @@
+@import '@css/mixin.scss';
+.water-mark {
+    position: fixed;
+	width: 100%;
+	height: 100%;
+	top:0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	pointer-events: none;
+	z-index: 9999999;
+	display: flex;
+	flex-wrap: wrap;
+	overflow: hidden;
+	.op {
+		width: 33%;
+		height: 200px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		transform: rotate(-45deg);
+		color: #ddd;
+		font-size: 30px;
+		white-space: nowrap;
+	}
+}

src/pagesRoom/roomPriceXk.jsx

@@ -1,6 +1,7 @@
 import Taro, { Component } from '@tarojs/taro'
 import { View } from '@tarojs/components'
 import LoginJudge from '@/c/login/Judge'
+import WaterMark from '@/c/waterMark'
 import { arrToObj } from '@utils'
 import { AtTabs } from 'taro-ui'
 
@@ -472,6 +473,7 @@ class Index extends Component {
   render () {
     return (
       <View className="l-box">
+        <WaterMark />
         <LoginJudge />
         {this.renderTop()}
         {this.renderInfo()}