feat:修改线的颜色

chenyao

2025-04-17 9e9778db9d904a256a55c0d9bf24d2082c7ec6c4

feat:修改线的颜色

 src/assets/images/aiNowFly/ending-high.png

 src/views/Home/AINowFly.vue

@@ -50,8 +50,8 @@
                    <el-checkbox v-model="item.checked" @change="handleItemCheck"/>
                </div>
                <div class="table-item">{{ item.nickname }}</div>
                <div class="table-item">{{ item.minute }}</div>
                <div class="table-item">{{ item.exe_distance }}</div>
                <div class="table-item">{{ item.minute }}(min)</div>
                <div class="table-item">{{ item.exe_distance }}(km)</div>
            </div>
        </div>
        <div class="btn-submit" @click="nowFly"><img src="@/assets/images/aiNowFly/fly.png" alt=""></div>
@@ -157,22 +157,22 @@
      label: {
        text: `预计${item.minute}分钟`,
                font: 'bold 16px Source Han Sans CN',  // 加粗并增大字号
              fillColor: new Cesium.Color(27/255, 179/255, 255/255, 1.0), 
                fillColor: Cesium.Color.WHITE,
                style: Cesium.LabelStyle.FILL_AND_OUTLINE,
                verticalOrigin: Cesium.VerticalOrigin.CENTER,
                horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
                eyeOffset: new Cesium.Cartesian3(0, 0, -10),
                pixelOffset: new Cesium.Cartesian2(0, -10),
                rotation: Math.atan2(direction.y, direction.x)
              // fillColor: new Cesium.Color(27/255, 179/255, 255/255, 1.0), 
                // fillColor: Cesium.Color.WHITE,
                // style: Cesium.LabelStyle.FILL_AND_OUTLINE,
                // verticalOrigin: Cesium.VerticalOrigin.CENTER,
                // horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
                // eyeOffset: new Cesium.Cartesian3(0, 0, -10),
                // pixelOffset: new Cesium.Cartesian2(0, -10),
                rotation: 12.785398, // 修改旋转计算方式
      }
    })
        viewer.entities.add({
            id: `AINow-line-${index}`,
            polyline: {
                width: 4,
                width: 2,
                positions: positionsList,
                material: new Cesium.Color(27/255, 179/255, 255/255, 1.0),
                material: index === 0 ? new Cesium.Color(2/255, 192/255, 255/255, 1) : new Cesium.Color(27/255, 179/255, 255/255, 0.4),
                clampToGround: false,
            },
        })
@@ -416,7 +416,7 @@
        padding: 0 0 14px 11px;
    }
    .tabledata {
        height: 120px;
        min-height: 120px;
        border: 1px dashed #fff;
        margin: 0px 10px;
        .table-content {
@@ -424,13 +424,18 @@
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px dashed #fff;
            &:not(:last-child) {
                border-bottom: 1px dashed #fff;
            }
        }
        .table-item {
            width: 100px;
            text-align: center;
            height: 32px;
            line-height: 32px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }