把当前img作为到爷爷的背景图_开发测试

创始人

2025-01-11 00:06:43

0次

（忽略图大小不一致，一般UI给的图会刚好适合页面大小，我这网上找的图，难调大小，我行内的就自己随便写的宽高），另外悄悄告诉你最后有简单方法～～

先来看看初始DOM结构代码

最开始图片在他本来的DOM结构里面，爷爷也没有背景，这样的DOM是把两个叔叔抵下去的
在这里插入图片描述

在这里插入图片描述

假设我们已经固定了图片为孙子，但是我们想要这个图片作为整个爷爷的背景图，想要其他该在爷爷上边的元素的层级不变，也就是这样的DOM结构：
在这里插入图片描述
效果是这样

话不多说，直接上代码：（这里要通过img的class获取爷爷元素，所以用v-show当满足某种条件才渲染这种我需要的样式，倘若知道爷爷元素和图片的大小直接v-if

TIPS：有个简单单方案就是直接给parent加一个margin-bottom！！
在这里插入图片描述

科技开挂"聚星ai辅... 科技开挂"聚星ai辅助工具收费多少"哈糖大菠萝有没有挂(透视)开挂辅助脚本(有挂细节);相信小伙伴都...

透视辅助！wejoker辅助软... 透视辅助！wejoker辅助软件价格，xpoker辅助，盘点开挂辅助软件（透视有挂规律）wejoke...

让我来分享经验“hh poke... 是一款专注玩家量身打造的游戏记牌类型软件，在这款游戏中我们可以记录下每张牌的数量以便更好的进行发挥。...

正品辅助"wepok... 正品辅助"wepoker辅助工具"德普之星私人局透视(透视)开挂辅助脚本(有挂秘笈);德普之星私人局...

透视辅助！购买wepoker模... 您好：这款wepoker透视最简单三个步骤游戏是可以开挂的，确实是有挂的，很多玩家在这款wepoke...

我来分享“wepoker有没有... 我来分享“wepoker有没有挂”开挂(透视)辅助脚本(必赢教程有人有挂)；亲，这款游戏原来确实可以...

盘点透视"aapok... >>您好：hhpoker软件可以玩吗确实是有挂的，很多玩家在这款hhpoker软件可以玩吗游戏中打牌...

透视辅助！hhpoker有后台... 【亲，hhpoker有后台操控吗这款游戏可以开挂的，确实是有挂的，很多玩家在这款hhpoker有后...

辅助透视“wpk德州局怎么透视... 辅助透视“wpk德州局怎么透视”开挂(透视)辅助软件(普及教程有挂教学)；无需打开直接搜索加（薇:1...

细节辅助"哈糖大菠萝... 细节辅助"哈糖大菠萝辅助器"wepoker数据分析工具(透视)开挂辅助插件(有挂方法) 【无需打开直...