- 博客(13)
- 问答 (7)
- 收藏
- 关注
RSS订阅转载 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
1071
原创 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
2840
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
790
原创 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
6089
原创 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
2494
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
1506
原创 利用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
89
原创 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
695
原创 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
5121
空空如也
vue项目中如何使用es2020的可选链
2022-02-11
js中如何将对象转成树
2022-01-18
js嵌套循环，我绕晕了
2021-12-31
js怎么和预期的结果不一样
2021-12-30
js二维数组过滤，如何不改变原数组
2021-12-28
nuxt3如何使用store
2021-12-02
vue（vue-cli2.x）使用monaco editor时报错
2021-11-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人