WXL
2023-11-24 be170d29944e544779c705d2c82ccded36568641
src/views/patient/follow/index.vue
@@ -1,11 +1,18 @@
<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() {},
@@ -14,4 +21,16 @@
};
</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>