| 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> --> | |
| 11 | <a-button @click="showModal"> | |
| 12 | 日志 | |
| f9c38e | 13 | <a-icon type="plus-circle" /> |
| I | 14 | </a-button> |
| 15 | <a-button @click="showScreen"> | |
| 16 | {{screenModel}} | |
| 17 | <a-icon type="arrows-alt" /> | |
| b505f3 | 18 | </a-button> |
| I | 19 | |
| f9c38e | 20 | <!-- <a-button> |
| b505f3 | 21 | 工具 |
| I | 22 | <a-icon type="tool" style="margin-left: 0px;" /> |
| f9c38e | 23 | </a-button> --> |
| b505f3 | 24 | </div> |
| I | 25 | </a-affix> |
| 26 | </template> | |
| 27 | ||
| 28 | <script> | |
| 29 | export default { | |
| 30 | data() { | |
| f9c38e | 31 | return { |
| I | 32 | screen: false, |
| 33 | screenModel: "拉伸" | |
| 34 | } | |
| b505f3 | 35 | }, |
| I | 36 | methods: { |
| 37 | showDrawer1() { | |
| 38 | this.$emit('showDrawer1') | |
| 39 | }, | |
| 40 | showModal() { | |
| 41 | this.$emit('showModal') | |
| f9c38e | 42 | }, |
| I | 43 | showScreen() { |
| 44 | this.$emit('showScreen') | |
| 45 | if (this.screen) { | |
| 46 | this.screenModel = "拉伸"; | |
| 47 | }else{ | |
| 48 | this.screenModel = "缩小"; | |
| 49 | } | |
| 50 | this.screen=!this.screen; | |
| b505f3 | 51 | } |
| I | 52 | }, |
| 53 | } | |
| 54 | </script> | |
| 55 | ||
| 56 | <style> | |
| 57 | </style> | |
