uniapp的选择框有三个，分别是C级能耗，D级能耗和自定义，用户选择自定义时选择框变成数字输入框

可以使用uniapp中的条件渲染（v-if）和动态组件（component）来实现这个功能。具体实现步骤如下：

1. 在页面中定义一个选择框组件，包含三个选项：C级能耗、D级能耗、自定义。当用户选择自定义时，需要动态显示数字输入框。

2. 在data中定义一个变量，用来保存用户选择的选项。初始值为null。

3. 使用v-model指令将用户选择的值绑定到data中的变量上。

4. 使用条件渲染（v-if）来判断用户选择的值是否为自定义。如果是，动态显示数字输入框，否则隐藏数字输入框。

5. 使用动态组件（component）来动态加载数字输入框组件。在数字输入框组件中，使用v-model指令将用户输入的值绑定到data中的变量上。

6. 在页面中添加保存按钮，当用户点击保存按钮时，获取data中的变量值，并进行相应的处理。

示例代码如下：

<template>
  <div>
    <van-cell-group>
      <van-field
        v-model="selected"
        label="选择框"
        readonly
        clickable
        :value="selectedText"
      ></van-field>
    </van-cell-group>

    <component v-if="selected === 'custom'" :is="CustomInput"></component>

    <van-button type="primary" @click="save">保存</van-button>
  </div>
</template>

<script>
import CustomInput from '@/components/CustomInput.vue';

export default {
  components: {
    CustomInput,
  },

  data() {
    return {
      selected: null,
      customValue: null,
    };
  },

  computed: {
    selectedText() {
      switch (this.selected) {
        case 'C':
          return 'C级能耗';
        case 'D':
          return 'D级能耗';
        case 'custom':
          return '自定义';
        default:
          return '';
      }
    },
  },

  methods: {
    save() {
      // 处理保存逻辑
      console.log(this.selected, this.customValue);
    },
  },
};
</script>

在上述示例代码中，我们使用了vant组件库中的`van-cell-group`和`van-field`组件来实现选择框功能。当用户选择自定义时，动态加载了一个自定义数字输入框组件`CustomInput`。在保存按钮的点击事件中，可以获取用户选择的值和自定义输入框的值，并进行相应的处理。