✨ feat: 新增自定义主题颜色背景配置

@@ -13,6 +13,16 @@
     </van-col>
     </van-col>
   </van-row>
   </van-row>
   <router-view v-else></router-view>
   <router-view v-else></router-view>
+  <div
+    style="
+      text-align: center;
+      color: #545454;
+      font-size: 0.85rem;
+      transition: opacity 0.4s linear;
+    "
+  >
+    提交即授权该表单收集你的填写信息
+  </div>
 </template>
 </template>
 
 
 <script setup>
 <script setup>
@@ -69,6 +79,8 @@ onMounted(async () => {
   // wx.error((err) => {
   // wx.error((err) => {
   //   console.warn(err);
   //   console.warn(err);
   // });
   // });
+  // TAG: 全局背景色
+  document.querySelector("body").setAttribute("style", "background-color:#fff9ef");
 });
 });
 </script>
 </script>
 
 
@@ -80,7 +92,8 @@ body {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
   color: @base-font-color;
   color: @base-font-color;
-  background-color: #f7f8fa;
+  // background-color: #f7f8fa;
+  // background-color: #fff9ef;
   padding: 0;
   padding: 0;
   margin: 0;
   margin: 0;
 }
 }

@@ -6,6 +6,7 @@
  * @Description: 首页
  * @Description: 首页
 -->
 -->
 <template>
 <template>
+  <div class="table-box">
     <van-image
     <van-image
       v-if="PHeader.type === '单张图'"
       v-if="PHeader.type === '单张图'"
       width="100%"
       width="100%"
@@ -20,10 +21,10 @@
       </van-swipe>
       </van-swipe>
     </template>
     </template>
     <div v-if="PHeader.label" class="table-title">{{ PHeader.label }}</div>
     <div v-if="PHeader.label" class="table-title">{{ PHeader.label }}</div>
-  <div v-if="PHeader.description" class="table-desc">{{ PHeader.description }}</div>
-  <div class="table-box">
+    <div v-if="PHeader.description" class="table-desc" v-html="PHeader.description" />
+    <van-config-provider :theme-vars="themeVars">
       <van-form @submit="onSubmit">
       <van-form @submit="onSubmit">
-      <van-cell-group>
+        <van-cell-group :border="false">
           <component
           <component
             :ref="item.component_props.name"
             :ref="item.component_props.name"
             v-for="(item, index) in formData"
             v-for="(item, index) in formData"
@@ -37,6 +38,7 @@
           <van-button round block type="primary" native-type="submit"> 提交 </van-button>
           <van-button round block type="primary" native-type="submit"> 提交 </van-button>
         </div>
         </div>
       </van-form>
       </van-form>
+    </van-config-provider>
   </div>
   </div>
 </template>
 </template>
 
 
@@ -49,6 +51,12 @@ import { queryFormAPI } from "@/api/form.js";
 import { addFormDataAPI } from "@/api/data.js";
 import { addFormDataAPI } from "@/api/data.js";
 import { showSuccessToast, showFailToast } from "vant";
 import { showSuccessToast, showFailToast } from "vant";
 
 
+// TAG: 自定义主题颜色
+const themeVars = {
+  buttonPrimaryBackground: "#c2915f",
+  buttonPrimaryBorderColor: "#c2915f",
+};
+
 const $route = useRoute();
 const $route = useRoute();
 const PHeader = ref({});
 const PHeader = ref({});
 const PHeader_cover = ref("");
 const PHeader_cover = ref("");
@@ -221,10 +229,12 @@ const validOther = () => {
 }
 }
 .table-desc {
 .table-desc {
   padding: 0rem 1rem;
   padding: 0rem 1rem;
-  color: #bababa;
+  color: #666;
   font-size: 0.9rem;
   font-size: 0.9rem;
 }
 }
 .table-box {
 .table-box {
-  padding: 1rem;
+  margin: 1rem;
+  background-color: #ffffff;
+  padding-bottom: 1rem;
 }
 }
 </style>
 </style>