完成代码路径重构

pages/mall/admin/maintain/dev-config/module-config/index.uvue

@@ -0,0 +1,123 @@
+<template>
+  <view class="admin-page">
+      <view class="admin-sections">
+        <view class="admin-card content-card">
+          <view class="form-container">
+            <view class="form-item">
+              <view class="form-label">模块配置：</view>
+              <view class="form-content">
+                <label class="checkbox-item">
+                  <checkbox color="#1890ff" checked />
+                  <text class="checkbox-label">秒杀</text>
+                </label>
+                <label class="checkbox-item">
+                  <checkbox color="#1890ff" checked />
+                  <text class="checkbox-label">砍价</text>
+                </label>
+                <label class="checkbox-item">
+                  <checkbox color="#1890ff" checked />
+                  <text class="checkbox-label">拼团</text>
+                </label>
+            </view>
+          </view>
+          <view class="form-tip">
+            模块配置，选中展示对应的模块，取消选中则前后端不展示模块相关内容
+          </view>
+          <view class="form-actions">
+            <button class="btn primary" @click="onSubmit">提交</button>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+function onSubmit() {
+  uni.showToast({ title: '已提交', icon: 'none' })
+}
+</script>
+
+<style scoped lang="scss">
+.admin-page {
+  /* 使用 Layout 的背景和内边距 */
+  padding: 0;
+  background-color: transparent;
+  min-height: auto;
+}
+
+.admin-card {
+  background-color: #fff;
+  border-radius: 4px;
+  padding: 40px;
+  margin-bottom: 20px;
+}
+
+.form-container {
+  max-width: 600px;
+}
+
+.form-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.form-label {
+  font-size: 14px;
+  color: #333;
+  width: 100px;
+}
+
+.form-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.checkbox-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-right: 20px;
+}
+
+.checkbox-label {
+  margin-left: 8px;
+  font-size: 14px;
+  color: #333;
+}
+
+.form-tip {
+  font-size: 12px;
+  color: #bfbfbf;
+  margin-left: 100px;
+  margin-bottom: 24px;
+}
+
+.form-actions {
+  margin-left: 100px;
+}
+
+.btn {
+  height: 32px;
+  padding: 0 20px;
+  border-radius: 2px;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: 1px solid #d9d9d9;
+  background-color: #fff;
+}
+
+.btn.primary {
+  background-color: #1890ff;
+  border-color: #1890ff;
+  color: #fff;
+}
+</style>
+
+