hookehuyr

捐赠证书样式调整

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