自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 Ant Design Vue 全局化配置中文

问题:antd 日期选择器组件中月份、星期等文字信息显示为英文。第二步:在 App.vue 中添加以下代码。第一步:下载 dayjs 包。

2023-12-27 11:06:29 844 2

原创 解决 vue3 中 Proxy(Object) 对象无法直接读取或使用

第二步:直接使用 toRaw(obj),其中 【obj】为响应类型数据 【value 】为普通类型数据。第一步:引入 toRaw 方法,toRaw 可以将响应类型数据转化为普通类型数据。

2023-12-26 16:19:28 2257 1

原创 在 vue 项目中监听滚动条位置

第一步:在 mounted 函数中 添加以下代码,其中 this.listenerScroll 为自定义函数。第二步:拿到滚动条位置数据,其中 value 就是需要的滚动条位置数据。

2023-12-26 09:27:48 778 1

原创 问题:子元素添加 position: fixed; 其宽度不能和父元素保持一致

当给子元素添加 position:fixed;时,其相对的父元素变为了浏览器窗口。再去给子元素添加 width:100%;时,并不能使其宽度与父元素相同。给子元素添加代码: width: calc(100% - 340px);用到 css3 新特性 calc() 可以在 css 代码中进行运算。其中 340px 代表需要减掉的多余宽度。

2023-12-25 15:22:51 867

原创 iconfont.cn 的使用

6.3.1:打开 iconfont 官网 【资源管理】下【我的项目】下【font class】复制 图标英文名。6.1:找到下载好的文件,将文件解压并放到项目任意目录中去,这里推荐src/assets/font。第三步:【搜索】你需要的图标并【添加入库】。2.1:进入顶部导航栏的【资源管理】中的【我的项目】右侧【新建项目】2.2:输入【项目名称】之后确认,ps:这步仅需要输入项目名称即可。第四步:点击顶部【购物车】并将图标【添加至项目】第五步:回到【我的项目】点击【下载至本地】第二步:创建你的项目。

2023-12-25 10:12:07 327

原创 解决 vite 构建 vue3 项目 “@/“相对路径无法生效并报错

第二步:在 vite.config.js 文件中添加以下三部分代码。第一步:安装 path 包。

2023-12-22 16:05:17 2030

原创 vue 引入报错

改为 import * as Vue from 'vue'1.首先检查控制台发现报错来自 mian.js。将 import Vue from 'vue'2.点开错误详情发现为是 vue 引入出错。

2023-12-22 11:13:32 1097

原创 使用 vite 创建的项目 mian.js 中 ‘./App.vue‘ 报错

第二步:在 vite-env.d.ts 文件中粘贴一下代码。第一步:在根目录中创建 vite-env.d.ts 文件。

2023-12-22 09:14:41 371

原创 使用 vite 创建 vue3 项目

1. npm init vite-app 项目名称。2. cd 项目名称。

2023-07-17 09:34:45 42

原创 前端适配不同显示器——rem方案

rem 原理:html 标签有 font-size 属性,默认 font-size = 16px,即 1rem = 16px。拓展:如果您是 vue 脚手架搭建项目,直接找到 public 问价夹下 index.html 文件中进行添加即可。如果您的设计稿宽度是 1920px 您就直接复制以上代码,如果是别的,需要将1920改成您自己的设计稿宽度尺寸。1.2 initial-scale=1 的意思是初始缩放的比例是1,使用这个标签,缩放比例为 “1”拓展:(拓展内容仅了解,代码紧急可不看)

2023-04-17 10:36:44 501 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除