refactor(views): 移除Home.vue中硬编码的视频源并添加NewsDetail.vue页面标题设置
移除Home.vue中硬编码的视频源,改为动态加载方式 在NewsDetail.vue中使用useTitle设置页面标题
Showing
2 changed files
with
3 additions
and
5 deletions
| ... | @@ -177,10 +177,6 @@ const videoOptions = ref({ | ... | @@ -177,10 +177,6 @@ const videoOptions = ref({ |
| 177 | preload: 'metadata', | 177 | preload: 'metadata', |
| 178 | poster: '', | 178 | poster: '', |
| 179 | playbackRates: [0.5, 1, 1.25, 1.5, 2], | 179 | playbackRates: [0.5, 1, 1.25, 1.5, 2], |
| 180 | - sources: [{ | ||
| 181 | - src: '/src/assets/images/02 西园戒幢律寺三坛大戒法会/sample-10s.mp4', | ||
| 182 | - type: 'video/mp4' | ||
| 183 | - }] | ||
| 184 | }) | 180 | }) |
| 185 | 181 | ||
| 186 | // 法会流程步骤数据 | 182 | // 法会流程步骤数据 | ... | ... |
| ... | @@ -31,6 +31,7 @@ import { ref, onMounted } from 'vue' | ... | @@ -31,6 +31,7 @@ import { ref, onMounted } from 'vue' |
| 31 | import { useRoute, useRouter } from 'vue-router' | 31 | import { useRoute, useRouter } from 'vue-router' |
| 32 | import { Toast } from 'vant' | 32 | import { Toast } from 'vant' |
| 33 | import dayjs from 'dayjs' | 33 | import dayjs from 'dayjs' |
| 34 | +import { useTitle } from '@vueuse/core'; | ||
| 34 | 35 | ||
| 35 | // 导入接口 | 36 | // 导入接口 |
| 36 | import { getArticleDetailAPI } from '@/api/index.js' | 37 | import { getArticleDetailAPI } from '@/api/index.js' |
| ... | @@ -38,7 +39,8 @@ import { getArticleDetailAPI } from '@/api/index.js' | ... | @@ -38,7 +39,8 @@ import { getArticleDetailAPI } from '@/api/index.js' |
| 38 | const route = useRoute() | 39 | const route = useRoute() |
| 39 | const router = useRouter() | 40 | const router = useRouter() |
| 40 | 41 | ||
| 41 | -const commentText = ref('') | 42 | +// 设置页面标题 |
| 43 | +useTitle(() => '新闻详情'); | ||
| 42 | 44 | ||
| 43 | // 文章数据 | 45 | // 文章数据 |
| 44 | const article = ref({ | 46 | const article = ref({ | ... | ... |
-
Please register or login to post a comment