小周博客

摘要： 一、上拉加载： 1、普通页面： <script> export default { data(){ // 分页参数 queryParams: { pageNum: 1, pageSize: 10 }, // 总数 total: 0, // 加载状态 statusMore: 'more', }, // 阅读全文

摘要： 环境配置：utils/env.js let BASE_URL // 开发环境 if (process.env.NODE_ENV 'development') { BASE_URL = '' } // 生产环境 else { BASE_URL = '' } export default { BASE_ 阅读全文

摘要： 一、创建项目： # 创建vite项目 npm create vite@latest # 填写基本信息 Project name: my-project # 项目名也是文件名 Select a framework: Vue # 选择开发框架 Select a variant: TypeScript # 阅读全文

摘要： 一、安装三方库：npm install --save-dev @types/node 二、在vite.config.ts中： import path from "path"; export default defineConfig({ // 取别名 resolve: { alias: { "@": 阅读全文

摘要： /** * 获取完整解析静态资源的url，如图片、svg等 * @param {string} path 静态资源在在assets中的地址，例如：images/pubilc/logo.png * @returns {string} */ export function getStaticUrl(pa 阅读全文

摘要： 分片： // 获取文件对象 const inputFile = document.querySelector('input[type="file"]'); // 设置分片大小：5MB const CHUNK_SIZE = 5 * 1024 * 1024; // 文件上传事件 inputFile.on 阅读全文

摘要： 下载地址：https://www.iconfont.cn/fonts/detail?spm=a313x.fonts_index.i1.d9df05512.2c2d3a81BeI8U3&cnid=pOvFIr086ADR 使用方法： @font-face { font-family: 方圆体; src 阅读全文

摘要： 基本示例 // 在directives/example.ts中 import type { Directive } from "vue"; /** * 示例 */ const example: Directive = { mounted(el) { console.log("mounted", el 阅读全文

摘要： 一、安装：npm i i18n-auto-extractor 二、更新国际化：npx i18n-auto-extractor；需要手动更新，会在文件中生成以下文件，也可以手动对文件翻译进行更改 三、使用： import { $at } from "i18n-auto-extractor"; $at( 阅读全文

摘要： xz-tabBar 自定义tabBar 实现隔离底部安全区域和通过插槽自定义凸起的tabBar 插件地址：https://ext.dcloud.net.cn/plugin?id=20350 预览图 Props 属性名 类型 是否必填 默认 可选 说明 list Array true [] 无 tab 阅读全文