2024-09-09本文介绍了如何使用Taro、NutUI、Vue3和TypeScript来创建自定义Tabbar。首先，在src/components下创建custom-tab-bar文件夹，包含customTabBar.vue和customTabBar.scss文件。然后在需要的页面如index.vue中，通过current属性控制当前页面索引。最后，运行npm run dev:weapp在微信开发者工具预览效果。

https://www.qianduange.cn//article/17956.html 分类：前端知识

2024-09-04初始化的package.json中“name”参数就是要发布的npm包的名字，必须是唯一的，可以去npm官网搜一搜有没有重名的；三、假设两个.vue文件就是我们想要打包的组件，我们要先将他们暴露出去，在项目的根目录（src同级）或src/components文件夹中新建一个文件index.js。这时候，项目就成功启动起来了，打开链接 http://localhost:8080 ，就可以看到我们的项目了。按回车后，大概需要5分钟，甚至更久，才会新建成功，慢慢等待。至此成功，真是踩了无数的坑！_npm 打包

https://www.qianduange.cn//article/17688.html 分类：前端知识

2024-08-23在vue3中public文件夹下新建 lib/pdfjs 文件 , 将解压后的文件放入pdfjs文件夹下。本地文件测试 必须将pdf文件放在public/lib/pdfjs/web下面才行。如果出现跨域问题，将 viewer.js文件中的以下代码注释掉就可以了。在src/components新建PDF.vue组件。打开新页面预览和弹窗预览。下载后的文件解压结构是这样的。_js 预览pdf

https://www.qianduange.cn//article/16652.html 分类：前端知识

2024-05-10这样，我们就完成了 Vue 3 项目中的响应式布局实现。根据不同的屏幕尺寸，侧边栏和内容区域的宽度会自动调整。当屏幕宽度小于 768px 时，内容区域将根据屏幕宽度进行调整；当屏幕宽度小于 992px 时，侧边栏将占据整个屏幕宽度。3. 在 `src/components` 目录下，创建一个名为 `ResponsiveLayout.vue` 的组件，该组件将负责实现响应式布局。_vue3 响应式布局

https://www.qianduange.cn//article/7814.html 分类：前端知识

2024-02-09本项目只简单使用了eChart的几个基本图表，如果你的需求比较复杂需要更多图表组件，可以修改echarts.ts中引入的组件。eCharts完整包太大了，一般项目中只会使用其中小部分图表，所以我们只用按需引入，尽量减少打包体积。在src/components 文件夹下新建目录echarts，新建文件echarts.ts。，所以在页面中可以直接使用新建的MyEchart组件，以下代码实现了一个简单的饼图。图表统计作为后台管理系统标配当然不能少，本项目选择使用最熟悉的eCharts。首先安装eCharts。_elementplus引入echart

https://www.qianduange.cn//article/1628.html 分类：前端知识