<template>
|
<div class="app-container">
|
<div class="image-container">
|
<img class="bottom-image" src="../assets/images/shouye.png" alt="Bottom Image">
|
<el-input
|
class="text-box1"
|
type="textarea" :rows="6" resize="none"
|
placeholder=" 参天大树必有其根，万里江河亦有其源。
|
普天之下炎黄子孙，脉脉相传，不乏有识之士，栋梁之才。吾等不可忘其先人，亦不可不知我之本源。
|
建谱之大事，上可告慰祖先在天之灵，下可使子孙后代有寻根之本。叶脉之于草木、子孙之于前根，血管之于人体，依托技术输送事件，供给经验，谱写根根相传一路走来的非凡。"
|
></el-input>
|
<el-input
|
class="text-box2"
|
type="textarea" :rows="18" resize="none"
|
placeholder=" 家，是我们生命的驿站、漂泊的归所。
|
众所周知，自从有了赖以生存的小家庭，家庭成员就有了成长的轨迹、学习的轨迹、工作的轨迹、生活的轨迹。家庭中每一人每一物都谱写着家庭的辉煌轨迹。让我们用 “本都都” 来收藏每个家族、每个家庭、每个人甜蜜昨天，记录幸福今天，拥抱美好明天。让我们真正感受生命诞生的欢声笑语，人生奋斗的酸甜苦辣，膝下弄儿的幸福温馨。
|
活在当下，步履匆匆。当您在外地漂泊而急需某些必须的证明材料时；当您在使用某件物品需要帮助时；当您身心疲倦时；当您急于为自己整理健康日记时；当您在某个瞬间又回忆起亲人的笑貌时.......您不妨打开身边的 “本都都” ，细细地品味“本都都”记录的每一轨迹答案：原来可以在 “本都都” 收获材料证明；播放的那已经泛黄的照片、证书，唤起了往日旧时相知、如今已漂泊天涯的挚友；一本邮票、一沓标本，记录的是您那别样的童趣；手拿着孩子的出生证明，更是禁不住泪水打湿眼眶，如今事业有成的子女们似乎又变回那个天真烂漫的孩子；您的房产证、土地证、结婚证、健康报告、百年心愿...，或许在将来某个时间“本都都”能成为您维护权益的保障，抑或是留给子女的一份财富。
|
希望 “本都都” 能成为助推您事业成功、家庭幸福、人生美满的好帮手！"
|
></el-input>
|
</div>
|
|
</div>
|
</template>
|
|
<script>
|
|
|
export default {
|
name: "App",
|
dicts: ['sys_normal_disable'],
|
data(){
|
return {
|
|
};
|
}
|
|
};
|
</script>
|
|
<style scoped>
|
.app-container{
|
background-color: #FEF7FC;
|
}
|
.image-container {
|
position: relative;
|
width: 100%;
|
height: 100%;
|
}
|
.bottom-image {
|
z-index: -1; /* 设置底层图片的层级为1 */
|
width: 100%;
|
height: 100%;
|
/*position: absolute;*/
|
top: 0;
|
}
|
.text-box1 {
|
position: absolute;
|
top: 17.5%;
|
left: 47.5%;
|
transform: translate(-50%, -50%);
|
width: 320px;
|
|
}
|
.text-box1 ::placeholder{
|
color:#000000;
|
font-size: 15px;
|
font-family: Microsoft YaHei UI-Light, Microsoft YaHei UI;
|
}
|
.text-box2 {
|
position: absolute;
|
top: 51%;
|
left: 80%;
|
transform: translate(-50%, -50%);
|
width: 345px;
|
}
|
.text-box2 ::placeholder{
|
color:#000000;
|
font-size: 15px;
|
font-family: Microsoft YaHei UI-Light, Microsoft YaHei UI;
|
}
|
</style>
|
