电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

uniapp界面新增水印實現(xiàn)示例詳解

瀏覽:5日期:2022-06-13 11:54:11
目錄正文界面引入組件實現(xiàn)思路實現(xiàn)代碼正文

界面引入組件<templeate><view> <Ywatermark :info=''這里是水印內容''></Ywatermark></view></tempate><script>import Ywatermark from '@/components/Ywatermark/Ywatermark' //引入組件 export default { data() {}}, components:{ Ywatermark //注冊組件 }</script>實現(xiàn)思路

首先需要一個透明蒙版蓋住頁面,然后將水印信息循環(huán)展示出來,展示完成后將蒙版旋轉傾斜,然后為了讓水印不影響下層頁面功能的正常使用,需要使用pointer-events: none;屬性讓事件穿透到下面去

實現(xiàn)代碼<template> <view class='make'><view class='list'> <view v-for='i in 500'><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%;top: 0;left: 0;z-index: 9999;background: rgba(0, 0, 0, 0);pointer-events: none;.list { width: 500%; height: 400%; position: absolute; top: -50%; left: -50%; transform: rotate(-45deg); display: flex; flex-wrap: wrap; justify-content: space-between; pointer-events: none; .item {font-size: 28px;color: rgba(220, 220, 220, 0.3);font-weight: bold;padding: 30rpx;pointer-events: none; }} }</style>

以上就是uniapp界面新增水印實現(xiàn)示例的詳細內容,更多關于uniapp界面新增水印的資料請關注好吧啦網(wǎng)其它相關文章!

標簽: JavaScript
主站蜘蛛池模板: 窖井盖锯圆机_锯圆机金刚石锯片-无锡茂达金刚石有限公司 | 半自动预灌装机,卡式瓶灌装机,注射器灌装机,给药器灌装机,大输液灌装机,西林瓶灌装机-长沙一星制药机械有限公司 | 山东活动策划|济南活动公司|济南公关活动策划-济南锐嘉广告有限公司 | 光伏家 - 太阳能光伏发电_分布式光伏发电_太阳能光伏网 | 大通天成企业资质代办_承装修试电力设施许可证_增值电信业务经营许可证_无人机运营合格证_广播电视节目制作许可证 | 华禹护栏|锌钢护栏_阳台护栏_护栏厂家-华禹专注阳台护栏、楼梯栏杆、百叶窗、空调架、基坑护栏、道路护栏等锌钢护栏产品的生产销售。 | 面粉仓_储酒罐_不锈钢储酒罐厂家-泰安鑫佳机械制造有限公司 | 铝镁锰板厂家_进口钛锌板_铝镁锰波浪板_铝镁锰墙面板_铝镁锰屋面-杭州军晟金属建筑材料 | pbootcms网站模板|织梦模板|网站源码|jquery建站特效-html5模板网 | 量子管通环-自清洗过滤器-全自动反冲洗过滤器-沼河浸过滤器 | 大米加工设备|大米加工机械|碾米成套设备|大米加工成套设备-河南成立粮油机械有限公司 | 浙江上沪阀门有限公司| 昆山新莱洁净应用材料股份有限公司-卫生级蝶阀,无菌取样阀,不锈钢隔膜阀,换向阀,离心泵 | 蓝米云-专注于高性价比香港/美国VPS云服务器及海外公益型免费虚拟主机 | 一体化污水处理设备-一体化净水设备-「山东梦之洁水处理」 | cnc精密加工_数控机械加工_非标平键定制生产厂家_扬州沃佳机械有限公司 | 珠宝展柜-玻璃精品展柜-首饰珠宝展示柜定制-鸿钛展柜厂家 | 非标压力容器_碳钢储罐_不锈钢_搪玻璃反应釜厂家-山东首丰智能环保装备有限公司 | 小程序开发公司-小程序制作-微信小程序开发-小程序定制-咏熠软件 | 贴片电感_贴片功率电感_贴片绕线电感_深圳市百斯特电子有限公司 贴片电容代理-三星电容-村田电容-风华电容-国巨电容-深圳市昂洋科技有限公司 | 纯水电导率测定仪-万用气体检测仪-低钠测定仪-米沃奇科技(北京)有限公司www.milwaukeeinst.cn 锂辉石检测仪器,水泥成分快速分析仪-湘潭宇科分析仪器有限公司 手术室净化装修-手术室净化工程公司-华锐手术室净化厂家 | 油罐车_加油机_加油卷盘_加油机卷盘_罐车人孔盖_各类球阀_海底阀等车用配件厂家-湖北华特专用设备有限公司 | 气动隔膜泵厂家-温州永嘉定远泵阀有限公司 | 制冷采购电子商务平台——制冷大市场 | 液压中心架,数控中心架,自定心中心架-烟台恒阳机电设计有限公司 行星搅拌机,双行星搅拌机,动力混合机,无锡米克斯行星搅拌机生产厂家 | 鲸鱼视觉 -数字展厅多媒体互动展示制作公司 | 旗杆生产厂家_不锈钢锥形旗杆价格_铝合金电动旗杆-上海锥升金属科技有限公司 | 辽宁资质代办_辽宁建筑资质办理_辽宁建筑资质延期升级_辽宁中杭资质代办 | 定硫仪,量热仪,工业分析仪,马弗炉,煤炭化验设备厂家,煤质化验仪器,焦炭化验设备鹤壁大德煤质工业分析仪,氟氯测定仪 | 耳模扫描仪-定制耳机设计软件-DLP打印机-asiga打印机-fitshape「飞特西普」 | 烟台游艇培训,威海游艇培训-烟台市邮轮游艇行业协会 | IWIS链条代理-ALPS耦合透镜-硅烷预处理剂-上海顶楚电子有限公司 lcd条形屏-液晶长条屏-户外广告屏-条形智能显示屏-深圳市条形智能电子有限公司 | 整合营销推广|营销网络推广公司|石家庄网站优化推广公司|智营销 好物生环保网、环保论坛 - 环保人的学习交流平台 | 无刷电机_直流无刷电机_行星减速机-佛山市藤尺机电设备有限公司 无菌检查集菌仪,微生物限度仪器-苏州长留仪器百科 | MES系统-WMS系统-MES定制开发-制造执行MES解决方案-罗浮云计算 | 蒸汽热收缩机_蒸汽发生器_塑封机_包膜机_封切收缩机_热收缩包装机_真空机_全自动打包机_捆扎机_封箱机-东莞市中堡智能科技有限公司 | MTK核心板|MTK开发板|MTK模块|4G核心板|4G模块|5G核心板|5G模块|安卓核心板|安卓模块|高通核心板-深圳市新移科技有限公司 | 实验室装修_实验室设计_实验室规划设计- 上海广建净化工程公司 | 防弹玻璃厂家_防爆炸玻璃_电磁屏蔽玻璃-四川大硅特玻科技有限公司 | 蜗轮丝杆升降机-螺旋升降机-丝杠升降机厂家-润驰传动 | 一体化污水处理设备_生活污水处理设备_全自动加药装置厂家-明基环保 |