| | |
| | | <template> |
| | | <div class="wrap"> |
| | | <div class="header"> |
| | | <div class="header_name">中铁十四局通甬站前I标管片场拌合站</div> |
| | | <div class="header_name">中铁十四局通甬站前I标管片场拌和站</div> |
| | | </div> |
| | | <div class="container"> |
| | | <div class="con_name"> |
| | |
| | | fn() |
| | | return fn |
| | | })(), |
| | | 1000 * 60 * 5 |
| | | 1000 * 60 * 10 |
| | | ) |
| | | if (Vue) { |
| | | Vue.$once('hook:beforeDestroy', function () { |
| | |
| | | $html.style.fontSize = `${fontsize}px` |
| | | } |
| | | }, |
| | | beforeDestroy() { |
| | | let $html = document.getElementsByTagName('html')[0] |
| | | $html.style.fontSize = '' |
| | | }, |
| | | methods: { |
| | | getLists() { |
| | | const percentArr = Object.keys(this.percents) |
| | |
| | | } |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | <style lang="scss" scoped> |
| | | li { |
| | | list-style: none; |
| | | } |
| | |
| | | background-size: 100% auto; |
| | | |
| | | .header_name { |
| | | font-size: 1.6rem; |
| | | font-size: 1.4rem; |
| | | font-weight: bold; |
| | | line-height: 3.2rem; |
| | | letter-spacing: 2px; |
| | |
| | | } |
| | | |
| | | .container { |
| | | overflow: hidden; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | } |
| | | |
| | | .line { |
| | | overflow: hidden; |
| | | flex: 1; |
| | | height: 14px; |
| | | |
| | |
| | | } |
| | | |
| | | .con_main { |
| | | overflow: hidden; |
| | | margin-top: 10px; |
| | | flex: 1; |
| | | display: flex; |
| | |
| | | float: left; |
| | | width: 50%; |
| | | height: 100%; |
| | | min-height: 480px; |
| | | text-align: center; |
| | | |
| | | >p { |
| | | > p { |
| | | position: absolute; |
| | | left: 50%; |
| | | top: 21%; |
| | | top: 9%; |
| | | font-size: 0.7rem; |
| | | white-space: nowrap; |
| | | transform: translate(-50%, -50%); |
| | | } |