- 博客(8)
- 收藏
- 关注
原创 Vite+React中引入Tailwind踩坑解决办法
Vite+React中引入Tailwind踩坑解决办法安装tailwindcss postcss autoprefixer运行 npx tailwindcss init 命令后就会生成tailwind.config.js和postcss.config.js文件。最后需要在vite.config.ts文件中添加代码在src目录下assets/css/base/tailwind.css文件最后在main.tsx中引入src/assets/css/base/tailwind.css文件在App.tsx中使用安装
2024-05-29 15:48:57
428
原创 vue-cli使用scss
vue-cli使用scss1、未安装过sass-loader、node-sass的,直接安装,代码如下;npm i -D sass-loader@8.x npm i node-sass@4.14.1 2、安装过sass-loader、node-sass的,若代码出现(this.getOptions is not a function)报错,则需先卸载后再进行安装,代码如下;npm uninstall --save sass-loader // 卸载npm i -D sass-loader@8.
2022-02-11 09:54:06
953
原创 移动端调试——eruda
1、下载npm install eruda --save2、插入/* #ifdef H5 */// H5调试工具if (process.env.NODE_ENV === 'dev' || process.env.NODE_ENV === 'development') { const eruda = require('eruda') eruda.init() // 初始化}/* #endif */
2021-12-28 18:13:03
502
原创 vue 实现移动端、pc端刮刮乐
vue实现标题移动端、pc端刮刮乐功能方法一:lzy-scratch-card (个人比较推荐)基本用法1.使用npm下载安装npm install lzy-scratch-card --save2.项目中引入import scratchCard from "lzy-scratch-card";3.项目使用 <scratch-card elementId="elementId" width="254px"
2021-12-28 17:50:49
2189
原创 egg.js实现上传文件
前序准备配置 config.default.js文件中配置文件路径和参数 // 上传文件时,配置multipart参数 mode参数的可选值 file stream config.multipart = { fileSize: '50mb', mode: 'file', fileExtensions: ['.png','.jpg'], // 扩展几种上传的文件格式 }; //配置外部访问本地图片的路径的名字 config.assets = {
2021-01-03 19:03:23
881
原创 Vue+Element-Ui项目中使用qrcodejs2将链接生成二维码
Vue+Element-Ui项目中使用qrcodejs2生成二维码1. 下载安装包npm i qrcodejs2 -S2. 在要生成二维码的页面或组件内导入qrcodejs2import QRCode from “qrcodejs2”;3. 项目中使用在html创建一个放置二维码的div <div ref="qrCodeUrl"></div> 调用方法生成二维码 //将链接变成二维码图片 creatQrCode() {
2020-12-28 15:31:40
1536
原创 如何給Vue项目中设置每个单页面的标题
如何給Vue项目中设置每个单页面的标题第一种方法:直接在main.js之中加入路由导航守卫router.beforeEach((to, from, next) => { /* 路由发生变化修改页面title */ if (to.meta.title) { document.title = to.meta.title } next()})第二种方法:使用vu...
2019-10-25 14:45:51
645
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人