活动修改巡逻范围宽度、轨迹对应播放

guanqb

2023-02-13 7a2be276a3fc8dd28d09dfd070500739eb13d17a

 src/styles/base/index.scss

@@ -770,7 +770,7 @@
        display: flex;
        flex-direction: column;
        width: 300px;
        height: 170px;
        height: 190px;
        top: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%);
@@ -791,6 +791,65 @@
                justify-content: center;
                margin-bottom: 10px;
            }

            .input-width-box {
                input {
                    outline: none;
                    width: 140px;
                    height: 28px;
                    background-color: rgba(8, 56, 185, 0.5);
                    border: none;
                    color: #fff;
                    border-radius: 4px;
                    padding-left: 15px;
                }

                input:focus {
                    border-color: #409EFF;
                    border: 1px solid #409EFF;
                }
            }

            .value-name-box {
                height: 32px;
                line-height: 32px;
            }

            .color-box {
                display: flex;
                width: 140px;
                height: 32px;
                background-color: rgba(8, 56, 185, 0.5);
                padding: 6px;


                &>div {
                    width: 20px;
                    height: 20px;
                    line-height: 20px;
                    border: 1px solid #409EFF;
                    margin-right: 10px;
                    cursor: pointer;
                    user-select: none;
                }

                &>div:hover {
                    border: 1px solid #eee;
                }

                .red-color {
                    background-color: red;
                }

                .green-color {
                    background-color: green;
                }

                .blue-color {
                    background-color: blue;
                }
            }

        }
    }
}