自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 问答 (7)
  • 收藏
  • 关注

原创 vue中使用tui-image-editor图片编辑组件

vue中使用tui-image-editor图片编辑组件

2022-12-08 10:29:38 1967 1

原创 vue中使用bootstrap中的Dropdowns下拉框多选功能

vue中使用bootstrap中的Dropdowns下拉框多选功能

2022-12-07 11:39:22 990

原创 常用正则表达式(自用)

常用正则表达式

2022-06-16 16:17:41 351 1

转载 flex卡片布局(随屏幕自适应)

当一行有三个元素的时候直接加个伪类就行,三个以上就需要加占位元素了<div class="hot-content">  <div class="hotList"></div>  <div class="pick"></div>  <div class="pick"></div></div>一行显示五个,多余换行.hot-content{ width: 100%; display:f

2022-04-01 16:07:28 1065

原创 vue+el-dialog中使用codemirror 遇到的问题

注:mode为‘text/javascript’问题一:由于是在el-dialog弹框中使用codemirror,代码提示框不出现解决方法:由于代码提示框样式的z-index为10 小于el-dailog的z-index;所以可以给代码提示框设置样式.CodeMirror-hints{ z-index: 3000 !important;}问题二:需检测js代码语法格式正确与否;所以安装了jshintnpm i jshint --save ;但发现检测提示信息弹框被el-dialog遮

2021-11-10 15:25:08 2835 2

原创 vue手写实现水平步骤条

组件 steps.vue<template> <div class="stepBox"> //开始 <div class="stepitem" style="width:100px"> <div class="img"></div> <div :class="activestep >= 1?'circle startendcircle startenda

2021-11-05 17:15:41 785

原创 vue+elementui实现下载模版+导入+导出(不调接口,前端自己做)

下载模版注:模版保存在静态资源下 如:/static/file/test.xlsx<el-button type="text" icon="el-icon-download" @click="onDownload">模版下载</el-button>//下载模版 onDownload(){ window.location.href = '/static/file/test.xlsx' }导入注:导入excel文件,并且解析内容渲染在el-table上.

2021-10-29 10:49:09 6076

原创 ElementUI(全局|局部)禁止点击遮罩层关闭el-dialog弹窗

第一种:全局禁止点击遮罩层关闭el-dialog弹窗在main.js里面:import ElementUI from 'element-ui';ElementUI.Dialog.props.closeOnClickModal.default = false第二种:局部 单独给某个dialog设置禁止点击遮罩层关闭el-dialog弹窗<el-dialog title="提示" :visible.sync="centerDialogVisible" width="30%" :

2021-10-26 11:23:43 2485 2

原创 使用(vue+elementui+sortable.js )实现多表格的行拖拽

使用(vue+elementui+sortable.js )实现多表格的行拖拽npm安装sortable.jsnpm install sortablejs --save在需要使用拖拽的vue文件中导入import Sortable from 'sortablejs'使用案例template里面//多个表格<el-card v-for="(item, index) in handlefnList" :key="index" class="card"> <el-tab

2021-10-19 10:57:25 1501

原创 利用css玩转渐变

利用css玩转渐变效果如下上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

2020-11-25 14:19:25 88

原创 css3制作太极图

CSS3实现自转太极图动态的,是有动画效果的,只是我没弄gif格式上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>

2020-11-10 12:55:19 455

原创 微信小程序零基础开发流程

微信小程序零基础开发流程进入微信公众平台 https://mp.weixin.qq.com/微信小程序的接入流程如下:步骤一:注册1、点击注册2、点击小程序3、填写注册信息(一个邮箱只能注册一种类型的账号,一个邮箱只能注册一个小程序)4、完成后,系统会给上一步填写的邮箱发送一个激活链接,点击链接激活账号5、点击激活链接后,继续下一步的注册流程。请选择主体类型,完善主体信息和管理员信息(根据自己的情况选择主体类型,本人自己开发,选择了个人)6、绑定微信账号步骤二:进入小程序管理后台(

2020-11-09 22:50:09 693

原创 React实现简易购物车(全选,删除,数量加减,总价,总数量)

React实现简易购物车(全选,删除,数量加减,总价,总数量)组件相关目录表格是放于ComA.js里处理渲染,总价和总数量放于ComB.js里处理渲染App.js代码import './App.css';import ComA from "./components/ComA"import ComB from "./components/ComB"import React from "react"class App extends React.Component{ construct

2020-10-30 22:38:21 5114

空空如也

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

TA关注的人

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