GuLiMmo
2024-03-01 d87242f609a6ebaba6f2b45b2c0b41f961e92d4b
src/pages/page-web/projects/components/route-edit/components/setting.vue
@@ -20,6 +20,16 @@
              <a-switch />
            </div>
          </div>
          <div class="height-mode common">
            <div class="title">航线高度模式</div>
            <div class="mode-box">
              <a-radio-group button-style="solid">
                <a-radio-button value="a">绝对高度</a-radio-button>
                <a-radio-button value="b">相对起飞高度</a-radio-button>
                <a-radio-button value="c">相对地面高度</a-radio-button>
              </a-radio-group>
            </div>
          </div>
        </div>
      </template>
      <slot name="show"></slot>
@@ -31,6 +41,9 @@
const getResource = (name: string) => {
  return new URL(`/src/assets/icons/${name}`, import.meta.url).href
}
const waylineSetting = reactive({})
</script>
<style lang="scss" scoped>
@@ -74,6 +87,32 @@
        display: flex;
        .title {
          font-weight: bold;
          margin-right: auto;
        }
      }
    }
    .height-mode {
      .mode-box {
        margin-top: 10px;
        :deep() {
          .ant-radio-group {
            display: flex;
            .ant-radio-button-wrapper {
              flex: 1;
              text-align: center;
              background-color: #3c3c3c;
              border: 1px solid #101010;
              color: #fff;
              font-weight: bold;
              border: 0;
              &::before {
                background-color: #101010;
              }
              &-checked {
                background-color: #409eff !important;
              }
            }
          }
        }
      }
    }
@@ -99,5 +138,3 @@
  }
}
</style>
今日情况
航线展示:照片计算 (已完成)