需求描述

需要在项目中的合同页面的指定位置显示一个配置好的图片印章，实现好的效果，如下：

实现方案

使用使用CSS的绝对定位position来实现，代码如下：

<div id="FatherBuyer">
        <img :src="signImageSrc" id="signImageSrc" v-if="this.signFlag == 1"/>
        <span>买方（签字/盖章）：</span>

#FatherBuyer{
  position: relative;
}
#signImageSrc{
  position: absolute;
  width: 160px;
  height: 160px;
}

这是实现的核心代码。

经验总结

我当下对前端的只是了解的很少且很浅，在接收到需求的时候，我不知道前端的CSS的绝对定位position，通过与同事交流、社区提问，然后在查找CSS的绝对定位position的资料，整个过程我感受到学会提问，把自己的需求准备的表达出来和掌握查找资料工具的重要性，查找资料工具有如：搜索引擎、GPT等。

position属性详解：https://blog.csdn.net/weixin_46163658/article/details/121765058