

# 组件名称 币种选择器 CurrencySelector

## 组件功能
- 通用组件
- 用于其他页面中的加密货交易对选择器
- 输入框交易对选择器

## 组件参数说明
- 输入框存在参数设置，支持单选和多选
- 输入框可选择的币种选项支持配置
  - 加密货币币种选项
  - 交易对选项
- 输入框默认币种或交易对名称
  - 默认参数为 点击选择币种
  - 有参数时，查找默认币种图标显示
- 币种选项的展示数量
  - 默认为6个
  - 可以通过参数调节，通过滑动块展示选项
  
## 样式
- 可以通过参数进行自定义长度 宽度和高度,以适应各个页面使用
- 匹配明亮和黑暗模式
  - 币种图标不需要颜色变换
- 输入框选项，均显示为图标 简称
  - 币种选项- 图标 BNB
  - 交易对选项- 图标 BNBUSDT
- 输入框在页面中的层级处于最高层级
  - 点击输入框选择时候，文字输入框和选项不会被其他内容遮挡

## 功能设计
-  输入框点击输入框空白处之后，出现文字输入框及币种选项
   - 文字输入框按照币种名称快速查找交易对
   - 文字输入框高度与交易对选项保持一致
   
- 当点击选项后，币种图标 名称 删除键 出现在输入框 
  - 样式为胶囊按钮状
  - 胶囊按钮状颜色不同于输入框的颜色
  
- 币种选项部分有滑动功能
  - 当鼠标处于币种选项部分时候,可以通过滑轮控制币种选项的滑动
  - 币种选项部分右侧 有拖动滑动块，也可以通过滑动块控制选项展示
  
- 已选择选项有删除键,点击删除键，输入框中去除此选项
- 当输入框无选项时，自动显示默认的文字或者选项





