Showing
1 changed file
with
12 additions
and
1 deletions
| ... | @@ -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> | ... | ... |
-
Please register or login to post a comment