- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 el-table expand 实现手风琴效果
在项目开发过程中总有各种各样的需求。在使用el-table时，想 点击某行展示（或收起）更多 详细信息也是比较常见的一个。本文使用expand来控制显示隐藏，使用效果如下：<el-table ref="tableList" :data="liveGoodArr" @sort-change="shortChange" v-loading='loading' :header-cell-style="{ background: '#2D3140', border: '#343648', color:
2024-07-12 15:27:57
340
原创 基于uniapp开发自建钉钉H5微应用及免登获取用户信息
打开 钉钉开发平台，创建应用—填写基本信息—添加应用能力选择网页应用—填写网页应用信息—权限管理配置项如下图所示—应用发布JSAPI: JSAPI.1、安装依赖npm install dingtalk-jsapi --save2、根据钉钉企业id获取微应用免登授权码code在utils下新建一个文件dingding.js（钉钉获取code是异步操作,不知道什么时候执行完毕。callback 函数会等他执行完毕后再自己调用自己）import * as dd from "dingtalk
2024-03-13 16:31:06
1315
原创 Vue3对接高德地图流程
点进高德控制台找到 -> 特色产品平台使用概况 ->我的自定义地图 ->管理自定义地图 进去使用某一模板创建修改mapStyle即可更换底图样式。
2023-04-20 16:52:45
1364
原创 Vue项目里使用element ui || naive ui在input框上使用v-model.trim等修饰符失效
//navite ui为例 <n-input v-model:value="query.keyword" @blur="query.keyword=$event.target.value.trim()" clearable type="text" placeholder="请输入名称" />
2022-03-17 15:15:36
3815
原创 纯前端获取当前市的天气情况
一、根据ip获取地址//引入搜狐API<script typet="text/javascript" src="https://pv.sohu.com/cityjson?ie=utf-8"></script> //使用console.log(returnCitySN.cname); //浙江省杭州市console.log(JSON.stringify(returnCitySN)); //{"cip":"122.234.58.159","cid":"330100","cna
2021-12-17 15:11:23
1409
原创 前端最常用场景的正则表达式汇总
正则在前端校验里是不可或缺的存在，可以提升用户体验和减少不必要的请求，以下码住：1、手机号校验：const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/const phoneStr1 = '13212706045'console.log(phoneReg.test(phoneStr1)) // trueconst phoneStr2 = '23212706045'console.log(phoneReg.test(phoneStr2)) // fal.
2021-11-03 14:16:02
118
原创 wangeditor — 轻量级富文本编辑器
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-09-28 17:16:57
622
原创 数字效果动画【增加或减小】
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-07-14 18:26:38
295
原创 vue粒子特效——实现炫酷页面
1.认识 vue-particles官网2.使用 vue-particles官网安装npm install vue-particles --save-dev引入 Main.js fileimport Vue from 'vue'import VueParticles from 'vue-particles'Vue.use(VueParticles)简单的例子<template> <div id="app"> <vue-pa
2021-06-25 17:36:04
2198
原创 微信小程序中的web-view，实现微信小程序与h5页面间跳转
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-05-18 18:13:07
1654
1
原创 【预览pdf】:vue实现页面内预览pdf文件引入vue-pdf
前言提示：因最近项目需求，项目需要实现vue页面内预览pdf,后端以文件流形式返回pdf地址。一、方法概述方法引入插件为：vue-pdfnpm install --save vue-pdf二、方法使用1.页面：<!--工具条--><div class="sign-main-left-header"> <div class="box width300"> <div v-for="(item, index) in cont
2021-02-25 17:46:42
704
原创 【预览pdf】:uniapp在微信小程序预览pdf，兼容安卓/IOS
前言提示：因最近项目需求，项目需要用uniapp来开发微信小程序预览pdf的功能, 后端以链接形式返回pdf地址。一、方法概述开始用uniapp提供微信自带方法：wx.downloadFile({ }) + wx.openDocument({ })，但发现android正常打开，IOS打不开的情况 换种方式使用： web-view，uni-app 中web-view做链接跳转，但是出现IOS可以正常打开，android打不开的情况。综上：安卓手机用原生，ios手机用web-view二、方法使
2021-02-25 11:28:49
7166
9
原创 element UI日期选择器限制 不能大于今日且选择范围不能超过30天
前言提示：因最近项目需求，要求查询数据记录是查询今天以前的数据（因为今日之后的数据为空或0，意义不大），且选择的日期范围不能超过30天(因为时间跨度太长的话，数据量太大，查看数据时会比较烦等等)，所以就开始了我们的需求开发。效果如图：提示：本方法是使用el-date-picker 组件的 picker-options属性来进行限制方法如下：html：<el-date-picker type="daterange" :unlink-panels="true" v-model=
2021-02-23 16:32:40
1434
原创 elementUI的table使用Sortable进行拖拽并保存
前言背景：近期有产品需求，需要表格可以拖拽来实现列表排序的功能，并且列表任一项可以置顶，置顶永远在最上面且置顶和非置顶不能交叉，记录以下一、安装Sortablesortable.js中文文档npm install sortable.js --save//或者npm i -S vuedraggable说明：vuedraggable依赖 Sortable.js，所以安装了vuedraggable，我们便可以直接引入Sortable使用Sortable的特性。vuedraggable是Sorta
2021-01-29 16:27:01
1372
原创 vue 引入文件的路径问题
项目情景：当我需要在vue里引入图片文件或样式文件等静态资源文件时，如果不在同一个目录，放在其它目录的话，需要写个很长的相对路径 写…/…/…/ 等才能找到这个文件，那怎么简单的通过其他方式引入呢？方法如下：需要找到webpack里面的alias配置一下：resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'),
2021-01-15 11:32:11
1186
原创 vue 点击展开显示更多 点击收起部分隐藏
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代
2021-01-14 15:47:12
1320
2
转载 uni-app/vue 引入自定义图标库——Iconfont-阿里巴巴
uni-app引入自定义图标库——Iconfont-阿里巴巴前言1.首先在[官网](https://www.iconfont.cn/)登录注册，选择你需要的图标加入购物车，可以多选2.新建项目，把购物车中的图标添加到项目，然后点击下载至本地3.解压后的文件如图所示，复制iconfont.css文件，粘贴到我们项目的static（或common）目录下，重命名为iconfont.scss(或者直接可以copy过来)4.打开我们复制过来的css文件，把里面引用了但是我们没有复制过来的文件的那几行删除掉（留下da
2021-01-11 14:07:00
470
转载 CSS3 filter(滤镜) 属性 【实现全局变灰色】
提示：疫情还在肆虐，作为一个人性化、大平台网站，如何在全民悲痛时刻显示出本网的悲痛一句css,让全站变灰分析如下图可看出这个样式有起作用，而且是全局的效果*[HTML]: 兼容性不太友好-webkit-filter: grayscale(.95);html { *[HTML]: 兼容性会更好 -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grays
2021-01-08 18:15:56
1166
原创 vue实现金额小数点前后字体大小不一致
vue实现金额小数点前后字体大小不一致前言一、写入方法1.在common.js引入二、使用方法1.使用v-html指令总结前言提示：实现方式通过引入公共的js库一、写入方法1.在common.js引入decimalPoint(val) { const splitPrice = (val || '0.00').split('.') const numb1 = splitPrice[0] var numb2 = '00' if (splitPrice.length &g
2021-01-08 14:58:36
1870
原创 uniapp 关于小程序图片高度不能自适应的问题[widthFix]
uniapp 关于小程序图片高度不能自适应的问题[widthFix]小程序的 Image 图片实现宽度为100%或设置成某个rpx的值时，高度自适应要怎样设置？
2021-01-08 14:31:47
2751
1
canvas_login.js
2021-07-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人