| | |
| | | <template> |
| | | <div>患者回访</div> |
| | | <div> |
| | | 患者回访 |
| | | <transition name="slide-fade"> |
| | | <p v-if="show">hello world</p> |
| | | </transition> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return {}; |
| | | return { |
| | | show: true, |
| | | }; |
| | | }, |
| | | |
| | | created() {}, |
| | |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped></style> |
| | | <style lang="scss" scoped> |
| | | .slide-fade-enter-active { |
| | | transition: all 1s ease; |
| | | } |
| | | .slide-fade-leave-active { |
| | | transition: all 2s cubic-bezier(1, 0.5, 0.8, 1); |
| | | } |
| | | .slide-fade-enter, |
| | | .slide-fade-leave-to { |
| | | transform: translateX(40px); |
| | | opacity: 0; |
| | | } |
| | | </style> |