hookehuyr

捐赠证书样式调整

......@@ -9,7 +9,7 @@
<span style="font-size: 0.8rem; color: #272727;">亲爱的捐赠者</span>
</van-col>
<van-col>
<div style="color: #713610; padding: 1rem;" class="van-hairline--bottom">{{ item.name }}</div>
<div style="color: #713610; padding: 1rem;" class="bg-gradient">{{ item.name }}</div>
</van-col>
<van-col>:</van-col>
</van-row>
......@@ -143,6 +143,7 @@ export default {
margin: 1rem;
overflow: hidden;
margin-right: 2rem;
padding-bottom: 1rem;
.wrapper {
float: right;
font-size: 0.8rem;
......@@ -202,5 +203,15 @@ export default {
width: 100%;
}
}
.bg-gradient {
// 文字下划线
background: linear-gradient(#EAEAEA, #EAEAEA) no-repeat;
/*调整下划线的宽度占百分之百 高度是3px */
// background-size: 100% 3px;
/* 调整下划线的起始位置 左侧是0 上边是1.15em */
// background-position: 0 1rem;
background-size: 100% 1px;
background-position: 0 2.5rem;
}
}
</style>
......