- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【React】使用svg-sprite-loader+svgo-loader完成svg组件封装
使用svg-sprite-loader+svgo-loader完成svg组件封装
2023-02-22 14:07:10
1412
2
原创 Vue自定义指令实现element-ui dialog拖拽调整位置和窗口大小
实现element-ui dialog拖拽调整位置和窗口大小前言参考代码修改拖拽调整宽高 前言 本文主要记录给element-ui dialog添加可拖拽位置及可拖拽宽高的功能的整个过程。 参考代码 大部分 修改 拖拽调整宽高 ...
2020-12-22 16:30:04
6404
1
原创 css3动画+js实现实时数据滚动
效果图： 实现步骤 1.实现单条数据在显示区滚动 <div class="scrollScreen"> <div class="box"> <div class="Line"> <div class="cell">2016-05-02</div> <div class="cell">王小虎</div> <div class="cell">上海
2020-07-08 11:48:49
3260
原创 使用Element-UI的步骤条和进度条实现二级步骤条
实现效果 实现步骤 1.完成初步样式 将6个部分共同组成一个二级进度条，分别设置样式，用display：flex完成布局 html部分： <div class="step"> <!-- 第一部分 --> <div class="dot blue"></div> <div class="step_mod"> <!-- 第二部分 --> <div class="
2020-06-29 11:42:50
7356
原创 微信小游戏-飞机大战（DoodlePlane）
项目内容介绍 两种模式 经典模式 打落敌机可得分数，碰到敌机减少飞机携带的血瓶，当为血瓶数为零时碰到敌机游戏结束。 无敌模式 处于无敌状态的飞机一次可发射五发子弹，且飞机碰到敌机时飞机不受影响。 在两种模式中，飞机都可以通过撞击的方式获取道具 道具 （打掉运输机或随机可得）： 1.导弹（点击游戏界面中的导弹图标使用，可使当前屏幕内显示的所有敌机打落） 2.血瓶（在飞机碰撞到敌机时触发使用） 3.多倍子弹(获取后持续一段时间) 界面 开始界面 显示模式选择按钮（经典模式和无敌模式） 游戏界面 显示当
2020-06-24 14:28:43
4485
原创 Vue安装less踩坑
less安装 1.安装less和less-loader npm install less less-loader --save-dev 2.安装成功后，打开build/webpack.base.conf.js ，在module.rules 中添加一段： module.exports = { /*...省略*/ module: { rules: [ /*...省略*/ { test: /\.less$/, loader: "style-l
2020-05-26 15:49:08
1591
原创 Vue2.0和Vue3.0中配置代理解决跨域
Vue2.0 在config/index.js中找到proxyTable进行编辑 加入代码： proxyTable: { '/api': { target: 'http://localhost:8080',/* 目标代理服务器地址 */ changeOrigin:true,/* 允许跨域 */ pathRewrite: { "^/api": "" /*重新改写地址，原请求地址不含/api,所以替换为""*/
2020-05-26 14:46:29
1111
原创 移动端纯css设置高度自适应
适用情景 在设置移动端单页面背景颜色或设置相对屏幕上下居中的元素时，会需要根据屏幕高度来实现自适应。 示例 原页面： <div class="page"> <div class="box"> </div> </div> .page{ .box{ width: 100px; height: 100px; background-color: #f5ec6c; } } 用css完成填充背景和文字水平、垂直居
2020-05-22 15:52:55
2665
原创 记iframe获取src遇到的坑
问题 使用iframe.src取出的值对iframe窗口重新赋值 var iframeList = document.querySelectorAll('iframe') for (let i = 0; i < iframeList.length; i++) { iframeList[i].setAttribute('src', iframeList[i].src) } 代码运行后，iframe窗口显示的都是父级页面 排查过程 1.在赋值之前将取出的值在控制
2020-05-21 17:10:10
7624
1
原创 element-ui 表格展开的图标改为自定义图标
应UI小姐姐的需求，要把element-ui表格组件里的展开图标换得美观一点！效果如下： BERORE： AFTER： 1.添加css隐藏原有箭头图标： .el-table__expand-column .cell { display: none; } 2.引入自定义图标 这里我引入的是阿里矢量库的图标 <el-table-colu...
2019-11-25 13:43:12
8758
2
DoodlePlane.zip（飞机大战涂鸦版）
2020-06-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人