修改主题色

src/App.vue

@@ -22,4 +22,10 @@ onHide(() => {
     console.log('App Hide');
 });
 </script>
-<style lang="scss"></style>
+<style lang="scss">
+    
+// 设置背景色
+page {
+	background-color: #f7f7f7;
+}
+</style>

src/assets/styles/common.scss

@@ -129,7 +129,7 @@
 // 底部样式
 .base-bottom-wrap {
     position: relative;
-    box-shadow: 6rpx 0px 27rpx 0px rgba(#1D9C3E, 0.3);
+    box-shadow: 6rpx 0px 27rpx 0px rgba(#37A954, 0.3);
     background-color: #fff;
 }
 
@@ -243,7 +243,7 @@
         align-items: center;
         flex: 1;
         height: 100%;
-        color: #1D9C3E;
+        color: #37A954;
         background-color: #D4E2DC;
     }
     .btn2 {
@@ -253,7 +253,7 @@
         flex: 1;
         height: 100%;
         color: #FBE6A9;
-        background-color: #1D9C3E;
+        background-color: #37A954;
     }
 }
 .w-s-no{
@@ -269,7 +269,7 @@
 
 .btm-wrap-shadow {
     position: relative;
-    box-shadow: 6rpx 0px 27rpx 0px rgba(#1D9C3E, 0.3);
+    box-shadow: 6rpx 0px 27rpx 0px rgba(#37A954, 0.3);
 }
 .outview {
     width: 100%;

src/assets/styles/public.scss

@@ -92,7 +92,7 @@ $colors: (
     fa: #fafafa,
     gl: #affec2,
     // 主题色
-    primary: #1D9C3E,
+    primary: #37A954,
     light-black: #4d4d4d,
     // 成功
     success: #67c23a,
@@ -117,7 +117,7 @@ $colors: (
     }
 }
 :root {
-    --primary: #009932;
+    --primary: #37A954;
     // 橙色
     --orange: #ffa500;
 }

src/main.ts

@@ -7,7 +7,7 @@ import { useDict } from '@/utils/dict';
 import uviewPlus from 'uview-plus';
 import { navigateBackOrHome, showToast } from '@/utils/common';
 import routerGuard from '@/uni_modules/hh-router-guard/src/index';
-const uviewProps = {
+const uviewProps: any = {
     config: {
         loadFontOnce: true,
         color: {

src/pages/plant/index.vue

@@ -57,7 +57,7 @@
                             <ut-action-sheet v-model="form.type" :tabs="[{ label: '全部', value: '' }]" @change="onRefresh" title="选择原料类型">
                                 <view class="d-flex search-select-item a-c">
                                     <view class="flex1 ov-hd f-s-28 c-333 text-center f-w-5">{{ '全部' }}</view>
-                                    <up-icon size="20rpx" color="#1D9C3E" name="arrow-down-fill" class="mr-10"></up-icon>
+                                    <up-icon size="20rpx" color="#37A954" name="arrow-down-fill" class="mr-10"></up-icon>
                                 </view>
                             </ut-action-sheet>
                         </view>

src/plant/base/base-edit/index.vue

@@ -1,17 +1,31 @@
 <template>
-    <view class="">
+    <view class="h-container">
         <up-navbar title="添加基地" :fixed="false"></up-navbar>
-        <view class="pd-5"></view>
-        <ut-tabs :tabs="tabs" mode="btw"></ut-tabs>
+        <view class="bg-fff mb-10">
+            <view class="pd-5"></view>
+            <ut-tabs v-model="activeTab" :tabs="tabs" mode="btw"></ut-tabs>
+        </view>
+        <view class="flex1 ov-hd p-rtv" v-if="activeTab == 'base'">
+            <BaseInfo></BaseInfo>
+        </view>
     </view>
 </template>
 <script setup lang="ts">
-import { useUserStore } from "@/store";
-import { useClientRequest } from "@/utils/request";
+import { useUserStore } from '@/store';
+import { useClientRequest } from '@/utils/request';
+import BaseInfo from './models/base-info/base-info.vue';
+
 const tabs = reactive([
     { label: '基本信息', value: 'base' },
     { label: '地块信息', value: 'plot' },
     { label: '选址依据及环境信息', value: 'environment' },
-])
+]);
+const activeTab = ref('base');
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.h-container {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+</style>

src/plant/base/base-edit/models/base-info/base-info.vue

@@ -0,0 +1,22 @@
+<template>
+    <view class="z-paging-wrap">
+        <z-paging class="" ref="paging" bgColor="#fff" :fixed="false">
+            <view class="pd-24">
+                <up-alert type="primary" description="description"></up-alert>
+                <view>xx</view>
+            </view>
+        </z-paging>
+    </view>
+
+</template>
+<script setup lang="ts" name="base-info">
+</script>
+<style lang="scss" scoped>
+.z-paging-wrap {
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+}
+</style>

src/plant/base/base-edit/models/environment-info/environment-info.vue

@@ -0,0 +1,3 @@
+<template>
+    <view>内容</view>
+</template>

src/plant/base/base-edit/models/plot-info/plot-info.vue

@@ -0,0 +1,3 @@
+<template>
+    <view>内容</view>
+</template>

src/uni.scss

@@ -18,7 +18,7 @@
 @import '@/assets/styles/common.scss';
 @import '@/assets/styles/uview-plus.scss';
 /* 行为相关颜色 */
-$uni-color-primary: #1D9C3E;
+$uni-color-primary: #37A954;
 $uni-color-success: #4cd964;
 $uni-color-warning: #f0ad4e;
 $uni-color-error: #dd524d;
@@ -31,7 +31,7 @@ $uni-text-color-placeholder: #808080;
 $uni-text-color-disable: #c0c0c0;
 
 /* 背景颜色 */
-$uni-bg-color: #fff;
+$uni-bg-color: #f8f8f8;
 $uni-bg-color-grey: #f8f8f8;
 $uni-bg-color-hover: #f1f1f1; // 点击状态颜色
 $uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 遮罩颜色