Merge branch 'master' of http://192.168.0.105:10010/r/pyhmap

shuishen

2021-06-05 578cebf866ba4d0de62ea1d0efe8392d3c586aea

Merge branch 'master' of http://192.168.0.105:10010/r/pyhmap

 images/cwj1.png

 images/dakaiwenjian1.png

 images/dakaiwenjian1_1.png

 images/dk1.png

 images/jiesuo.png

 images/jiesuo2.png

 images/shanchu.png

 images/shanchu2.png

 images/suo.png

 images/suo1.png

 images/tj1.png

 widgets/CoorPosition/css/style.css

@@ -1,8 +1,8 @@
.jimu-widget-CoorPosition{
  background-color: #36403d;
  background-color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  border: 1px solid rgb(69, 154, 251);
  color: rgb(238, 235, 235);
  color: rgb(0, 0, 0);
  font-size: 16px;
  width: 100%;
  height: 100%;
@@ -55,7 +55,7 @@
  position: relative;
  width: 100%;
  height: 28px;
  background-color: #3a464c;
  background-color: rgba(69, 154, 251, 0.35);
  margin-bottom: 3px;
  text-align: center;
}
@@ -66,20 +66,21 @@

.jingDu-input {
  display: inline-block;
  background-color: #3a464c;
  background-color: rgba(69, 154, 251, 0.35);
  border: none;
  text-indent: 2em;
  caret-color:#fff;
  color: #fff;
  caret-color:rgba(69, 154, 251, 1);
  color: rgb(0, 0, 0);
}

.queDing {
  background-color: #244959;
  background-color: rgba(69, 154, 251, 0.75);
  border: none;
  color: #fff;
  color: rgb(0, 0, 0);
  margin-left: 160px;
  padding: 5px;
  cursor: pointer;
  border-radius: 10px;
}

