自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(319)
  • 资源 (3)
  • 收藏
  • 关注

原创 vue点击enter键查询数据(组件封装)

vue点击enter键查询数据(组件封装)

2023-05-12 16:57:05 639

原创 el-table表格封装(包括switch,操作栏,元素带点击事件,区分颜色显示,分页,暂无数据等)

el-table表格封装(包括switch,操作栏,元素带点击事件,区分颜色显示,分页,暂无数据等)

2023-04-24 17:57:47 683

原创 JS Array数组常用方法(附上相应的用法及示例)

JS Array数组常用方法(push、unshift、pop、shift、reverse、splice、sort、join、concat、slice、indexOf、forEach、map、filter、every、some)

2023-04-21 18:30:37 3833

原创 中国地图,手机与PC端共用,可缩放大小,可设置默认选中省份

<!doctype html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <meta http-equiv="pra.

2021-11-19 15:23:29 1935

原创 vue+css3 旋转木马效果

${ASSET_HOST}为封装的统一的图片路径<template><!-- :style="{backgroundImage: 'url(' + `${ASSET_HOST}/main_bg.jpg` + ')',backgroundSize: '100% 100%', backgroundRepeat: 'no-repeat'}" --> <div class="index"> <div class="index-bg" :style=.

2021-03-09 18:21:42 1530

原创 vue锚点跳转到对应位置(精确定位)

安装:npm install --save vue-scrolltomain.js引入import Vue from 'vue'var VueScrollTo = require('vue-scrollto');Vue.use(VueScrollTo)页面引用:<template> <div class="scrollDemo"> <div class="demoNav flex-center-center"> &lt

2020-09-16 18:14:36 3274 5

原创 vue 最后一个菜单项点击出现下拉框

效果图:代码:<template> <div class="nav-panel flex-center-center"> <div class="wrapper flex-center-center"> <div class="nav-item" :class="{active: index == nowIndex}" v-for="(tabItem,index) in tabPa

2020-09-04 17:59:10 425

原创 vue 路由

layout(导航页)<template> <div> <div class="header-panel"><headerNav></headerNav></div> <div class="container"> <div class...

2020-04-10 11:41:13 113

原创 vue实现部分页面导入底部 vue配置公用头部、底部,可控制显示隐藏

vue实现部分页面导入底部 vue配置公用头部、底部,可控制显示隐藏在app.vue文件里引入公共的header 和 footerheader 和footer默认显示,例如某个页面不需要显示header可以使用 this.$emit('header',false);来控制header不显示例如:test页面不需要显示header,在页面被创建的时候广播(this.$emit)...

2020-03-10 13:31:59 3303 2

原创 常用flex元素(可直接作为公用文件引入)

