uni-data-select下拉框的每个选项加图标

要给 `uni-data-select` 下拉框的每个选项添加图标，你可以使用 `uni-icons` 组件和 `slot` 插槽来实现。首先，在 `uni-data-select` 组件中，定义一个插槽，用于渲染每个选项。然后，在每个选项中，使用 `uni-icons` 组件来设置图标。

<template>
  <view>
    <uni-data-select :list="list">
      <template #default="{ item }">
        <view class="item">
          <uni-icons :type="item.icon" size="20"></uni-icons>
          <span>{{ item.text }}</span>
        </view>
      </template>
    </uni-data-select>
  </view>
</template>

<script>
import UniIcons from '@/components/uni-icons/uni-icons.vue';

export default {
  components: {
    UniIcons
  },
  data() {
    return {
      list: [
        { value: '1', text: '选项1', icon: 'search' },
        { value: '2', text: '选项2', icon: 'home' },
        { value: '3', text: '选项3', icon: 'settings' }
      ]
    };
  }
};
</script>

<style>
.item {
  display: flex;
  align-items: center;
}
</style>

在这个例子中，我们在 `uni-data-select` 组件中定义了一个插槽，用于渲染每个选项。在插槽中，我们使用 `uni-icons` 组件来设置每个选项的图标。每个选项都有一个 `icon` 属性，用于指定要显示的图标类型。我们还设置了 `size` 属性来调整图标的大小。

你还可以根据需要自定义每个选项的样式，例如在这个例子中，我们使用 CSS 来将每个选项的图标和文本水平居中对齐。