-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.vue
50 lines (48 loc) · 1.75 KB
/
app.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<template>
<div>
<NuxtLayout>
<NuxtLoadingIndicator :color="color" />
<!-- 这里是公共布局 这里的NuxtLayout内容会插入到layouts的default组件中 -->
<!-- page下的所有出口 这个相当于路由出口 -->
<NuxtPage :keepalive="{ include : 'ArticleView' }" />
</NuxtLayout>
</div>
</template>
<script lang="ts" setup>
// seo 中title keywords description
// useHead({
// title: 'echo9z博客 - web前端',
// titleTemplate: (productCategory) => { // 动态标题
// return productCategory
// ? `${productCategory} - Site Title`
// : 'Site Title'
// },
// htmlAttrs: {
// lang: 'zh-CN'
// },
// meta: [
// { name: 'keywords', content: 'web前端,前端,JavaScript,HTML5,CSS3,Node,echo9z博客' },
// { name: 'description', content: 'echo9z博客,专注于Web前端技术文章分享,包含JavaScript、HTML5、CSS3等前端基础知识,以及Vue.js,React,Augular等前端框架' },
// { name: 'viewport', content: 'width=device-width,initial-scale=1,maximum-scale=1' },
// { name: 'format-detection', content: 'telephone=no' }
// ],
// link: [
// // 引入icon标签 这里的引入的是
// { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
// // { rel: 'stylesheet', href: 'https://unpkg.com/reset-css/reset.css' }
// ],
// bodyAttrs: { // 给body添加class属性
// class: 'test'
// },
// style: [], // 引入 style标签
// // 引入js文件
// script: [
// {
// type: 'text/javascript',
// src: '/js/a.js', // 从public中加载
// body: true // true插入到body最底部 false 插入head中
// }
// ]
// })
const color = 'repeating-linear-gradient(to right, #1d9ae5 0%, #8a9afb 50%, #e990fd 100%)'
</script>