| | |
| | | <div class="body-box"> |
| | | <transition :name="transitionName"> |
| | | <!-- <keep-alive include="TradingList"> --> |
| | | <router-view></router-view> |
| | | <router-view></router-view> |
| | | <!-- </keep-alive> --> |
| | | </transition> |
| | | </div> |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | @white: #fff; |
| | | @black: #000; |
| | | @green: #c4d600; |
| | | @purple: #3d1152; |
| | | @dark_green: #07c160; |
| | | @red: #ee0a24; |
| | | @brown: #ff976a; |
| | | @grey: #dddddd; |
| | | |
| | | /deep/ .line-one { |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis |
| | | } |
| | | |
| | | /deep/ .flex-center { |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | } |
| | | |
| | | /deep/ .flex-between { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | |
| | | /deep/ .flex-between-start { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: start; |
| | | } |
| | | |
| | | /deep/ .flex-start { |
| | | display: flex; |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | } |
| | | |
| | | /deep/ .flex-end { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | align-items: center; |
| | | } |
| | | |
| | | |
| | | /deep/ .van-list__finished-text { |
| | | line-height: 1.925926rem !important; |
| | | } |
| | |
| | | } |
| | | |
| | | /deep/.footCss { |
| | | background: #fff; |
| | | background: @purple; |
| | | } |
| | | |
| | | /deep/.newDetail-tits { |
| | |
| | | |
| | | /deep/.van-swipe-item { |
| | | color: #000; |
| | | } |
| | | |
| | | /deep/.footCss { |
| | | background: rgb(33, 33, 43); |
| | | } |
| | | |
| | | /deep/.newDetail-tits { |