feat(课程详情页): 添加返回顶部按钮并设置样式
为课程详情页添加 van-back-top 组件,方便用户快速返回页面顶部 设置返回顶部按钮的背景颜色为 #4caf50
Showing
1 changed file
with
6 additions
and
1 deletions
| ... | @@ -325,6 +325,7 @@ | ... | @@ -325,6 +325,7 @@ |
| 325 | </template> | 325 | </template> |
| 326 | </div> | 326 | </div> |
| 327 | </van-popup> | 327 | </van-popup> |
| 328 | + <van-back-top right="5vw" bottom="15vh" /> | ||
| 328 | </AppLayout> | 329 | </AppLayout> |
| 329 | </template> | 330 | </template> |
| 330 | 331 | ||
| ... | @@ -700,7 +701,7 @@ const closeCheckInDialog = () => { | ... | @@ -700,7 +701,7 @@ const closeCheckInDialog = () => { |
| 700 | } | 701 | } |
| 701 | </script> | 702 | </script> |
| 702 | 703 | ||
| 703 | -<style scoped> | 704 | +<style lang="less"> |
| 704 | .animate-favorite { | 705 | .animate-favorite { |
| 705 | animation: favorite-animation 0.5s ease; | 706 | animation: favorite-animation 0.5s ease; |
| 706 | } | 707 | } |
| ... | @@ -718,4 +719,8 @@ const closeCheckInDialog = () => { | ... | @@ -718,4 +719,8 @@ const closeCheckInDialog = () => { |
| 718 | transform: scale(1); | 719 | transform: scale(1); |
| 719 | } | 720 | } |
| 720 | } | 721 | } |
| 722 | + | ||
| 723 | +.van-back-top { | ||
| 724 | + background-color: #4caf50; | ||
| 725 | +} | ||
| 721 | </style> | 726 | </style> | ... | ... |
-
Please register or login to post a comment