/* 文字居中,左右显示 */.text-align-center{ text-align: center;}.text-align-left{ text-align: left;}.text-align-right{ text-align: right;}/* 文字省略号显示 -webkit-line-clamp: 2;写在响应容器控制显示的行数*/.text-overflow-num{ display: -webkit-box; overflo.

2019-06-21 11:29:00 482

原创 小程序checkbox改成圆形与radio样式保持一致

【代码】小程序checkbox改成圆形与radio样式保持一致。

2024-05-22 11:49:18 78

原创 vue+css解决图片变形问题(flex-shrink: 0)

vue+css解决图片变形问题(flex-shrink: 0)

2024-05-22 10:38:19 67

原创 vue3+ts 点击菜单跳到指定位置,滚动内容到指定位置选中菜单

vue3+ts 点击菜单跳到指定位置,滚动内容到指定位置选中菜单

2024-05-17 11:09:20 139

原创 vue3+ts用resetFields清空打开弹框清空校验规则与内容

vue3+ts用resetFields清空打开弹框清空校验规则与内容

2024-05-15 11:14:25 224

原创 vue3+ts(<script setup lang=“ts“>)刷新页面后保持下拉框选中效果

vue3+ts()刷新页面后保持下拉框选中效果

2024-05-14 16:58:39 262

原创 饿了么手机号格式校验

饿了么手机号格式校验

2024-05-14 16:14:50 92

原创 vue3+ts路由跳转打开新页面

vue3+ts路由跳转打开新页面

2024-05-13 16:58:14 109

原创 vue3+ts使用ElUpload上传(包含loading与重新上传)

vue3+ts使用ElUpload上传(包含loading与重新上传)

2024-05-13 14:56:54 73

原创 element-plus的ElNotification 内容换行显示

element-plus的ElNotification 内容换行显示

2024-05-13 14:46:09 218

原创 浏览器修改网络状态(设置断网状态)

浏览器修改网络状态

2024-05-09 17:04:39 99

原创 pnpm 安装报错(Failed in 876ms at D:\workplace\pc\dc-ot-screen\node_modules\.pnpm\[email protected]\node_m)

pnpm 安装报错(Failed in 876ms at D:\workplace\pc\dc-ot-screen\node_modules\.pnpm\[email protected]\node_m)

2024-05-09 16:03:03 216

原创 vue3+ts之el-tooltip换行显示内容

vue3+ts之el-tooltip换行显示

2024-05-08 14:54:12 169 1

原创 小程序返回上一页弹toast

小程序返回上一页弹toast

2024-04-11 09:55:23 94

原创 小程序返回上一页刷新数据

小程序返回上一页刷新数据

2024-04-08 20:31:36 110

原创 后台返回数据需要自己匹配图标,图标命名与后台返回的变量保持一致

后台返回数据需要自己匹配图标,图标命名与后台返回的变量保持一致

2024-04-03 17:54:17 236

原创 js 将A数组与B数组id相同的数据进行合并

js 将A数组与B数组id相同的数据进行合并

2024-04-03 15:34:26 202

原创 animate延迟动画

animate延迟动画

2024-03-30 13:48:49 141

原创 vue3从其他页面跳转页面头部组件菜单el-menu菜单高亮

vue3从其他页面跳转页面头部组件菜单el-menu菜单高亮

2024-03-27 14:49:16 500

原创 vue3页面滚动到一定位置改变导航颜色

vue3页面滚动到一定位置改变导航颜色

2024-03-22 17:08:32 246

原创 vue3内容超过一定高度点击查看与收起

vue3内容超过一定高度点击查看与收起

2024-03-22 14:40:20 185

原创 GitLab/Github从头开始配置秘钥

GitLab/Github从头开始配置秘钥

2024-03-18 18:59:41 587

原创 van-swipe 自定义左右切换按钮

【代码】van-swipe 自定义左右切换按钮。

2024-01-30 16:25:25 647

原创 el-tab切换出现蓝色边框问题解决

el-tab切换出现蓝色边框问题解决

2023-12-28 15:01:44 562

原创 HTML使用canvas绘制海报(网络图片)

HTML使用canvas绘制海报(网络图片)

2023-11-07 16:33:03 1008

原创 nuxt使用i18n进行中英文切换

nuxt使用i18n进行中英文切换

2023-10-19 18:23:00 923 2

原创 (H5轮播)vue一个轮播里显示多个内容/一屏展示两个半内容

return里声明的数据或者直接使用后台返回的数据。cnLeftItem:[]为后台返回数据。

2023-10-19 16:54:49 616

原创 el-tooltip内容换行显示

el-tooltip内容换行显示

2023-09-27 15:23:40 861

原创 (PC端轮播)el-carousel一个轮播里显示多个内容

(PC端轮播)el-carousel一个轮播里显示多个内容

2023-09-08 16:07:58 1758

原创 el-input正则限制

el-input限制只能输入1-9且只保留一位小数

2023-09-05 14:58:07 291

原创 el-form内容重置(解决点击保存关闭后再点击新增会有编辑携带的数据的问题)

el-form内容重置(解决点击保存关闭后再点击新增会有编辑携带的数据的问题)

2023-09-05 10:33:44 823

echerts.js+china.js绘制中国地图

echerts.js+china.js绘制中国地图

2021-11-19

svg图形按顺序描边绘制

svg多个图形按顺序描边,主要使用h5的svg和css3动画属性综合实现。

2018-08-20

svg图形描边,通过html5标签实现六边形描边动画

通过html5标签实现六边形描边动画。通过导入动画插件,获取图形路径放入<svg>标签。添加css动画效果实现。

2018-08-13

空空如也

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

TA关注的人

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