Explorar el Código

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

wangcong hace 3 meses
padre
commit
5c8cd63fda

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

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

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

@@ -52,8 +52,6 @@ defineExpose<UseGuideStepItemExpose>({
 
 <template>
   <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">
       <ASelect v-model:value="form.deviceType" class="device-select" :placeholder="$t('common.plzSelect')">
         <ASelectOption v-for="item in deviceTypes" :key="item" :value="item">
@@ -66,6 +64,6 @@ defineExpose<UseGuideStepItemExpose>({
 
 <style lang="scss" scoped>
 .device-select {
-  width: 224px;
+  width: 256px;
 }
 </style>