邃芒官网、邃芒慧影、口播(H5) https://m.metavatar.cc
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

54 rivejä
849 B

  1. <template>
  2. <div :class="inPage ? 'page active' : 'page'">
  3. <div id="top"></div>
  4. </div>
  5. </template>
  6. <script>
  7. // 组件
  8. import Vue from "vue";
  9. import { Toast } from "vant";
  10. import { mapState, mapActions } from "vuex";
  11. // 工具
  12. import { scrollToID } from "../../utils";
  13. Vue.use(Toast);
  14. export default {
  15. data() {
  16. return {
  17. inPage: false,
  18. };
  19. },
  20. computed: {
  21. ...mapState({
  22. characters: (state) => state.publicObj.characters,
  23. }),
  24. },
  25. methods: {
  26. ...mapActions(["setCharacters"]),
  27. go(url) {
  28. this.$router.push(url);
  29. },
  30. },
  31. created() {},
  32. mounted() {
  33. this.inPage = true;
  34. scrollToID("top");
  35. },
  36. };
  37. </script>
  38. <style lang="scss" scoped>
  39. .page {
  40. transform: translateX(30%);
  41. opacity: 0;
  42. transition: all 1s;
  43. &.active {
  44. opacity: 1;
  45. transform: translateX(0);
  46. }
  47. }
  48. </style>