<template>
    <view class="make">
        <view class="list">
            <view class="item" v-for="i in 20">
                <text>{{info}}</text>
            </view>
        </view>
    </view>
</template>
<script>
    export default {
        name: "watermark",
        props: {
            info: {
                type: String,
                default: '全局水印'
            }
        },
        data() {
            return {
            };
        }
    }
</script>
<style lang="scss" scoped>
    .make {
        // position: fixed;
        // width: 100%;
        // height: 100%;
		position: absolute;
		right: 0;
		bottom: 0;
        top: 0;
        left: 0;
        z-index: 9;
        background: rgba(0, 0, 0, 0);
        pointer-events: none;
        .list {
            width: 150%;
            height: 100%;
            position: absolute;
            top: 0%;
            left: -30%;
            transform: rotate(-45deg);
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            pointer-events: none;
            .item {
                font-size: 36rpx;
                color: rgba(175,175,175,0.3);
                // font-weight: bold;
                padding: 30rpx;
                pointer-events: none;
            }
        }
    }
</style>