perf(views): 优化“验证数据”步骤 UI

src/views/create-device/VerifyParameters.vue

@@ -28,11 +28,8 @@ onMounted(() => {
 </script>
 
 <template>
-  <div style="width: 1092px">
-    <div class="use-guide-title">{{ $t('createDevice.verifyData') }}</div>
-    <div class="use-guide-description" style="margin-bottom: 40px">描述文本</div>
-
-    <div v-for="item in parameterVerificationList" :key="item.id" style="margin-bottom: 24px">
+  <div>
+    <div v-for="item in parameterVerificationList" :key="item.id" class="margin-bottom">
       <AFlex align="center" class="host-parameters-header">
         <div class="host-parameters-header-left"></div>
         <div class="host-parameters-header-right">{{ item.deviceParamGroupName }}</div>
@@ -49,8 +46,11 @@ onMounted(() => {
 </template>
 
 <style lang="scss" scoped>
+.margin-bottom {
+  margin-bottom: 24px;
+}
+
 .host-parameters-header {
-  width: 1092px;
   height: 56px;
   background: #f5f6f7;
   border: 1px solid #e4e7ed;
@@ -58,7 +58,6 @@ onMounted(() => {
 }
 
 .host-parameters {
-  width: 1092px;
   padding: 24px;
   padding-bottom: 8px;
   border: 1px solid #e4e7ed;