index.vue 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <n-modal
  3. v-model:show="showModal"
  4. title="公告"
  5. preset="dialog"
  6. positive-text="OK"
  7. >
  8. <p>
  9. billd-live开始支持ffmpeg、obs推流,欢迎体验!
  10. <b
  11. class="link"
  12. @click="openToTarget('https://www.hsslive.cn/article/150')"
  13. >
  14. 查看教程
  15. </b>
  16. </p>
  17. <p>
  18. billd-live付费课开始预定!299元/人,定金50,付定金后减50,实付249!<b
  19. class="link"
  20. @click="openToTarget('https://www.hsslive.cn/article/151')"
  21. >
  22. 查看详情
  23. </b>
  24. </p>
  25. </n-modal>
  26. </template>
  27. <script lang="ts" setup>
  28. import { openToTarget } from 'billd-utils';
  29. import { ref } from 'vue';
  30. // const showModal = ref(process.env.NODE_ENV === 'production');
  31. const showModal = ref(false);
  32. // const showModal = ref(true);
  33. // const showModal = ref(router.currentRoute.value.name === routerName.home);
  34. </script>
  35. <style lang="scss" scoped>
  36. .link {
  37. color: $theme-color-gold;
  38. text-decoration: none;
  39. font-weight: 500;
  40. cursor: pointer;
  41. }
  42. </style>