diff --git a/.env.development b/.env.development
new file mode 100644
index 00000000..1c4d07ed
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,9 @@
+## 开发环境
+
+# 变量必须以 VITE_ 为前缀才能暴露给外部读取
+NODE_ENV='dev'
+
+VITE_APP_TITLE = 'shopxo'
+VITE_APP_PORT = 3000
+VITE_APP_BASE_API = '/dev-api'
+VITE_APP_BASE_API_URL = 'http://shopxo.com/'
\ No newline at end of file
diff --git a/.env.production b/.env.production
new file mode 100644
index 00000000..fd5b37f3
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,8 @@
+## 生产环境
+# 变量必须以 VITE_ 为前缀才能暴露给外部读取
+NODE_ENV='pro'
+
+VITE_APP_TITLE = 'shopxo'
+VITE_APP_PORT = 3000
+VITE_APP_BASE_API = '/prod-api'
+VITE_APP_BASE_API_URL = 'http://localhost:3000'
\ No newline at end of file
diff --git a/.env.staging b/.env.staging
new file mode 100644
index 00000000..7a0b3d37
--- /dev/null
+++ b/.env.staging
@@ -0,0 +1,6 @@
+## 模拟环境
+NODE_ENV='staging'
+
+VITE_APP_TITLE = 'vue3-element-admin'
+VITE_APP_PORT = 3000
+VITE_APP_BASE_API = '/prod--api'
diff --git a/src/assets/images/noData.png b/src/assets/images/noData.png
new file mode 100644
index 00000000..f2847b74
Binary files /dev/null and b/src/assets/images/noData.png differ
diff --git a/src/layout/components/main/index.vue b/src/layout/components/main/index.vue
index a6db871f..f445b627 100644
--- a/src/layout/components/main/index.vue
+++ b/src/layout/components/main/index.vue
@@ -33,8 +33,8 @@
                     <div class="model-wall" :style="content_style">
                         <div :style="'padding-bottom:' + footer_nav_counter_store.padding_footer + 'px;'">
                             <VueDraggable v-model="diy_data" :animation="500" :touch-start-threshold="2" group="people" class="drag-area re" ghost-class="ghost" :on-sort="on_sort" :on-start="on_start" :on-end="on_end">
-                                <div v-for="(item, index) in diy_data" ref="scrollTop" :key="item.id" :class="model_class(item)" :style="model_style(item)" @click="on_choose(index, item.show_tabs)">
-                                    <div v-if="item.show_tabs" class="plug-in-right" :style="{ top: scroll_top + 'px' }" chosenClass="close">
+                                <div v-for="(item, index) in diy_data" :key="item.id" :class="model_class(item)" :style="model_style(item)" @click="on_choose(index, item.show_tabs)">
+                                    <div v-if="item.show_tabs" class="plug-in-right" chosenClass="close">
                                         <el-icon :class="`iconfont ${item.is_enable ? 'icon-eye' : 'icon-eye-close'}`" @click.stop="set_enable(index)" />
                                         <el-icon class="iconfont icon-del" @click.stop="del(index)" />
                                         <el-icon class="iconfont icon-copy" @click.stop="copy(index)" />
@@ -419,8 +419,6 @@ const get_diy_index_data = (index: number) => {
     return (<arrayIndex>diy_data.value)[index.toString()];
 };
 // 设置复制 删除 移动几个按钮的显示位置，
-const scroll_top = ref(0);
-const scrollTop = ref(null);
 // 设置当前选中的是那个
 const set_show_tabs = (index: number) => {
     page_data.value.show_tabs = false;