| commit | author | age | ||
| b505f3 | 1 | <template> |
| I | 2 | <a-affix :offset-top="600"> |
| 3 | ||
| 4 | <div style="padding-left:5px;"> | |
| f9c38e | 5 | <!-- <a-button @click="showDrawer1"> |
| b505f3 | 6 | 抽屉1 |
| f9c38e | 7 | </a-button> --> |
| b505f3 | 8 | <!-- <a-button @click="showDrawer2"> |
| I | 9 | 抽屉2 |
| 10 | </a-button> --> | |
| 9c695b | 11 | <a-button @click="showPreview"> |
| I | 12 | 预览 |
| 13 | <a-icon type="youtube" /> | |
| 14 | </a-button> | |
| b505f3 | 15 | <a-button @click="showModal"> |
| I | 16 | 日志 |
| f9c38e | 17 | <a-icon type="plus-circle" /> |
| I | 18 | </a-button> |
| 19 | <a-button @click="showScreen"> | |
| 20 | {{screenModel}} | |
| 21 | <a-icon type="arrows-alt" /> | |
| b505f3 | 22 | </a-button> |
| I | 23 | |
| f9c38e | 24 | <!-- <a-button> |
| b505f3 | 25 | 工具 |
| I | 26 | <a-icon type="tool" style="margin-left: 0px;" /> |
| f9c38e | 27 | </a-button> --> |
| b505f3 | 28 | </div> |
| I | 29 | </a-affix> |
| 30 | </template> | |
| 31 | ||
| 32 | <script> | |
| 33 | export default { | |
| 34 | data() { | |
| f9c38e | 35 | return { |
| I | 36 | screen: false, |
| 37 | screenModel: "拉伸" | |
| 38 | } | |
| b505f3 | 39 | }, |
| I | 40 | methods: { |
| 41 | showDrawer1() { | |
| 42 | this.$emit('showDrawer1') | |
| 43 | }, | |
| 44 | showModal() { | |
| 45 | this.$emit('showModal') | |
| f9c38e | 46 | }, |
| 9c695b | 47 | showPreview() { |
| I | 48 | this.$emit('showPreview') |
| 49 | }, | |
| f9c38e | 50 | showScreen() { |
| I | 51 | this.$emit('showScreen') |
| 52 | if (this.screen) { | |
| 53 | this.screenModel = "拉伸"; | |
| 54 | }else{ | |
| 55 | this.screenModel = "缩小"; | |
| 56 | } | |
| 57 | this.screen=!this.screen; | |
| b505f3 | 58 | } |
| I | 59 | }, |
| 60 | } | |
| 61 | </script> | |
| 62 | ||
| 63 | <style> | |
| 64 | </style> | |
