给网站添加一个侧边导航栏功能

在标签上加如下代码就可以解决点击ul出现蓝色背景

-webkit-tap-highlight-color:transparent;

css点击a标签的时候去掉蓝色背景

1

首次安装使用CodeRunner运行ts可能会显示乱码如下：

file -> preference -> setting -> Extension -> Run Code configuration，将其中的 Run in Terminal 选中即可。

在Vue项目中，你可以通过以下步骤来使用jsconfig.json文件

1. 在你的Vue项目的根目录下创建一个名为jsconfig.json的文件。

2. 在jsconfig.json中添加以下配置：

{
  "compilerOptions": {
    "target": "es6",
    "module": "esnext",
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

上述配置的含义是：

• target：指定编译器的目标版本，这里设为ES6。
• module：指定模块的导入导出规范，这里设为ES模块。
• baseUrl：指定相对于jsconfig.json文件的路径。
• paths：用于设置别名，例如@代表src文件夹，可以根据实际情况进行配置。
• exclude：指定需要排除的文件或文件夹，这里排除了node_modules和dist文件夹。

3. 保存jsconfig.json文件。

4. 接下来，你可以在你的Vue项目中使用别名来引用模块。例如，如果你有一个在src文件夹下的components文件夹，并且你在components文件夹中有一个Header.vue组件，你可以使用别名来引用它：

import Header from '@/components/Header.vue';

这里的@符号是之前在jsconfig.json中设置的别名，它指向了src文件夹，所以@/components/Header.vue实际上指向了src/components/Header.vue文件。

需要注意的是，jsconfig.json文件只在开发过程中起作用，对于构建打包后的代码是没有影响的。如果你使用的是Webpack等打包工具，你可能还需要相应的配置来解析别名。

第一步： 发行->网站-PC Web或者手机H5

第二步：配置Web 在manifest.json中如下配置

第三步：填写标题和网站域名

配置踩坑：H5端需要配置设置一下全局CSS不然会出现2个页面标题，如下：

需要在App.vue配置

uni-page-head {
        display: none;
    }

css命名不能以XXX.XXX.XXX方式否则会导致样式引入提示找不到，但是直接访问又可以找到，这个时候只需要吧样式名字改掉xxx.xxx然后再index.html里面修改一下css样式名就行了

使用 #ifndef来判断是否兼容

// 兼容处理
// #ifndef H5 || APP-PLUS || MP-ALIPAY
    //获取小程序悬浮球信息
    let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
    this.menuButtonInfo = menuButtonInfo
// #endif