| | |
| | | <template> |
| | | <div class="page_head"> |
| | | <div class="head_content flex-between" :class="fixed ? 'fixed' : ''"> |
| | | <div class="head_left flex-start" @click="$router.go(-1)"> |
| | | <div class="head_left flex-center" @click="$router.go(-1)"> |
| | | <van-icon name="arrow-left" size=".4em" /> |
| | | </div> |
| | | <div class="head_title line-one">{{ title }}</div> |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @green: #c4d600; |
| | | .page_head { |
| | | @hH: 1.8em; |
| | | font-size: 10vw; |
| | | height: 1.22em; |
| | | height: @hH; |
| | | position: relative; |
| | | .fixed { |
| | | position: fixed; |
| | |
| | | left: 0; |
| | | width: 100%; |
| | | z-index: 999; |
| | | background: #fff; |
| | | background: #13161e; |
| | | } |
| | | .head_content { |
| | | height: 1.22em; |
| | | height: @hH; |
| | | padding: 0 0.25em; |
| | | border-bottom: 0.01em solid #f5f5f5; |
| | | & > div { |
| | |
| | | } |
| | | |
| | | .head_left { |
| | | color: @green; |
| | | width: 1.2em; |
| | | } |
| | | |
| | | .head_title { |
| | | font-size: 0.4em; |
| | | font-size: 0.525em; |
| | | font-weight: 500; |
| | | width: 60%; |
| | | text-align: center; |