feat: 全局宽度修改，各页面自行设置

src/App.vue

@@ -4,7 +4,7 @@
       <ElHeader>
         <CommonHeader :menu-list="menuList" :current-path="currentPath"></CommonHeader>
       </ElHeader>
-      <ElMain class="mx-auto w-[926px]">
+      <ElMain>
         <RouterView />
       </ElMain>
       <ElFooter>Footer</ElFooter>

src/assets/styles/base.scss

@@ -11,4 +11,7 @@
   .status-tag {
     @apply h-[22px] items-center justify-center rounded-sm px-3 text-sm flex;
   }
+  .main-width {
+    @apply w-[926px];
+  }
 }

src/views/develop/DevelopZoneList.vue

 <!-- 开发区列表 -->
 <template>
-  <div>
+  <div class="main-width mx-auto">
     <div class="space-y-5">
       <ParkItem
         v-for="item in datas"

src/views/home/HomeView.vue

 <!-- 首页 -->
-
 <template>
-  <ElForm :model="form" label-width="120px">
-    <ElFormItem label="Activity name" class="w-2 px-4">
-      <ElInput v-model="form.name" />
-    </ElFormItem>
-    <ElFormItem label="Activity zone">
-      <ElSelect v-model="form.region" placeholder="please select your zone">
-        <ElOption label="Zone one" value="shanghai" />
-        <ElOption label="Zone two" value="beijing" />
-      </ElSelect>
-    </ElFormItem>
-    <ElFormItem label="Activity time">
-      <ElCol :span="11">
-        <ElDatePicker
-          v-model="form.date1"
-          type="date"
-          placeholder="Pick a date"
-          style="width: 100%"
-        />
-      </ElCol>
-      <ElCol :span="2" class="text-center">
-        <span class="text-gray-500">-</span>
-      </ElCol>
-      <ElCol :span="11">
-        <ElTimePicker v-model="form.date2" placeholder="Pick a time" style="width: 100%" />
-      </ElCol>
-    </ElFormItem>
-    <ElFormItem label="Instant delivery">
-      <ElSwitch v-model="form.delivery" />
-    </ElFormItem>
-    <ElFormItem label="Activity type">
-      <ElCheckboxGroup v-model="form.type">
-        <ElCheckbox label="Online activities" name="type" />
-        <ElCheckbox label="Promotion activities" name="type" />
-        <ElCheckbox label="Offline activities" name="type" />
-        <ElCheckbox label="Simple brand exposure" name="type" />
-      </ElCheckboxGroup>
-    </ElFormItem>
-    <ElFormItem label="Resources">
-      <ElRadioGroup v-model="form.resource">
-        <ElRadio label="Sponsor" />
-        <ElRadio label="Venue" />
-      </ElRadioGroup>
-    </ElFormItem>
-    <ElFormItem label="Activity form">
-      <ElInput v-model="form.desc" type="textarea" />
-    </ElFormItem>
-    <ElFormItem>
-      <ElButton type="primary" @click="onSubmit">Create</ElButton>
-      <ElButton>Cancel</ElButton>
-    </ElFormItem>
-  </ElForm>
+  <div>
+    <div>home</div>
+  </div>
 </template>
 
-<script lang="ts" setup>
-import { reactive } from 'vue';
-import { cloneDeep } from 'lodash-es';
-
-const form = reactive({
-  name: '',
-  region: '',
-  date1: '',
-  date2: '',
-  delivery: false,
-  type: cloneDeep([]),
-  resource: '',
-  desc: '',
-});
-
-const onSubmit = () => {
-  console.log('submit!');
-};
-</script>
-
-<style lang="scss">
-.test-a {
-  position: absolute;
-  top: 1px;
-  display: flex;
-}
-</style>
+<script lang="ts" setup></script>

src/views/industrial-park/IndustrialParkList.vue

 <!-- 产业园列表 -->
 <template>
-  <div>
+  <div class="main-width mx-auto">
     <div>
       <div class="space-y-5">
         <ParkItem

src/views/land/LandList.vue

 <!-- 土地列表 -->
 <template>
-  <div>
+  <div class="main-width mx-auto">
     <div>
       <div v-for="item in datas" :key="item.id" @click="handleDetail(RouteName.landDetail, item)">
         <div>{{ item.name }}</div>