邃芒官网、邃芒慧影、口播(H5) https://m.metavatar.cc
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
 
 
 
 

62 rindas
1.0 KiB

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