vue+element-ui 字体自适应不同屏幕
摘要:项目背景:屏幕自适应问题,当在不同分辨率的屏幕上显示页面时,页面的字体需要根据屏幕大小来自适应,想到使用rem作为字体的单位 vue-cli脚手架下的index.html中写入以下js脚本
阅读全文
posted @
2019-07-17 15:01
小虾米吖~
阅读(6170)
推荐(0) 编辑
定位问题 vue+element-ui+easyui(兼容性)
摘要:项目背景:靠近浏览器窗口的各个方向(左上、下、左、右)都有不同的模态框悬浮于窗口,这里针对于底部组件定位的选择(主要针对pc端垂直方向上的定位) 1、百分比:easyui的window窗口定位方式:设置left和top的值即可;(left可直接写指定值px;top不能写px,因为各个分辨率下的浏览器
阅读全文
posted @
2019-07-09 17:30
小虾米吖~
阅读(753)
推荐(0) 编辑
easyui—element-ui框架套用(表格宽度自适应)
摘要:外层使用easyui框架中window组件,便于使用最大化功能;内部表格使用element-ui在的el-table,el-table列宽须设置为最小宽度才能在最大化窗口时列表中列宽自适应window窗口的宽度,否则就是扒在一堆的,很难看。 字段写法
阅读全文
posted @
2019-06-04 14:43
小虾米吖~
阅读(1675)
推荐(0) 编辑
easyui—window在vue-element-ui中的使用(坑)
摘要:自己给自己挖的坑 !!! 项目中,布局外层使用easyui框架中的window;内部显示内容的table使用element-ui框架,需求将window使用border-image作为边框,之后发现拉动窗口改变大小时鼠标作用不是特别灵敏,于是想要优化: 百度一圈发现博友建议使用定位来扩大鼠标的作用域
阅读全文
posted @
2019-05-27 15:02
小虾米吖~
阅读(693)
推荐(0) 编辑
easyui 布局之window和panel一起使用时,拉动window宽高时panel不跟随一起变化
摘要:项目开发中布局是每一个组件都由最外层的window和内部的至少一个panel组成,其他的细小组件再依次放到panel中。 问题:当拉动外部的window时我们希望内部的panel的宽高也跟着变化,但是并没有,尤其拉动其高度是更为明显,panel的高度会固定在内容所需的宽度或者说是我们定义时的宽度,w
阅读全文
posted @
2019-02-14 14:43
小虾米吖~
阅读(482)
推荐(0) 编辑
bootstrap和easyui
摘要:1、easyui:自定义的样式要在原先的easyui样式之前引入,这样自定义的样式才能把原先的样式覆盖,即放置顺序为: <link rel="stylesheet" href="./css/new/main.css" type="text/css"><link rel="stylesheet" hr
阅读全文
posted @
2018-12-07 11:18
小虾米吖~
阅读(412)
推荐(0) 编辑
关于使用easyui为前端框架,加载表格数据较多时在火狐浏览器会出现表格片段不停闪烁问题的兼容问题解决。
摘要:1、项目是可视化管理系统,加载的数据较多,使用谷歌浏览器从登陆界面跳转到主页时还算干净利落,但是使用火狐浏览器时在这一过程中在数据没有加载完毕之前,整个页面就仿佛是在闪烁,可以看到闪烁的是表格字段的片段,这对于用户体验而言并不友善,所以我就开始百度到底是什么原因。最终留意到一个大神写的博客,具体什么
阅读全文
posted @
2018-09-19 10:04
小虾米吖~
阅读(591)
推荐(0) 编辑
easyui实现背景图片半透明状态,悬浮在大背景之上
摘要:首先是查找素材,使用AI将所需要的图案画出来,切记将图案的背景设置为所需要的透明状态。项目使用的是easyui架构 为啥加两个背景图呢,因为这样的布局最开始是给一个矩形框加上的背景图片,若是还使用矩形框,则实现透明状态的效果就无法实现,这样加上背景也就毫无意义。其次:也是最主要的一个步骤,至少需要里
阅读全文
posted @
2018-08-30 08:47
小虾米吖~
阅读(1184)
推荐(0) 编辑
easyui之自定义字体图标(鼠标覆盖时切换颜色)
摘要:项目要求是自定义字体图标,使用easyui框架结构,众所周知easyui强功能弱样式,字体图标其实就是一张图片。要达到切换图标颜色的效果,要么就是有两套图,使用js控制。但是我这个人比较懒,不喜欢做复杂的事情。“投机取巧”也造就了我痛苦的过程。 之前项目使用的框架是bootstrap,恰好和easy
阅读全文
posted @
2018-08-09 15:53
小虾米吖~
阅读(281)
推荐(0) 编辑
easyui合并多个单元格
摘要:$('#table-v2').datagrid({ url: './data/am/data1_table.json', pagination: true, //显示分页 fit: true, //datagrid自适应宽度 fitColumn: false, //列自适应宽度 striped: f
阅读全文
posted @
2018-08-02 09:32
小虾米吖~
阅读(320)
推荐(0) 编辑
easyUI-datagrid带有工具栏和分页器的数据网格
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>数据网格-工具栏</title> <link rel="stylesheet" type="text/css" href="js/jquery-easyui/themes/defaul
阅读全文
posted @
2018-06-25 16:23
小虾米吖~
阅读(165)
推荐(0) 编辑
easyui-tabs
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>标签页</title> <link rel="stylesheet" type="text/css" href="js/jquery-easyui/themes/default/eas
阅读全文
posted @
2018-06-25 15:43
小虾米吖~
阅读(176)
推荐(0) 编辑
easyUI-layout布局
摘要:https://www.cnblogs.com/kexb/p/3685913.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>按钮</title> <link rel="stylesheet" type="text/css"
阅读全文
posted @
2018-06-25 15:15
小虾米吖~
阅读(174)
推荐(0) 编辑
easyUI ---linkButton
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>按钮</title> <link rel="stylesheet" type="text/css" href="js/jquery-easyui/themes/default/easy
阅读全文
posted @
2018-06-25 14:29
小虾米吖~
阅读(236)
推荐(0) 编辑
easyUI拖动课程进课程表
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>拖动课程表</title> <link rel="stylesheet" type="text/css" href="js/jquery-easyui/themes/default/e
阅读全文
posted @
2018-06-25 12:54
小虾米吖~
阅读(212)
推荐(0) 编辑
easyUI拖动购物车案例
摘要:<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="keywords" content="jquery,ui,easy,easyui,w
阅读全文
posted @
2018-06-25 11:57
小虾米吖~
阅读(148)
推荐(0) 编辑
easyUI拖动:draggable()方法运用
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>demo</title> <link rel="stylesheet" type="text/css" href="js/jquery-easyui/themes/default/ea
阅读全文
posted @
2018-06-25 11:21
小虾米吖~
阅读(246)
推荐(0) 编辑
easyUI基础入门
摘要:头部需要引人文件:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>demo</title> <link rel="stylesheet" type="text/css" href="js/jquery-easyui/themes/d
阅读全文
posted @
2018-06-25 11:20
小虾米吖~
阅读(193)
推荐(0) 编辑