瀏覽代碼

feat(views): 优化“选择设备类型”步骤 UI

wangcong 3 月之前
父節點
當前提交
5c8cd63fda
共有 2 個文件被更改,包括 2 次插入3 次删除
  1. 1 0
      src/views/setup-protocol/SelectConfigMethod.vue
  2. 1 3
      src/views/setup-protocol/SelectDeviceType.vue

+ 1 - 0
src/views/setup-protocol/SelectConfigMethod.vue

@@ -57,6 +57,7 @@ const finish = () => {
     props.steps.push(
     props.steps.push(
       {
       {
         title: t('setupProtocol.selectDeviceType'),
         title: t('setupProtocol.selectDeviceType'),
+        stepDescription: t('setupProtocol.selectDeviceTypeTip'),
         component: shallowRef(SelectDeviceType),
         component: shallowRef(SelectDeviceType),
       },
       },
       {
       {

+ 1 - 3
src/views/setup-protocol/SelectDeviceType.vue

@@ -52,8 +52,6 @@ defineExpose<UseGuideStepItemExpose>({
 
 
 <template>
 <template>
   <div>
   <div>
-    <div class="use-guide-title">{{ $t('setupProtocol.selectDeviceType') }}</div>
-    <div class="use-guide-description">{{ $t('setupProtocol.selectDeviceTypeTip') }}</div>
     <AFormItem :label="$t('setupProtocol.deviceType')" name="deviceType">
     <AFormItem :label="$t('setupProtocol.deviceType')" name="deviceType">
       <ASelect v-model:value="form.deviceType" class="device-select" :placeholder="$t('common.plzSelect')">
       <ASelect v-model:value="form.deviceType" class="device-select" :placeholder="$t('common.plzSelect')">
         <ASelectOption v-for="item in deviceTypes" :key="item" :value="item">
         <ASelectOption v-for="item in deviceTypes" :key="item" :value="item">
@@ -66,6 +64,6 @@ defineExpose<UseGuideStepItemExpose>({
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .device-select {
 .device-select {
-  width: 224px;
+  width: 256px;
 }
 }
 </style>
 </style>