自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Sunny浩琳的博客

工作记录

  • 博客(5)
  • 收藏
  • 关注

原创 获取数据源

一、目的优化完页面的基础上,在查询条件中选择工段和年份后,能够从接口中获取到数据源,在图表上方显示对应的图表标题,并根据数据源显示对应的图表数据。二、过程1.下载一个iosselect-master文件,里面包含一级到六级的联动(如果以后项目中遇到联动问题,可作为参考);链接地址:https://pan.baidu.com/s/1aAwd1rJGPO3IYOMiPVDbnQ2.改造原有程...

2019-12-06 11:22:07 1116

原创 查询条件界面优化(2)

本次页面优化的目的主要是给查询条件前加上小图标,设置顶端标题背景及字体颜色,在图表上方显示查询结果,设置工段以及年份的默认值,调整图表下方柱及线的位置。具体实现过程如下:1.在图表上方显示查询结果为了与查询条件相呼应,代码如下: <yd-cell-group title="查询结果" class="demo-small-pitch "> <div st...

2019-12-01 22:05:07 899

原创 查询条件界面优化

1.原有查询条件界面原有查询条件界面如下三张图所示,查询过程中,需要先点击筛选按钮筛选出工段以及年份,若想出现对应的图表还需要在此基础上点击相应工段所对应的班级按钮,这在很大程度上加大了程序的逻辑难度。2.改进思路找到一个参考页面模板,如下图:之前在二级联动改造时,已经出现相似页面(但是只有工段的二级联动,没有年份的选择),如下图所示:因此,根据实际,需要在此基础上,添加年份的...

2019-11-26 16:32:41 876

原创 Vue二级联动(滚动型)

Vue二级联动(2) 本文主要介绍vue二级联动的另一种形式。1.vue-multilevel-picker Vue 组件库 三级联动*原文网址链接:(https://www.jianshu.com/p/9aa54a2a2540)*Github地址:(https://github.com/darkdragonblade/vue-multilevel-picker)(1)在Github...

2019-11-22 13:39:56 685

原创 Vue二级联动

Vue二级级联1.省市县三级联动(1)省市县三级联动原码如下:<template> <yd-layout title="CitySelect"> <yd-cell-group title="默认调用" class="demo-small-pitch"> <yd-cell-item arrow>...

2019-11-21 11:13:01 1511

空空如也

空空如也

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

TA关注的人

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