| | |
| | | :class="{ active: dimension == '2D' }" |
| | | @click="zoomIn('2D')" |
| | | > |
| | | 3D |
| | | 3 维 |
| | | </div> |
| | | <div |
| | | class="m-l-inbut zoom-in m-l-inbut-3d" |
| | | :class="{ active: dimension == '2.5D' }" |
| | | @click="zoomIn('2.5D')" |
| | | > |
| | | 2.5 |
| | | 2.5维 |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | </script> |
| | | |
| | | <style scoped lang='scss'> |
| | | @property --color { |
| | | syntax: "<color>"; |
| | | inherits: false; |
| | | initial-value: 25%; |
| | | } |
| | | .m-left-control { |
| | | position: fixed; |
| | | left: 20px; |
| | |
| | | .m-l-inbut-2d { |
| | | position: relative; |
| | | top: 60px; |
| | | font-size: 16px; |
| | | font-size: 14px; |
| | | // &:hover { |
| | | // background-color: rgb(21, 136, 230); |
| | | // box-shadow: -2px -2px 3px rgb(3, 74, 136) inset; |