首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
大屏类项目
前端白小纯
创建于2021-12-01
订阅专栏
初次接触大屏类项目,需要整理一些基础的东西
等 1 人订阅
共12篇文章
创建于2021-12-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
iframe资料保存,外加基本使用
1. iframe基本内涵 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。 frame中还可以设置些什么属性 我们通常使用iframe最基本的特性
基于Umi条件渲染问题
需求:1.点击某个按钮,需要展示不同的信息2.已知展示信息中必然存在一项信息,需要展示在第一个3.其余消息没有前后之分直接遍历渲染
基于Umi大屏项目--使用echarts绘制中国地图--生成柱状体--点击事件
1.变量说明 geoCoordMap:是在地图上特别的存在,它会根据坐标限制地图上的位置,比如在这个项目上是生成柱状体 customerBatteryCityData:生成柱状体的title。。
基于Umi大屏项目--使用echarts绘制饼状图
基于Umi大屏项目--使用echarts绘制饼状图。实战项目遇到的属性 2.详细属性介绍。一二一二一
基于Umi大屏项目--使用echarts绘制柱状图
大屏项目所涉及的柱状图,具体实现需要的api,网上资源api详细介绍。1.实战项目涉及到的属性 2.详细属性介绍
基于Umi大屏项目--使用less旋转图片
1.设置变量@iconIndex,用于遍历 2.flex布局 3.每个item内部定位布局 4.设置背景图片 5.设置动画_旋转效果 6.将旋转角度设置为变量控制
点击按钮进入全屏和退出全屏
需求:1、全屏设置 2、取消全屏设置。 测试在谷歌游览器可以正常使用,根据键盘的f11是否进入全屏。
Umi 请求数据,数据传递
1.引入请求工具并使用 2.父子组向子组件件传递数据 3.子组件接收数据 ,子组件只为一个数组时,直接接收
Umi 封装http.js 请求数据
这种方式与request的区别,需要自己总结,很相似, 之后再进行补充。
简单封装request请求
这里没有涉及到登录页、 文件下载之类的操作, 只是简单的请求,但会结果
Umi 路由配置
1.在src-layout新建commonLayout.js文件 2.在根目录下建立 router.js文件 这是大屏项目,有点看起来像路由跳转之类的
基于Umi 定义全局global.less达到自适应
1.定义global.less文件 2.在相应的文件引入, 并使用 这里的细节配置还需要进一步了解