1. 完成表格模块的功能迁移； 2. 完成表格、折线图、地图标记三者点击联动

riku

2024-05-08 f16acb06ab278cdcb1d39a29680634010638326d

 src/assets/border.css

@@ -41,7 +41,7 @@
    width: 100%;
    height: 100%;
    background-color: var(--border-color);
   z-index: 1000px;
    /* z-index: 1000px; */
}

/* 背景 */
@@ -49,13 +49,13 @@
    position: relative;
    color: var(--font-color);
    background-color: var(--bg-color);
   z-index: 1000px;
    /* z-index: 1000; */
}

.ff-border-top img.ff-img {
    width: 16px;
    height: 16px;
    margin-bottom: 6px;
    /* margin-bottom: 6px; */
}

/* 三角样式 */
@@ -97,8 +97,9 @@
    position: absolute;
    color: var(--font-color);
    width: calc(100% - var(--border-width) * 2);
    min-height: calc((var(--bevel-length-2) - var(--border-width)) * 1);
    /* min-height: calc((var(--bevel-length-2) - var(--border-width)) * 1); */
    /* background-color: brown; */
    z-index: 10;
}

/*****************边框基本属性 - end **************************/
@@ -366,7 +367,7 @@
/* 内容 */
.ff-content {
    position: relative;
    display: inline-block;
    display: block;
}

/* .ff-content .ff-border-top {
@@ -413,7 +414,7 @@
}

.ff-content-middle-s .ff-border-top {
    padding: 2px 6px;
    padding: 4px 8px;
    -webkit-clip-path:
        polygon(var(--border-width) var(--border-width),
            calc(100% - var(--border-width)) var(--border-width),
@@ -564,6 +565,7 @@
/* 按钮 */
.ff-toggle-btn {
    position: relative;

}

.ff-toggle-btn .ff-border-top {
@@ -656,4 +658,5 @@
.ff-toggle-btn-down .ff-border-top .ff-border-content {
    transform: rotateZ(90deg);
}

/*****************按钮区域样式 - end *************************/