自定义博客皮肤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)
  • 收藏
  • 关注

原创 关于在项目中如何使用阿里巴巴iconfont 矢量图标

5 在main.js 引入即可 import './assets/iconFont/iconfont.css'6 项目使用 <i class="iconfont el-icon-alidaohang"></i>4 在assets 文件夹下创一个iconfont 文件夹 并且将截图红框部分复制进去。点击右上角购物车 添加到项目 没有项目的新创建一个。1 注册阿里巴巴iconfont 地址。2 选择自己需要的icon 加入购物车。3 在我的项目 点击下载到本地。

2024-02-20 10:07:29 370

原创 前端如何预览pdf

然后通过 iframe 将路径放进去 '/pdfjs/web/viewer.html?file=' + 地址+接口路径 + 文件path。1.第一种方案 可以通过后端请求接口转化为blob 然后通过window.open直接打开 代码如下。某接口(地址).then((res)=>{在pdf.js官网下载 文件 放到项目的punlic。通过第三方插件实现 使用pdf.js预览。

2023-11-16 15:34:22 305 1

原创 实现一个酷炫的echarts 3D地图

1.安装echarts npm install echarts --save。2 挂载到vue原型上。3.编写3d地图组件即可。

2023-11-13 09:19:58 304 1

原创 高德地图封装弹窗获取当前位置以及pio提示查询点击地图打点

2 .安装高德api npm install @amap/amap-jsapi-loader --save。1 .按照高德地图的操作申请密钥跟安全key。在piblic/index.html中写入如下。3. 编写如下组件 替换成自己的key即可。4. 引入编写的组件 即可。

2023-11-06 10:31:22 252

原创 内联元素,块元素(block)行内块

内联元素:内联元素不会独占一行,垂直方向padding设置无效块元素:自动换行 独占一行 可设置宽高 默认宽度为父元素的宽度

2023-11-06 10:13:30 39

原创 如何使用vue3 + pinia共享操作数据

首先应该了解pinia 是什么用来干什么的 与vuex有什么差别 作者在这儿就不解释了 可自行百度。作者来简单的演示一遍vue3中 pinia的使用操作。3 创建 stroes 文件夹 写入如下代码。2 在main.js全局注册 pinia。1首先来安装 pinia。

2023-10-10 13:32:19 50

原创 如何绘制一个echarts带表格的图表

echarts带表格

2023-08-31 11:15:44 1777

原创 如何正确使用Mixin

其实大家也可以换一种想法,mixin就是组件中的组件,Vue组件化让我们的代码复用性更高,那么组件与组件之间还有重复部分,我们使用Mixin在抽离一遍。上段代码中mixin和组件中都有clickMiXin方法,但是最终在组件中调用时,实际调用的是组件中的clickMiXin方法。默认的合并策略如下,先执行mixin中生命周期函数中的代码,然后在执行组件内部的代码,上面的例子其实就很好的证明了。当mixin中的data数据与组件中的data数据冲突时,组件中的data数据会覆盖mixin中数据。

2023-08-31 10:31:19 74

原创 前端如何实现搜索记录展示以及清楚历史搜索记录

前端如何实现搜索记录展示以及清楚历史搜索记录

2022-12-08 15:34:32 1496 1

原创 如何设置背景图片缓慢放大

废话不说,直接上代码

2022-02-11 17:11:56 574

空空如也

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

TA关注的人

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