<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>