-
-
寻找AWM 小试身手Lv3
发表于2019-5-29 18:53
楼主
本帖最后由 寻找AWM 于 2019-5-29 18:55 编辑
1、上传一张图片到资源管理器这个路径下vfs/root/products/ebi/sys/picture/雷达2.png（picture目录自己新建的）
2、右键“自定义组件”-》新建html组件
插述：接下来需要在新建的html组件的源代码和default.css文件中添加代码（注：雷达扫描是用css样式实现的，不需要javascript代码）
3、源代码界面添加如下代码
复制代码4、default.css文件中添加如下代码：
复制代码
1、上传一张图片到资源管理器这个路径下vfs/root/products/ebi/sys/picture/雷达2.png（picture目录自己新建的）
2、右键“自定义组件”-》新建html组件
插述：接下来需要在新建的html组件的源代码和default.css文件中添加代码（注：雷达扫描是用css样式实现的，不需要javascript代码）
3、源代码界面添加如下代码
- <div class="ta_c">
- <img class="Rotation img" src="vfs/root/products/ebi/sys/picture/雷达2.png" width="196" height="196"/>
- </div>
- @charset "utf-8";
- /* CSS Document */
- .ta_c{text-align: center;
- margin-top: 0px;}
- @-webkit-keyframes rotation{
- from {-webkit-transform: rotate(360deg);}
- to {-webkit-transform: rotate(0deg);}
- }
- .Rotation{
- -webk
- it-transform: rotate(360deg);
- animation: rotation 3s linear infinite;
- -moz-animation: rotation 3s linear infinite;
- -webkit-animation: rotation 3s linear infinite;
- -o-animation: rotation 3s linear infinite;
- }
- .img{border-radius: 0px;}