.jiantou {

 widgets/LeftNavigationBar/Widget.html

@@ -5,9 +5,15 @@
    <div class="left-navigation-bar-main">
        <!-- <ul id="treeDemo" class="ztree"></ul> -->
        <div class="l-n-b-m-search">
            <input id="left-navigation-bar-main-input" type="search" placeholder="请输入图层名称" />
            <input id="left-navigation-bar-main-input" type="search" value="北深渊1" placeholder="请输入图层名称" />
            <!-- <button type="button" class="layui-btn layui-btn-sm" lay-demo="reload">重载</button> -->
            <img id="left-navigation-bar-main-search" src="../../images/addL/sousuo.png" alt="">
        </div>
        <!-- <div class="layui-btn-container">
            <button type="button" class="layui-btn layui-btn-sm" lay-demo="getChecked">获取选中节点数据</button>
            <button type="button" class="layui-btn layui-btn-sm" lay-demo="setChecked">勾选指定节点</button>
            <button type="button" class="layui-btn layui-btn-sm" lay-demo="reload">重载实例</button>
        </div> -->
        <div id="test1" class="demo-tree demo-tree-box"></div>
    </div>
</div>

 widgets/LeftNavigationBar/Widget.js

@@ -30,11 +30,75 @@
            startup: function () {
                // 暴露在外的接口
                this.begin(this.data);
                $('#left-navigation-bar-main-search').click(() => {

                $('.left-navigation-bar-but').click(() => {
                    this.changeImg = !this.changeImg;
                    if (this.changeImg) {
                        $('.l-n-b-b-img').attr("src", "../../images/addL/xzuo.png");//打开
                        $('.jimu-widget-LeftNavigationBar').css({ 'left': '0px' });
                        $('.jimu-widget-instructions').css({ 'left': '260px' });
                    } else {
                        $('.l-n-b-b-img').attr("src", "../../images/addL/xyou.png");//关闭
                        $('.jimu-widget-LeftNavigationBar').css({ 'left': '-250px' });
                        $('.jimu-widget-instructions').css({ 'left': '10px' });
                    }
                })


                $('.jimu-widget-instructions').css({ 'left': '260px' });

                var dictionaries = []//转数据
                    , inits = (d, useData) => {
                        var b = useData || [];
                        for (var k in d) {
                            let val = {
                                title: d[k].title,
                                id: d[k].id
                            }
                            b.push(val);
                            if (d[k].children) {
                                b[k].child = [];
                                inits(d[k].children, b[k].child)
                            }
                        }
                    };
                inits(this.data, dictionaries);


                $('#left-navigation-bar-main-search').click(() => {//搜索事件
                    var val = $('#left-navigation-bar-main-input').val();
                    if (val) {
                        console.log(val);
                        var ids = ''
                            , clearOur = () => {
                                let dom = $(`[data-id]`);
                                // console.log(dom);
                                dom.removeClass('layui-tree-spread');
                                let domDiv = dom.find('.layui-tree-pack');
                                domDiv.css({ 'display': 'none' })
                            }
                            , useit = (d) => {
                                var d = d;

                                for (var k in d) {
                                    if (d[k].title.indexOf(val) != -1) {//选中id
                                        let a = '' + d[k].id,
                                            b = a.split('');
                                        for (var i in b) {
                                            let id = a.slice(0, i);//选中项的所有父级id
                                            // console.log(id)
                                            let dom = $(`[data-id='${id}']`);
                                            dom.addClass('layui-tree-spread');
                                            let domDiv = dom.find('.layui-tree-pack').eq(0);
                                            domDiv.css({ 'display': 'block' })
                                        }
                                    }
                                    if (d[k].child) {
                                        useit(d[k].child);
                                    }
                                }
                            };
                        clearOur();
                        useit(dictionaries);
                    } else {

                    }
@@ -65,21 +129,12 @@
            },
            begin: function (data) {
                var that = this;
                $('.left-navigation-bar-but').click(() => {
                    that.changeImg = !that.changeImg;
                    if (that.changeImg) {
                        $('.l-n-b-b-img').attr("src", "../../images/addL/xzuo.png");//打开
                        console.log($('.jimu-widget-LeftNavigationBar'))
                        $('.jimu-widget-LeftNavigationBar').css({'left': '0px'});
                    } else {
                        $('.l-n-b-b-img').attr("src", "../../images/addL/xyou.png");//关闭
                        $('.jimu-widget-LeftNavigationBar').css({'left': '-250px'});
                    }
                })

                layui.use(function () {
                    var tree = layui.tree
                        , layer = layui.layer;
                        , layer = layui.layer
                        , util = layui.util
                        , $ = layui.$;
                    tree.render({
                        elem: '#test1' //默认是点击节点可进行收缩
                        , data: data
@@ -89,11 +144,16 @@
                            var data = obj.data;  //获取当前点击的节点数据
                            // layer.msg('状态：' + obj.state + '<br>节点数据：' + JSON.stringify(data));
                            // console.log(obj);
                            // 树点击三角形样式修改
                            var ot = $('.layui-tree-iconArrow');
                            ot.removeClass("left-navigation-bar-main-down");
                            var jt = $(`[data-id='${data.id}']`).find('.layui-tree-iconArrow').eq(0);
                            jt.addClass('left-navigation-bar-main-down');

                            // 树点击样式修改
                            // var ot = $('.layui-tree-entry');
                            // ot.removeClass("left-navigation-bar-main-current");
                            // var jh = $(`[data-id='${data.id}']`).find('.layui-tree-entry').eq(0);
                            // jh.addClass('left-navigation-bar-main-current');
                        }
                        , showLine: false  //是否开启连接线
                        , oncheck: function (obj) {
@@ -102,287 +162,29 @@
                            // console.log(obj.elem); //得到当前节点元素
                        }
                    });
                })

                    //按钮事件
                    util.event('lay-demo', {
                        getChecked: function (othis) {
                            var checkedData = tree.getChecked('demoId1'); //获取选中节点的数据

                            layer.alert(JSON.stringify(checkedData), { shade: 0 });
                            console.log(checkedData);
                        }
                        , setChecked: function () {
                            tree.setChecked('demoId1', [12, 114]); //勾选指定节点
                        }
                        , reload: function () {
                            //重载实例
                            tree.reload('demoId1', {

                            });

                        }
                    });
                })
            },
            changeImg: true,
            // concheckData: [
            //     {
            //         id: 1,
            //         choseIt: true,
            //         child: [
            //             {
            //                 id: 11,
            //                 choseIt: true,
            //                 child: [
            //                     {
            //                         id: 111,
            //                         choseIt: true,
            //                     },
            //                     {
            //                         id: 112,
            //                         choseIt: true,
            //                     },
            //                     {
            //                         id: 113,
            //                         choseIt: true,
            //                     },
            //                     {
            //                         id: 114,
            //                         choseIt: true,
            //                     },
            //                 ]
            //             },{
            //                 id: 12,
            //                 choseIt: false,
            //                 child: [
            //                     {
            //                         id: 121,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 122,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 123,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 124,
            //                         choseIt: false,
            //                     },
            //                 ]
            //             },{
            //                 id: 13,
            //                 choseIt: false,
            //                 child: [
            //                     {
            //                         id: 131,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 132,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 133,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 134,
            //                         choseIt: false,
            //                     },
            //                 ]
            //             },{
            //                 id: 14,
            //                 choseIt: false,
            //                 child: [
            //                     {
            //                         id: 141,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 142,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 143,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 144,
            //                         choseIt: false,
            //                     },
            //                 ]
            //             },

            //         ]
            //     },{
            //         id: 2,
            //         choseIt: true,
            //         child: [
            //             {
            //                 id: 21,
            //                 choseIt: true,
            //                 child: [
            //                     {
            //                         id: 211,
            //                         choseIt: true,
            //                     },
            //                     {
            //                         id: 212,
            //                         choseIt: true,
            //                     },
            //                     {
            //                         id: 213,
            //                         choseIt: true,
            //                     },
            //                     {
            //                         id: 214,
            //                         choseIt: true,
            //                     },
            //                 ]
            //             },{
            //                 id: 22,
            //                 choseIt: false,
            //                 child: [
            //                     {
            //                         id: 221,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 222,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 223,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 224,
            //                         choseIt: false,
            //                     },
            //                 ]
            //             },{
            //                 id: 23,
            //                 choseIt: false,
            //                 child: [
            //                     {
            //                         id: 231,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 232,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 233,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 234,
            //                         choseIt: false,
            //                     },
            //                 ]
            //             },{
            //                 id: 24,
            //                 choseIt: false,
            //                 child: [
            //                     {
            //                         id: 241,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 242,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 243,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 244,
            //                         choseIt: false,
            //                     },
            //                 ]
            //             },

            //         ]
            //     },
            //     {
            //         id: 3,
            //         choseIt: true,
            //         child: [
            //             {
            //                 id: 31,
            //                 choseIt: true,
            //                 child: [
            //                     {
            //                         id: 311,
            //                         choseIt: true,
            //                     },
            //                     {
            //                         id: 312,
            //                         choseIt: true,
            //                     },
            //                     {
            //                         id: 313,
            //                         choseIt: true,
            //                     },
            //                     {
            //                         id: 314,
            //                         choseIt: true,
            //                     },
            //                 ]
            //             },{
            //                 id: 32,
            //                 choseIt: false,
            //                 child: [
            //                     {
            //                         id: 321,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 322,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 323,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 324,
            //                         choseIt: false,
            //                     },
            //                 ]
            //             },{
            //                 id: 33,
            //                 choseIt: false,
            //                 child: [
            //                     {
            //                         id: 331,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 332,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 333,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 334,
            //                         choseIt: false,
            //                     },
            //                 ]
            //             },{
            //                 id: 34,
            //                 choseIt: false,
            //                 child: [
            //                     {
            //                         id: 341,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 342,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 343,
            //                         choseIt: false,
            //                     },
            //                     {
            //                         id: 344,
            //                         choseIt: false,
            //                     },
            //                 ]
            //             },

            //         ]
            //     },
            // ],
            data: [{
                title: '采集站点'
                , id: 1
@@ -519,7 +321,7 @@
                    , id: 22
                    , field: '2-2'
                    , children: [{
                        title: '北深渊'
                        title: '北深渊4'
                        , id: 221
                        , field: '2-2-1'
                    }, {
@@ -561,7 +363,7 @@
                    , id: 24
                    , field: '2-4'
                    , children: [{
                        title: '北深渊'
                        title: '北深渊5'
                        , id: 241
                        , field: '2-4-1'
                    }, {
@@ -589,7 +391,7 @@
                    , id: 31
                    , field: '3-1'
                    , children: [{
                        title: '北深渊'
                        title: '北深渊2'
                        , id: 311
                        , field: '3-1-1'
                    }, {
@@ -610,7 +412,7 @@
                    , id: 32
                    , field: '3-2'
                    , children: [{
                        title: '北深渊'
                        title: '北深渊3'
                        , id: 321
                        , field: '3-2-1'
                    }, {
@@ -652,7 +454,7 @@
                    , id: 34
                    , field: '3-4'
                    , children: [{
                        title: '北深渊'
                        title: '北深渊1'
                        , id: 341
                        , field: '3-4-1'
                    }, {

 widgets/LeftNavigationBar/css/style.css

@@ -146,4 +146,8 @@
  /* border-color: #c0c4cc transparent transparent transparent; */
  transform: rotate(90deg);
  transition: .5s;
}

.left-navigation-bar-main-current {
  background-color: #2ab9ec
}

 widgets/MapPrinting/css/style.css

@@ -1,8 +1,8 @@
.jimu-widget-MapPrinting{
  background-color: #3c464b;
  background-color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  /* border: 1px solid rgb(69, 154, 251); */
  color: rgb(238, 235, 235);
  color: rgb(0, 0, 0);
  font-size: 16px;
  width: 100%;
  height: 100%;
@@ -20,7 +20,9 @@

.MapPrinting-left, .MapPrinting-right {
  position: relative;
  background-color: #404953;
  background-color: rgba(62,159,252, 0.75);
  /* border: 1px solid rgba(62,159,252, 0.75); */
  border-radius: 10px;
  padding: 5px;
  cursor: pointer;
}
@@ -42,7 +44,10 @@

.MapPrinting-flex-x {
  cursor: pointer;
  background-color: #404953;
  /* background-color: rgba(62,159,252, 0.75); */
  /* border: 1px solid rgba(62,159,252, 0.75); */
  font-size: 26px;
  /* border-radius: 10px; */
  padding: 5px;
}


 widgets/Measurement/css/style.css

@@ -1,12 +1,13 @@
.jimu-widget-Measurement{
  width: 100%;
  height: 100%;
  background-color: #3a3e45;
  background-color: rgba(255, 255, 255, .75);
  font-size: 14px;
  border: 1px solid rgb(69, 154, 251);
  color: rgb(238, 235, 235);
  color: rgb(0, 0, 0);
  font-size: 16px;
  display: none;
  border-radius: 10px;
}

#table {
@@ -102,6 +103,7 @@
    width: 150px;
    line-height: 30px;
    background-color: #0077ff;
    color: #fff;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 15px;
@@ -125,8 +127,8 @@
    vertical-align: center;
    padding: 0 10px 4px;
    width: 200px;
    color: #fff;
    background-color: #424851;
    color: #000;
    background-color: rgba(255, 255, 255, .75);
}



 widgets/Rolling/css/style.css

@@ -2,10 +2,10 @@
  width: 100%;
  height: 320px;
  /* background-color: #323a36; */
  background-color: #3c464b;
  background-color: rgba(255, 255, 255,.75);
  font-size: 14px;
  /* border: 1px solid rgb(69, 154, 251); */
  color: rgb(238, 235, 235);
  color: rgb(0, 0, 0);
  font-size: 16px;
  width: 100%;
  height: 100%;
@@ -42,10 +42,8 @@
  outline: none;
}



.jimu-widget-Rolling .hezi-select:hover {
  background-color: #ccc;
  background-color: rgba(255, 255, 255,.75);
  color: #3c464b;
}


 widgets/Sign/Widget.html

@@ -8,19 +8,19 @@
        <div class="sign-head-td">
            <ul class="sign-head-td-ul">
                <li class="sign-head-td-ul-border addPic addTianjia" title="添加注记">
                    <img src="./images/tj.png" alt="">
                    <img src="./images/tj1.png" alt="">
                </li>
                <li class="sign-head-td-ul-hengxian">|</li>
                <li class="sign-head-td-ul-border dakai" id="dkwj" title="打开文件">
                    <input type="file" class="file" id="fileDKWJ" />
                    <img src="./images/dk.png" alt="">
                    <img src="./images/dk1.png" alt="">
                </li>
                <li class="sign-head-td-ul-border dakai" id="djwj" title="叠加文件">
                    <input type="file" class="file" id="fileDJWJ">
                    <img src="./images/dakaiwenjian.png" alt="">
                    <img src="./images/dakaiwenjian1.png" alt="">
                </li>
                <li class="sign-head-td-ul-border" id="bcwj" title="保存文件">
                    <img src="./images/cwj.png" alt="">
                    <img src="./images/cwj1.png" alt="">
                </li>
                <li class="sign-head-td-ul-hengxian">|</li>
                <li class="sign-head-td-ul-border" id="qkbj" title="清空标记">

 widgets/Sign/css/style.css

@@ -1,11 +1,11 @@
.jimu-widget-Sign {
  width: 100%;
  height: 320px;
  background-color: #323a36;
  background-color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  border: 1px solid rgb(69, 154, 251);
  /* opacity      : .8; */
  color: rgb(238, 235, 235);
  color: rgb(0, 0, 0);
  font-size: 16px;
  display: none;
}
@@ -42,7 +42,7 @@

.sign-head-th-biaoji {
  margin-left: -180px;
  color: white;
  color: rgb(0, 0, 0);
}

.sign-head-th-xx {
@@ -76,7 +76,7 @@
  width: 30px;
  height: 30px;
  margin-top: 6px;
  border: 1px solid white;
  border: 1px solid #377bc9;
}

.dakai {
@@ -104,7 +104,7 @@
.sign-content {
  width: 316px;
  height: 267px;
  border: 1px solid #fff;
  border: 1px solid #377bc9;
  margin-left: 1px;
  overflow: hidden;
}
@@ -113,7 +113,7 @@
  /* position : absolute; */
  width: 315px;
  height: 40px;
  border: 1px solid #fff;
  border: 1px solid #377bc9;
  display: flex;
  padding-left: 10px;
}
@@ -147,7 +147,7 @@
  width: 74px;
  cursor: pointer;
  margin-left: 10px;
  border-left: 1px solid #fff;
  border-left: 1px solid #377bc9;
  line-height: 40px;
  padding-left: 10px;
}
@@ -157,37 +157,37 @@
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid #377bc9;
}

.wdbj {
  width: 100%;
  /* background-color: red; */
  height: 40px;
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid #377bc9;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.wdbj:hover {
  background-color: #3f4854;
  background-color: rgba(62,159,252, 0.75);
}

.wdbj .wdbj-text {
  width: 248px;
  line-height: 37px;
  border: none;
  background-color: #323a36;
  color: #fff;
  background-color: rgba(62,159,252, 0.45);
  color: rgb(0, 0, 0);
  padding-left: 10px;
  font-size: 15px;
  border-right: 1px solid #fff;
  border-right: 1px solid #377bc9;
  cursor: pointer;
}

.wdbj .wdbj-text:hover {
  background-color: #3f4854;
  background-color: rgba(62,159,252, 0.75);
}

.wdbj-shanchu {
@@ -201,7 +201,7 @@
.modifyEdit,
.dragEdit {
  padding: 5px;
  background-color: #141f18;
  background-color: rgba(62,159,252, 0.45);
  position: fixed;
  top: 0;
  left: 0;
@@ -235,12 +235,12 @@
  overflow: hidden;
  width: 100%;
  height: 40px;
  background-color: #29434a;
  background-color: rgba(255, 255, 255, 0.75);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  border-bottom: 1px solid #47605b;
  border-bottom: 1px solid #377bc9;
}

.sign-tian-thead span {
@@ -259,7 +259,7 @@
.sign-tian-tbody {
  width: 100%;
  padding: 10px;
  background-color: #434b54;
  background-color: rgba(255, 255, 255, 0.75);
}

.sign-tian-hang {
@@ -271,27 +271,29 @@

.sign-tian-hang-input {
  margin-top: 5px;
  background-color: #3f4954;
  background-color: #377bc9;
  line-height: 25px;
  width: 100%;
  border: none;
  color: #999;
  /* color: #999; */
  border: 1px solid #377bc9;
  padding: 5px;
  font-size: 10px;
  color: #fff;
  color: rgb(0, 0, 0);
}

.sign-tian-hang-textarea {
  margin-top: 5px;
  height: 60px;
  background-color: #3f4954;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #377bc9 !important;
  font-size: 13px;
  color: #999;
  /* color: #999; */
  padding: 5px;
  border: none;
  resize: none;
  width: 100%;
  color: #fff;
  color: rgb(0, 0, 0);
  font-family: '黑体';
}

@@ -305,15 +307,15 @@

.sign-tian-bao .baocun,
.sign-tian-bao .shanchu {
  background-color: #385973;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  color: rgb(0, 0, 0);
  border: none;
  line-height: 25px;
  border-radius: 5px;
}

.sign-tian-bao .shanchu {
  background-color: #6a525a;
  background-color: rgba(255, 255, 255, 0.75);
  margin-left: 10px;
}

@@ -324,7 +326,7 @@
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 17px solid #3f4954;
  border-top: 17px solid #377bc9;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent
}

 widgets/SplitScreen/css/style.css

@@ -4,11 +4,11 @@
  right: 20px !important;
  width: auto !important;
  height: auto !important;
  background-color: #323a36;
  background-color: rgba(255, 255, 255, .75);
  font-size: 14px;
  border: 1px solid rgb(69, 154, 251);
  /* opacity      : .8; */
  color: rgb(238, 235, 235);
  color: rgb(0, 0, 0);
  font-size: 16px;
  z-index: 101;
  border-radius: 10px 0 10px 10px;
@@ -32,7 +32,7 @@
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  background: #323a36;
  background: rgb(69, 154, 251);
  border-radius: 50%;
  border: 1px solid rgb(69, 154, 251);
}

 widgets/instructions/css/style.css

@@ -6,7 +6,7 @@
  width: 200px !important;
  right: auto !important;
  bottom: auto !important;
  left: 240px!important;
  left: 260px;
  top: 40px !important;
  /* 240px */
  background: rgba(255, 255, 255, 1);
@@ -21,6 +21,7 @@
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}

.jimu-widget-instructions img {