diff --git a/uni-app/App.vue b/uni-app/App.vue
index 232a87d9e..334d892e2 100644
--- a/uni-app/App.vue
+++ b/uni-app/App.vue
@@ -5,6 +5,7 @@
     import { getToken, isWeixinBrowser, urlDeconstruction } from '@/utils/common'
     import useMemberStore from '@/stores/member'
     import useConfigStore from '@/stores/config'
+    import useSystemStore from '@/stores/system'
     import { useLogin } from '@/hooks/useLogin'
     import { language } from '@/locale'
 
@@ -25,6 +26,8 @@
         const configStore = useConfigStore()
         configStore.getTabbarConfig()
         await configStore.getLoginConfig()
+        
+        useSystemStore().getSitenfo()
 
         // 隐藏tabbar
         uni.hideTabBar()
diff --git a/uni-app/api/system.ts b/uni-app/api/system.ts
index 4e68d30d8..d9c3ec938 100644
--- a/uni-app/api/system.ts
+++ b/uni-app/api/system.ts
@@ -32,7 +32,7 @@ export function getAgreementInfo(key : string) {
  * 重置密码
  */
 export function resetPassword(data : AnyObject) {
-    return request.post(`/password/reset`, data, { showErrorMessage: true })
+    return request.post(`password/reset`, data, { showErrorMessage: true })
 }
 
 /**
@@ -68,4 +68,11 @@ export function fetchImage(data : AnyObject) {
  */
 export function fetchBase64Image(data : AnyObject) {
     return request.post('file/image/base64', data)
+}
+
+/**
+ * 获取站点信息
+ */
+export function getSiteInfo() {
+    return request.get('site')
 }
\ No newline at end of file
diff --git a/uni-app/components/diy/system/article/index.vue b/uni-app/components/diy/article/index.vue
similarity index 56%
rename from uni-app/components/diy/system/article/index.vue
rename to uni-app/components/diy/article/index.vue
index 8a79c6aba..344f329cd 100644
--- a/uni-app/components/diy/system/article/index.vue
+++ b/uni-app/components/diy/article/index.vue
@@ -1,8 +1,8 @@
 <template>
-	<view>
+	<view :style="warpCss">
 		<view v-for="(item,index) in articleList" :key="item.id"
-			:class="['bg-white flex align-center p-[20rpx]',{'border-solid border-t-0 border-l-0 border-r-0 border-b border-gray-200': articleList.length-1 !== index}] "
-			@click="toLink(item.id)">
+			:class="['item flex align-center p-[20rpx]',{'border-solid border-t-0 border-l-0 border-r-0 border-b border-gray-200 mb-[20rpx]': articleList.length-1 !== index}] "
+			@click="toLink(item.id)" :style="itemCss">
 			<u--image width="260rpx" height="200rpx" :src="img(item.image)" v-if="item.image" model="aspectFill">
 				<template #error>
 					<u-icon name="photo" color="#999" size="50"></u-icon>
@@ -10,9 +10,9 @@
 			</u--image>
 			<view class="flex-1 flex flex-col justify-between ml-[20rpx]">
 				<view class="text-[32rpx] leading-[1.3] multi-hidden mt-[4rpx]">{{item.title}}</view>
-				<view class="text-[28rx] using-hidden mb-[auto] mt-[20rpx] text-gray-500">{{item.summary}}</view>
-				<view class="text-[24rpx] text-gray-400 flex justify-between mb-[10rpx]">
-					<text class="">{{item.create_time}}</text>
+				<view class="text-[28rpx] using-hidden mb-[auto] mt-[20rpx] text-gray-500">{{item.summary}}</view>
+				<view class="text-[24rpx] text-gray-400 flex justify-between mt-[10rpx]">
+					<text>{{item.create_time}}</text>
 				</view>
 			</view>
 		</view>
@@ -38,6 +38,26 @@
 		}
 	})
 
+	const warpCss = computed(() => {
+		var style = '';
+		if (diyComponent.value.componentBgColor) style += 'background-color:' + diyComponent.value.componentBgColor + ';';
+		if (diyComponent.value.topRounded) style += 'border-top-left-radius:' + diyComponent.value.topRounded * 2 + 'rpx;';
+		if (diyComponent.value.topRounded) style += 'border-top-right-radius:' + diyComponent.value.topRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomRounded) style += 'border-bottom-left-radius:' + diyComponent.value.bottomRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomRounded) style += 'border-bottom-right-radius:' + diyComponent.value.bottomRounded * 2 + 'rpx;';
+		return style;
+	})
+
+	const itemCss = computed(() => {
+		var style = '';
+		if (diyComponent.value.elementBgColor) style += 'background-color:' + diyComponent.value.elementBgColor + ';';
+		if (diyComponent.value.topElementRounded) style += 'border-top-left-radius:' + diyComponent.value.topElementRounded * 2 + 'rpx;';
+		if (diyComponent.value.topElementRounded) style += 'border-top-right-radius:' + diyComponent.value.topElementRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomElementRounded) style += 'border-bottom-left-radius:' + diyComponent.value.bottomElementRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomElementRounded) style += 'border-bottom-right-radius:' + diyComponent.value.bottomElementRounded * 2 + 'rpx;';
+		return style;
+	})
+
 	const getArticleListFn = () => {
 		interface dataStructure {
 			ids ?: Array<number>,
@@ -69,6 +89,7 @@
 				create_time: "2023-03-28 09:00:00"
 			};
 			articleList.value.push(obj);
+			articleList.value.push(obj);
 		} else {
 			getArticleListFn();
 		}
diff --git a/uni-app/components/diy/comp-extend/index.vue b/uni-app/components/diy/comp-extend/index.vue
deleted file mode 100644
index c123926f4..000000000
--- a/uni-app/components/diy/comp-extend/index.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-    <view>
-        <!-- 扩展组件 -->
-    </view>
-</template>
-<script setup lang="ts">
-    // 自定义扩展组件
-    import { computed } from 'vue';
-    import useDiyStore from '@/stores/diy';
-    const props = defineProps(['component', 'index']);
-    const diyStore = useDiyStore();
-    const diyComponent = computed(() => {
-        if (diyStore.mode == 'decorate') {
-            return diyStore.value[props.index];
-        } else {
-            return props.component;
-        }
-    })
-</script>
-<style lang="scss" scoped></style>
diff --git a/uni-app/components/diy/extend/hello-info/index.vue b/uni-app/components/diy/extend/hello-info/index.vue
deleted file mode 100644
index 34d1158bc..000000000
--- a/uni-app/components/diy/extend/hello-info/index.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-	<view>
-		演示插件信息——自定义组件
-	</view>
-</template>
-
-<script setup lang="ts">
-	import { computed } from 'vue';
-	import useDiyStore from '@/stores/diy';
-
-	const props = defineProps(['component', 'index']);
-
-	const diyStore = useDiyStore();
-
-	const diyComponent = computed(() => {
-		if (diyStore.mode == 'decorate') {
-			return diyStore.value[props.index];
-		} else {
-			return props.component;
-		}
-	})
-</script>
-
-<style></style>
\ No newline at end of file
diff --git a/uni-app/components/diy/extend/hello-text/index.vue b/uni-app/components/diy/extend/hello-text/index.vue
deleted file mode 100644
index 675230e9e..000000000
--- a/uni-app/components/diy/extend/hello-text/index.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-	<view>
-		演示插件文本——自定义组件
-	</view>
-</template>
-
-<script setup lang="ts">
-	import { computed } from 'vue';
-	import useDiyStore from '@/stores/diy';
-
-	const props = defineProps(['component', 'index']);
-
-	const diyStore = useDiyStore();
-
-	const diyComponent = computed(() => {
-		if (diyStore.mode == 'decorate') {
-			return diyStore.value[props.index];
-		} else {
-			return props.component;
-		}
-	})
-</script>
-
-<style></style>
\ No newline at end of file
diff --git a/uni-app/components/diy/system/graphic-nav/index.vue b/uni-app/components/diy/graphic-nav/index.vue
similarity index 88%
rename from uni-app/components/diy/system/graphic-nav/index.vue
rename to uni-app/components/diy/graphic-nav/index.vue
index 679653a4e..cf481cf13 100644
--- a/uni-app/components/diy/system/graphic-nav/index.vue
+++ b/uni-app/components/diy/graphic-nav/index.vue
@@ -1,12 +1,11 @@
 <template>
-	<view class="bg-[#F5F6F8]">
-		<view v-if="diyComponent.layout == 'vertical'" class="graphic-nav px-[32rpx] bg-white rounded-[20rpx] box-border relative m-[30rpx]">
-			<!-- <div v-if="diyComponent.navTitle"
-				class="py-2 border-solid border-b border-t-0 border-l-0 border-r-0 border-gray-200">
-				{{diyComponent.navTitle}}
-			</div> -->
-			<view
-				class="graphic-nav-item flex items-center justify-between py-2 border-gray-200"
+	<view :style="warpCss">
+		<div v-if="diyComponent.navTitle" class="py-[30rpx] px-[32rpx] text-[30rpx]"
+			:style="{fontWeight: diyComponent.font.weight,color:diyComponent.font.color}">
+			{{diyComponent.navTitle}}
+		</div>
+		<view v-if="diyComponent.layout == 'vertical'" class="graphic-nav">
+			<view class="graphic-nav-item flex items-center justify-between py-[30rpx] px-[32rpx]"
 				v-for=" (item, index) in diyComponent.list" :key="item.id"
 				:class="[index == 0 ? 'border-t-0':'border-t']" @click="redirectTo(item.link)">
 
@@ -27,7 +26,8 @@
 					:style="{ fontSize: diyComponent.font.size * 2 + 'rpx', fontWeight: diyComponent.font.weight, color: diyComponent.font.color }">
 					{{ item.title }}
 				</text>
-				<u-icon name="arrow-right"></u-icon>
+				<u-icon name="arrow-right" color="#CACACA"></u-icon>
+
 			</view>
 
 		</view>
@@ -134,6 +134,16 @@
 		}
 	})
 
+	const warpCss = computed(() => {
+		var style = '';
+		if (diyComponent.value.componentBgColor) style += 'background-color:' + diyComponent.value.componentBgColor + ';';
+		if (diyComponent.value.topRounded) style += 'border-top-left-radius:' + diyComponent.value.topRounded * 2 + 'rpx;';
+		if (diyComponent.value.topRounded) style += 'border-top-right-radius:' + diyComponent.value.topRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomRounded) style += 'border-bottom-left-radius:' + diyComponent.value.bottomRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomRounded) style += 'border-bottom-right-radius:' + diyComponent.value.bottomRounded * 2 + 'rpx;';
+		return style;
+	})
+
 	const swiperIndex = ref(0);
 
 	const swiperChange = e => {
diff --git a/uni-app/components/diy/group/index.scss b/uni-app/components/diy/group/index.scss
new file mode 100644
index 000000000..90c64141a
--- /dev/null
+++ b/uni-app/components/diy/group/index.scss
@@ -0,0 +1,30 @@
+.draggable-element {
+	&.decorate {
+		&:hover:before {
+			content: '';
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			border: 4rpx solid $u-primary;
+			z-index: 10;
+			pointer-events: none;
+			cursor: move;
+			border-style: dotted;
+		}
+
+		&.selected:before {
+			content: '';
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			border: 4rpx solid $u-primary;
+			z-index: 10;
+			pointer-events: none;
+			cursor: move;
+		}
+	}
+}
diff --git a/uni-app/components/diy/group/index.vue b/uni-app/components/diy/group/index.vue
index ff8f20937..ca4cfa812 100644
--- a/uni-app/components/diy/group/index.vue
+++ b/uni-app/components/diy/group/index.vue
@@ -2,59 +2,40 @@
 	<view class="diy-group" id="componentList">
 		<view v-for="(component, index) in data.value" :key="component.id"
 			@click="diyStore.changeCurrentIndex(index, component)" class="draggable-element relative cursor-move"
-			:class="{ selected: diyStore.currentIndex == index,decorate : diyStore.mode == 'decorate' }">
+			:class="{ selected: diyStore.currentIndex == index,decorate : diyStore.mode == 'decorate' }"
+			:style="component.pageStyle">
 
-			<!-- 标题 -->
-			<template v-if="component.componentName == 'Text'">
-				<diy-system-text :component="component" :index="index"></diy-system-text>
-			</template>
-
-			<!-- 图片广告 -->
-			<template v-if="component.componentName == 'ImageAds'">
-				<diy-system-image-ads :component="component" :index="index"></diy-system-image-ads>
-			</template>
-
-			<!-- 图文导航 -->
-			<template v-if="component.componentName == 'GraphicNav'">
-				<diy-system-graphic-nav :component="component" :index="index"></diy-system-graphic-nav>
-			</template>
-
-			<!-- 文章 -->
 			<template v-if="component.componentName == 'Article'">
-				<diy-system-article :component="component" :index="index"></diy-system-article>
+				<diy-article :component="component" :index="index"></diy-article>
+			</template>
+			<template v-if="component.componentName == 'GraphicNav'">
+				<diy-graphic-nav :component="component" :index="index"></diy-graphic-nav>
 			</template>
-
-			<!-- 辅助空白 -->
 			<template v-if="component.componentName == 'HorzBlank'">
-				<diy-system-horz-blank :component="component" :index="index"></diy-system-horz-blank>
+				<diy-horz-blank :component="component" :index="index"></diy-horz-blank>
+			</template>
+			<template v-if="component.componentName == 'ImageAds'">
+				<diy-image-ads :component="component" :index="index"></diy-image-ads>
 			</template>
-
-			<!-- 会员信息 -->
 			<template v-if="component.componentName == 'MemberInfo'">
-				<diy-system-member-info :component="component" :index="index"></diy-system-member-info>
+				<diy-member-info :component="component" :index="index"></diy-member-info>
 			</template>
-
-			<!-- 自定义扩展组件 -->
-			<template v-if="systemComponent.indexOf(component.componentName) == -1">
-				<diy-comp-extend :component="component" :index="index"></diy-comp-extend>
+			<template v-if="component.componentName == 'Text'">
+				<diy-text :component="component" :index="index"></diy-text>
 			</template>
 		</view>
-		<template v-if="diyStore.mode == ''">
+		<template v-if="diyStore.mode == '' && data.global.bottomTabBarSwitch">
 			<view class="pt-[20rpx]"></view>
 			<tabbar />
 		</template>
 	</view>
-
 </template>
-
 <script lang="ts" setup>
 	import useDiyStore from '@/stores/diy';
 	import { onMounted, nextTick, computed, ref } from 'vue';
 	import Sortable from 'sortablejs';
 	import { range } from 'lodash-es';
-
 	const props = defineProps(['data']);
-
 	const diyStore = useDiyStore();
 
 	const data = computed(() => {
@@ -65,9 +46,6 @@
 		}
 	})
 
-	// 系统组件
-	const systemComponent = ref(['Text', 'ImageAds', 'GraphicNav', 'Article', 'HorzBlank', 'MemberInfo'])
-
 	onMounted(() => {
 		// #ifdef H5
 		if (diyStore.mode == 'decorate') {
@@ -96,36 +74,6 @@
 		// #endif
 	});
 </script>
-
 <style lang="scss" scoped>
-	.draggable-element {
-		&.decorate {
-			&:hover:before {
-				content: '';
-				position: absolute;
-				top: 0;
-				left: 0;
-				right: 0;
-				bottom: 0;
-				border: 4rpx solid $u-primary;
-				z-index: 10;
-				pointer-events: none;
-				cursor: move;
-				border-style: dotted;
-			}
-
-			&.selected:before {
-				content: '';
-				position: absolute;
-				top: 0;
-				left: 0;
-				right: 0;
-				bottom: 0;
-				border: 4rpx solid $u-primary;
-				z-index: 10;
-				pointer-events: none;
-				cursor: move;
-			}
-		}
-	}
+	@import './index.scss';
 </style>
\ No newline at end of file
diff --git a/uni-app/components/diy/system/horz-blank/index.vue b/uni-app/components/diy/horz-blank/index.vue
similarity index 65%
rename from uni-app/components/diy/system/horz-blank/index.vue
rename to uni-app/components/diy/horz-blank/index.vue
index ff0e92c6b..487f2e623 100644
--- a/uni-app/components/diy/system/horz-blank/index.vue
+++ b/uni-app/components/diy/horz-blank/index.vue
@@ -1,5 +1,5 @@
 <template>
-	<view :style="horzBlankGaugeWrap">
+	<view :style="warpCss">
 	</view>
 </template>
 
@@ -20,9 +20,10 @@
 		}
 	})
 
-	const horzBlankGaugeWrap = computed(() => {
+	const warpCss = computed(() => {
 		var style = '';
-		style += 'height:' + diyComponent.value.height * 2 + 'rpx';
+		style += 'height:' + diyComponent.value.height * 2 + 'rpx;';
+		if (diyComponent.value.componentBgColor) style += 'background-color:' + diyComponent.value.componentBgColor + ';';
 		return style;
 	})
 </script>
diff --git a/uni-app/components/diy/system/image-ads/index.vue b/uni-app/components/diy/image-ads/index.vue
similarity index 66%
rename from uni-app/components/diy/system/image-ads/index.vue
rename to uni-app/components/diy/image-ads/index.vue
index bbcaf1f63..75803249e 100644
--- a/uni-app/components/diy/system/image-ads/index.vue
+++ b/uni-app/components/diy/image-ads/index.vue
@@ -1,16 +1,16 @@
 <template>
-	<view class="image-ads">
-		<view v-if="diyComponent.list.length == 1" class="simple-graph-wrap"
-			@click="diyRedirect(diyComponent.list[0].link)">
-			<image :src="img(diyComponent.list[0].imageUrl)" :style="{ height: diyComponent.list[0].height }"
+	<view class="image-ads" :style="warpCss">
+		<view v-if="diyComponent.list.length == 1" class="leading-0 overflow-hidden"
+			@click="diyRedirect(diyComponent.list[0].link)" :style="swiperWarpCss">
+			<image :src="img(diyComponent.list[0].imageUrl)" :style="{height: diyComponent.list[0].height}"
 				mode="widthFix" class="w-full" :show-menu-by-longpress="true"></image>
 		</view>
 
 		<swiper v-else class="swiper" :style="{ height: swiperHeight }" autoplay="true" circular="true"
 			@change="swiperChange">
 			<swiper-item class="swiper-item" v-for="(item) in diyComponent.list" :key="item.id"
-				@click="diyRedirect(item.link)">
-				<view class="item" :style="{ height: item.height }">
+				@click="diyRedirect(item.link)" :style="swiperWarpCss">
+				<view class="item" :style="{height: item.height}">
 					<image :src="img(item.imageUrl)" mode="scaleToFill" class="w-full h-full"></image>
 				</view>
 			</swiper-item>
@@ -35,6 +35,20 @@
 			return props.component;
 		}
 	})
+	const warpCss = computed(() => {
+		var style = '';
+		if (diyComponent.value.componentBgColor) style += 'background-color:' + diyComponent.value.componentBgColor + ';';
+		return style;
+	})
+
+	const swiperWarpCss = computed(() => {
+		var style = '';
+		if (diyComponent.value.topRounded) style += 'border-top-left-radius:' + diyComponent.value.topRounded * 2 + 'rpx;';
+		if (diyComponent.value.topRounded) style += 'border-top-right-radius:' + diyComponent.value.topRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomRounded) style += 'border-bottom-left-radius:' + diyComponent.value.bottomRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomRounded) style += 'border-bottom-right-radius:' + diyComponent.value.bottomRounded * 2 + 'rpx;';
+		return style;
+	})
 
 	const swiperIndex = ref(0);
 
diff --git a/uni-app/components/diy/system/member-info/index.vue b/uni-app/components/diy/member-info/index.vue
similarity index 53%
rename from uni-app/components/diy/system/member-info/index.vue
rename to uni-app/components/diy/member-info/index.vue
index b1f401710..6dc9dde47 100644
--- a/uni-app/components/diy/system/member-info/index.vue
+++ b/uni-app/components/diy/member-info/index.vue
@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view :style="warpCss">
 		<!-- #ifdef MP-WEIXIN -->
 		<u-navbar :placeholder="true" bgColor="var(--primary-color)" titleStyle="color: #fff">
 			<template #left>
@@ -8,86 +8,56 @@
 		<!-- #endif -->
 		<view class="pt-[34rpx] member-info">
 			<view v-if="info" class="flex ml-[32rpx] mr-[52rpx]  items-center relative">
-				<!-- clickAvatar 唤起获取微信 -->
-				<u-avatar :src="img(info.headimg)" size="60" leftIcon="none" @click="clickAvatar"></u-avatar>
+				<!-- 唤起获取微信 -->
+				<u-avatar :src="img(info.headimg)" size="55" leftIcon="none" @click="clickAvatar"></u-avatar>
 				<view class="ml-[22rpx]">
-					<view class="text-[#222222] truncate w-[430rpx] font-bold text-lg">{{ info.nickname }}</view>
-					<view class="text-[#696B70] text-[24rpx] mt-[10rpx]">{{ t('memberLanguage') }}</view>
+					<view class="text-[#222222] truncate w-[430rpx] font-bold text-lg"
+						:style="{ color : diyComponent.textColor }">{{ info.nickname }}</view>
+					<view class="text-[#696B70] text-[24rpx] mt-[10rpx]" :style="{ color : diyComponent.textColor }">
+						UID：{{ info.member_no }}</view>
 				</view>
 				<view class="set-icon flex items-center absolute right-0 top-2">
 					<app-link url="/pages/setting/index">
-						<text class="iconfont iconshezhi text-[#000] text-[1.6rem] ml-[10rpx]"></text>
+						<text class="iconfont iconshezhi text-[1.6rem] ml-[10rpx]"
+							:style="{ color : diyComponent.textColor }"></text>
 					</app-link>
 				</view>
 			</view>
 			<view v-else class="flex ml-[32rpx] mr-[52rpx]  items-center relative" @click="toLogin">
-				<u-avatar src="" size="60"></u-avatar>
+				<u-avatar src="" size="55"></u-avatar>
 				<view class="ml-[22rpx]">
-					<view class="text-[#222222] font-bold text-lg">{{ t('login') }}/{{ t('register') }}</view>
-					<view class="text-[#696B70] text-[24rpx] mt-[10rpx]">{{ t('memberLanguage') }}</view>
+					<view class="text-[#222222] font-bold text-lg" :style="{ color : diyComponent.textColor }">
+						{{ t('login') }}/{{ t('register') }}</view>
 				</view>
 				<view class="set-icon flex items-center absolute right-0 top-2">
 					<app-link url="/pages/setting/index">
-						<text class="iconfont iconshezhi text-[#000] text-[1.6rem] ml-[10rpx]"></text>
+						<text class="iconfont iconshezhi text-[1.6rem] ml-[10rpx]"
+							:style="{ color : diyComponent.textColor }"></text>
 					</app-link>
 				</view>
 			</view>
 
-			<view class="flex m-[30rpx] mb-0 py-[30rpx] ">
+			<view class="flex m-[30rpx] mb-0 py-[30rpx] items-center">
 				<view class="flex-1 text-center">
 					<view class="font-bold">
-						<app-link :url="(info ? '/pages/member/point' : '')">{{ parseInt(info?.point) || 0 }}</app-link>
+						<app-link :url="(info ? '/pages/member/balance' : '')" :style="{ color : diyComponent.textColor }">{{ money }}</app-link>
 					</view>
 					<view class="text-sm mt-[10rpx]">
-						<app-link :url="(info ? '/pages/member/point' : '')">{{ t('point') }}</app-link>
+						<app-link :url="(info ? '/pages/member/balance' : '')" :style="{ color : diyComponent.textColor }">{{ t('balance') }}</app-link>
 					</view>
 				</view>
+				<view class="border-solid border-white border-l border-b-0 border-t-0 border-r-0 h-[60rpx]"></view>
 				<view class="flex-1 text-center">
 					<view class="font-bold">
-						<app-link :url="(info ? '/pages/member/balance' : '')">{{ money }}</app-link>
+						<app-link :url="(info ? '/pages/member/point' : '')" :style="{ color : diyComponent.textColor }">{{ parseInt(info?.point) || 0 }}</app-link>
 					</view>
 					<view class="text-sm mt-[10rpx]">
-						<app-link :url="(info ? '/pages/member/balance' : '')">{{ t('balance') }}</app-link>
+						<app-link :url="(info ? '/pages/member/point' : '')" :style="{ color : diyComponent.textColor }">{{ t('point') }}</app-link>
 					</view>
 				</view>
 			</view>
 		</view>
-		<view class="m-[32rpx] flex justify-between p-[32rpx] bg-white rounded-[20rpx]">
-			<app-link url="/pages/member/personal">
-				<view>
-					<view class="w-[60rpx] h-[60rpx] mx-auto">
-						<image class="w-[60rpx]" :src="img('static/resource/images/diy/m_info.jpg')" mode="widthFix" />
-					</view>
-					<view class="text-[24rpx] text-[#333] mt-[18rpx] text-center">{{ t('memberCenter') }}</view>
-				</view>
-			</app-link>
-			<app-link url="/pages/member/balance">
-				<view>
-					<view class="w-[60rpx] h-[60rpx] mx-auto">
-						<image class="w-[60rpx]" :src="img('static/resource/images/diy/m_balance.jpg')"
-							mode="widthFix" />
-					</view>
-					<view class="text-[24rpx] text-[#333] mt-[18rpx] text-center">{{ t('myBalance') }}</view>
-				</view>
-			</app-link>
-			<app-link url="/pages/member/point">
-				<view>
-					<view class="w-[60rpx] h-[60rpx] mx-auto">
-						<image class="w-[60rpx]" :src="img('static/resource/images/diy/m_point.jpg')" mode="widthFix" />
-					</view>
-					<view class="text-[24rpx] text-[#333] mt-[18rpx] text-center">{{ t('myPoint') }}</view>
-				</view>
-			</app-link>
-			<app-link>
-				<view @click="servicePopup = true">
-					<view class="w-[60rpx] h-[60rpx] mx-auto">
-						<image class="w-[60rpx]" :src="img('static/resource/images/diy/m_service.jpg')"
-							mode="widthFix" />
-					</view>
-					<view class="text-[24rpx] text-[#333] mt-[18rpx] text-center">{{ t('customerService') }}</view>
-				</view>
-			</app-link>
-		</view>
+
 		<!-- #ifdef MP-WEIXIN -->
 		<information-filling ref="infoFill"></information-filling>
 		<!-- #endif -->
@@ -115,6 +85,21 @@
 		}
 	})
 
+	const warpCss = computed(() => {
+		var style = '';
+		if(diyComponent.value.componentBgColor) style += 'background-color:' + diyComponent.value.componentBgColor + ';';
+		if (diyComponent.value.bgUrl) {
+			style += 'background-image:url(' + img(diyComponent.value.bgUrl) + ');';
+			style += 'background-size: 100%;';
+			style += 'background-repeat: no-repeat;';
+		}
+		if (diyComponent.value.topRounded) style += 'border-top-left-radius:' + diyComponent.value.topRounded * 2 + 'rpx;';
+		if (diyComponent.value.topRounded) style += 'border-top-right-radius:' + diyComponent.value.topRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomRounded) style += 'border-bottom-left-radius:' + diyComponent.value.bottomRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomRounded) style += 'border-bottom-right-radius:' + diyComponent.value.bottomRounded * 2 + 'rpx;';
+		return style;
+	})
+
 	const memberStore = useMemberStore()
 
 	const { query } = urlDeconstruction(location.href)
@@ -131,7 +116,9 @@
 				headimg: '',
 				nickname: '昵称',
 				balance: 0,
-				point: 0
+				point: 0,
+				money: 0,
+				member_no:'NIU0000021'
 			}
 		} else {
 			return memberStore.info;
@@ -169,6 +156,6 @@
 
 <style lang="scss" scoped>
 	.member-info {
-		background-image: linear-gradient(#E3F0FF, #F5F6F8)
+		// background-image: linear-gradient(#E3F0FF, #F5F6F8)
 	}
 </style>
\ No newline at end of file
diff --git a/uni-app/components/diy/system/text/index.vue b/uni-app/components/diy/text/index.vue
similarity index 69%
rename from uni-app/components/diy/system/text/index.vue
rename to uni-app/components/diy/text/index.vue
index 50f47c04d..8f08465ae 100644
--- a/uni-app/components/diy/system/text/index.vue
+++ b/uni-app/components/diy/text/index.vue
@@ -1,5 +1,5 @@
 <template>
-	<view class="diy-text bg-white" @click="redirect(diyComponent.link)">
+	<view class="diy-text" @click="redirect(diyComponent.link)" :style="warpCss">
 
 		<view v-if="diyComponent.style == 'style-1'" class="p-[20rpx]">
 			<view class="" :style="{
@@ -21,8 +21,8 @@
 			</view>
 			<text class="ml-[16rpx] max-w-[300rpx] truncate" :style="{ color: diyComponent.subTitle.color,
 						fontSize: diyComponent.subTitle.fontSize * 2 + 'rpx', }">{{ diyComponent.subTitle.text }}</text>
-			<view class="ml-auto text-right flex items-center" v-if="diyComponent.more.isShow" :style="{ color: diyComponent.more.color }"
-				@click.stop="redirect(diyComponent.more.link)">
+			<view class="ml-auto text-right flex items-center" v-if="diyComponent.more.isShow"
+				:style="{ color: diyComponent.more.color }" @click.stop="redirect(diyComponent.more.link)">
 				<text class="max-w-[200rpx] truncate text-[24rpx] mr-[8rpx]">{{ diyComponent.more.text }}</text>
 				<u-icon name="arrow-right" size="12" :style="{ color: diyComponent.more.color }"></u-icon>
 			</view>
@@ -47,6 +47,15 @@
 		}
 	})
 
+	const warpCss = computed(() => {
+		var style = '';
+		if (diyComponent.value.componentBgColor) style += 'background-color:' + diyComponent.value.componentBgColor + ';';
+		if (diyComponent.value.topRounded) style += 'border-top-left-radius:' + diyComponent.value.topRounded * 2 + 'rpx;';
+		if (diyComponent.value.topRounded) style += 'border-top-right-radius:' + diyComponent.value.topRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomRounded) style += 'border-bottom-left-radius:' + diyComponent.value.bottomRounded * 2 + 'rpx;';
+		if (diyComponent.value.bottomRounded) style += 'border-bottom-right-radius:' + diyComponent.value.bottomRounded * 2 + 'rpx;';
+		return style;
+	})
 </script>
 
 <style lang="scss" scoped>
diff --git a/uni-app/locale/zh-Hans.json b/uni-app/locale/zh-Hans.json
index 5946ed3fe..c04c88ae2 100644
--- a/uni-app/locale/zh-Hans.json
+++ b/uni-app/locale/zh-Hans.json
@@ -14,5 +14,7 @@
 	"pages.member.detailed_account": "流水明细",
 	"pages.member.apply_cash_out": "申请提现",
 	"pages.member.cash_out": "提现记录",
-	"pages.member.cash_out_detail": "提现详情"
+	"pages.member.cash_out_detail": "提现详情",
+    "pages.index.close": "站点已关闭",
+    "pages.index.nonexistence": "站点不存在"
 }
\ No newline at end of file
diff --git a/uni-app/locale/zh-Hans/common.json b/uni-app/locale/zh-Hans/common.json
index ac2a0080c..d4f8fd5f6 100644
--- a/uni-app/locale/zh-Hans/common.json
+++ b/uni-app/locale/zh-Hans/common.json
@@ -1,4 +1,6 @@
 {
+    "requestFail": "请求失败",
+    "notInDomainList": "不在request 合法域名列表中",
     "currency": "￥",
     "getSmsCode": "获取验证码",
     "smsCodeChangeText": "秒后重新获取",
@@ -39,8 +41,9 @@
         "incompletePay": "未完成支付",
         "getting": "获取支付结果中"
     },
-	"memberLanguage": "与你分享我的观点，共享真实世界",
 	"myBalance": "我的余额",
 	"myPoint": "我的积分",
-	"customerService": "联系客服"
+	"customerService": "联系客服",
+    "siteClose": "站点已关闭",
+    "siteNonexistence": "站点不存在"
 }
\ No newline at end of file
diff --git a/uni-app/pages.json b/uni-app/pages.json
index 7fa4ca081..7c99b6bb2 100644
--- a/uni-app/pages.json
+++ b/uni-app/pages.json
@@ -1,279 +1,291 @@
 {
-    "pages": [ // pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-        {
-            "path": "pages/index/index",
-            "style": {
-                "navigationStyle": "custom",
-                "navigationBarTitleText": "%pages.index.index%"
-            }
-        },
-        {
-            "path": "pages/article/list",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.article.list%"
-            }
-        },
-        {
-            "path": "pages/auth/agreement",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.auth.agreement%"
-            }
-        },
-        {
-            "path": "pages/auth/bind",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.auth.bind%"
-            }
-        },
-        {
-            "path": "pages/auth/login",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.auth.login%"
-            }
-        },
-        {
-            "path": "pages/auth/register",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.auth.register%"
-            }
-        },
-        {
-            "path": "pages/auth/resetpwd",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.auth.resetpwd%"
-            }
-        },
-        {
-            "path": "pages/index/diy",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.index.diy%"
-            }
-        },
-        {
-            "path": "pages/article/detail",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.article.detail%"
-            }
-        },
-        {
-            "path": "pages/member/apply_cash_out",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.member.apply_cash_out%"
-            },
-		    "needLogin": true
-        },
+	"pages": [ // pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
-		    "path": "pages/member/commission",
-		    "style": {
-		        // #ifdef H5
-		        "navigationStyle": "custom",
-		        // #endif
-		        "navigationBarTitleText": "%pages.member.commission%"
-		    },
-		    "needLogin": true
+			"path": "pages/index/index",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "%pages.index.index%"
+			}
 		},
 		{
-		    "path": "pages/member/balance",
-		    "style": {
-		        // #ifdef H5
-		        "navigationStyle": "custom",
-		        // #endif
-		        "navigationBarTitleText": "%pages.member.balance%"
-		    },
-		    "needLogin": true
+			"path": "pages/article/list",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.article.list%"
+			}
+		},
+		{
+			"path": "pages/auth/agreement",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.auth.agreement%"
+			}
+		},
+		{
+			"path": "pages/auth/bind",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.auth.bind%"
+			}
+		},
+		{
+			"path": "pages/auth/login",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.auth.login%"
+			}
+		},
+		{
+			"path": "pages/auth/register",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.auth.register%"
+			}
+		},
+		{
+			"path": "pages/auth/resetpwd",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.auth.resetpwd%"
+			}
+		},
+		{
+			"path": "pages/index/diy",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.index.diy%"
+			}
 		},
         {
-            "path": "pages/member/recharge_record",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.member.recharge_record%"
-            },
-            "needLogin": true
+        	"path": "pages/index/close",
+        	"style": {
+        		"navigationStyle": "custom",
+                "navigationBarTitleText": "%pages.index.close%"
+        	}
+        },
+        {
+        	"path": "pages/index/nonexistence",
+        	"style": {
+        		"navigationStyle": "custom",
+                "navigationBarTitleText": "%pages.index.nonexistence%"
+        	}
         },
 		{
-		    "path": "pages/member/recharge_record_detail",
-		    "style": {
-		        // #ifdef H5
-		        "navigationStyle": "custom",
-		        // #endif
-		        "navigationBarTitleText": "%pages.member.recharge_record_detail%"
-		    },
-		    "needLogin": true
+			"path": "pages/article/detail",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.article.detail%"
+			}
 		},
-        {
-            "path": "pages/member/detailed_account",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.member.detailed_account%"
-            }
-        },
-        {
-            "path": "pages/member/cash_out",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.member.cash_out%"
-            }
+		{
+			"path": "pages/member/apply_cash_out",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.apply_cash_out%"
+			},
+			"needLogin": true
 		},
-        {
-            "path": "pages/member/cash_out_detail",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.member.cash_out_detail%"
-            }
-        },
-        {
-            "path": "pages/member/index",
-            "style": {
-                "navigationStyle": "custom",
-                "navigationBarTitleText": "%pages.member.index%"
-            }
-        },
-        {
-            "path": "pages/member/info",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.member.info%"
-            },
-            "needLogin": true
-        },
-        {
-            "path": "pages/member/personal",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.member.personal%"
-            },
-            "needLogin": true
-        },
-        {
-            "path": "pages/member/point",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.member.point%"
-            },
-            "needLogin": true
-        },
-        {
-            "path": "pages/member/account",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.member.account%"
-            },
-            "needLogin": true
-        },
-        {
-            "path": "pages/member/account_edit",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.member.account_edit%"
-            },
-            "needLogin": true
-        },
-        {
-            "path": "pages/pay/browser",
-            "style": {
-                "navigationStyle": "custom",
-                "navigationBarTitleText": "%pages.pay.browser%"
-            }
-        },
-        {
-            "path": "pages/pay/result",
-            "style": {
-                "navigationStyle": "custom",
-                "navigationBarTitleText": "%pages.pay.result%"
-            }
-        },
-        {
-            "path": "pages/setting/index",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.setting.index%"
-            },
-            "needLogin": true
-        },
-        {
-            "path": "pages/webview/index",
-            "style": {
-                // #ifdef H5
-                "navigationStyle": "custom",
-                // #endif
-                "navigationBarTitleText": "%pages.webview.index%"
-            }
-        }
-    ],
-    "globalStyle": {
-        "navigationBarTextStyle": "black",
-        "navigationBarTitleText": "",
-        "navigationBarBackgroundColor": "#ffffff",
-        "backgroundColor": "#F8F8F8",
-        "backgroundColorTop": "#F8F8F8",
-        "backgroundColorBottom": "#F8F8F8"
-    },
-    "tabBar": {
-        "list": [{
-                "pagePath": "pages/index/index"
-            },
-            {
-                "pagePath": "pages/article/list"
-            },
-            {
-                "pagePath": "pages/member/index"
-            }
-        ]
-    },
-    "uniIdRouter": {},
-    "easycom": {
-        "custom": {
-            "^u-(.*)": "uview-plus/components/u-$1/u-$1.vue",
-            "diy-system-(\W.*)": "@/components/diy/system/$1/index.vue",
-            "diy-extend-(\W.*)": "@/components/diy/extend/$1/index.vue",
-            "diy-(\W.*)": "@/components/diy/$1/index.vue"
-        }
-    }
+		{
+			"path": "pages/member/commission",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.commission%"
+			},
+			"needLogin": true
+		},
+		{
+			"path": "pages/member/balance",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.balance%"
+			},
+			"needLogin": true
+		},
+		{
+			"path": "pages/member/recharge_record",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.recharge_record%"
+			},
+			"needLogin": true
+		},
+		{
+			"path": "pages/member/recharge_record_detail",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.recharge_record_detail%"
+			},
+			"needLogin": true
+		},
+		{
+			"path": "pages/member/detailed_account",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.detailed_account%"
+			}
+		},
+		{
+			"path": "pages/member/cash_out",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.cash_out%"
+			}
+		},
+		{
+			"path": "pages/member/cash_out_detail",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.cash_out_detail%"
+			}
+		},
+		{
+			"path": "pages/member/index",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "%pages.member.index%"
+			}
+		},
+		{
+			"path": "pages/member/info",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.info%"
+			},
+			"needLogin": true
+		},
+		{
+			"path": "pages/member/personal",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.personal%"
+			},
+			"needLogin": true
+		},
+		{
+			"path": "pages/member/point",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.point%"
+			},
+			"needLogin": true
+		},
+		{
+			"path": "pages/member/account",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.account%"
+			},
+			"needLogin": true
+		},
+		{
+			"path": "pages/member/account_edit",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.member.account_edit%"
+			},
+			"needLogin": true
+		},
+		{
+			"path": "pages/pay/browser",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "%pages.pay.browser%"
+			}
+		},
+		{
+			"path": "pages/pay/result",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "%pages.pay.result%"
+			}
+		},
+		{
+			"path": "pages/setting/index",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.setting.index%"
+			},
+			"needLogin": true
+		},
+		{
+			"path": "pages/webview/index",
+			"style": {
+				// #ifdef H5
+				"navigationStyle": "custom",
+				// #endif
+				"navigationBarTitleText": "%pages.webview.index%"
+			}
+		}// {{PAGE}}        
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "",
+		"navigationBarBackgroundColor": "#ffffff",
+		"backgroundColor": "#F8F8F8",
+		"backgroundColorTop": "#F8F8F8",
+		"backgroundColorBottom": "#F8F8F8"
+	},
+	"tabBar": {
+		"list": [{
+				"pagePath": "pages/index/index"
+			},
+			{
+				"pagePath": "pages/article/list"
+			},
+			{
+				"pagePath": "pages/member/index"
+			}
+		]
+	},
+	"uniIdRouter": {},
+	"easycom": {
+		"custom": {
+			"^u-(.*)": "uview-plus/components/u-$1/u-$1.vue",
+			"diy-(\W.*)": "@/components/diy/$1/index.vue"
+		}
+	}
 }
\ No newline at end of file
diff --git a/uni-app/pages/auth/bind.vue b/uni-app/pages/auth/bind.vue
index 15b5ad70c..a599424e3 100644
--- a/uni-app/pages/auth/bind.vue
+++ b/uni-app/pages/auth/bind.vue
@@ -24,7 +24,7 @@
                             </u-input>
                         </u-form-item>
                     </view>
-                    <view class="flex items-start mt-[30rpx]" v-if="!info">
+                    <view class="flex items-start mt-[30rpx]" v-if="!info && config.agreement_show">
                         <u-checkbox-group>
                             <u-checkbox :checked="isAgree" shape="shape" size="14" @change="agreeChange"
                                 :customStyle="{'marginTop': '4rpx'}" />
@@ -47,7 +47,8 @@
                     <!-- #ifdef MP-WEIXIN -->
                     <view class="mt-[30rpx]">
                         <u-button type="primary" :plain="true" :text="t('weixinUserAuth')" open-type="getPhoneNumber"
-                            @getphonenumber="mobileAuth"></u-button>
+                            @getphonenumber="mobileAuth" v-if="!info.value || !config.agreement_show || isAgree"></u-button>
+                        <u-button type="primary" :plain="true" :text="t('weixinUserAuth')" v-else @click="agreeTips"></u-button>
                     </view>
                     <!-- #endif -->
                 </u-form>
@@ -62,11 +63,16 @@
     import { bind } from '@/api/auth'
     import { bindMobile } from '@/api/member'
     import useMemberStore from '@/stores/member'
+    import useConfigStore from '@/stores/config'
     import { useLogin } from '@/hooks/useLogin'
     import { redirect } from '@/utils/common'
 
     const memberStore = useMemberStore()
     const info = computed(() => memberStore.info)
+    
+    const config = computed(() => {
+        return useConfigStore().login
+    })
 
     const loading = ref(false)
     const isAgree = ref(false)
@@ -106,16 +112,15 @@
     const agreeChange = () => {
         isAgree.value = !isAgree.value
     }
+    
+    const agreeTips = () => {
+        uni.showToast({ title: `${t('pleaceAgree')}《${t('userAgreement')}》《${t('privacyAgreement')}》`, icon: 'none' })
+    }
 
     const formRef = ref(null)
 
     const handleBind = () => {
         formRef.value.validate().then(() => {
-            if (!isAgree.value && !info.value) {
-                uni.showToast({ title: `${t('pleaceAgree')}《${t('userAgreement')}》《${t('privacyAgreement')}》`, icon: 'none' })
-                return
-            }
-
             if (loading.value) return
             loading.value = true
 
@@ -135,8 +140,9 @@
         })
     }
 
+
     const mobileAuth = (e) => {
-        if (!isAgree.value && !info.value) {
+        if (!isAgree.value && !info.value && config.value.agreement_show) {
             uni.showToast({ title: `${t('pleaceAgree')}《${t('userAgreement')}》《${t('privacyAgreement')}》`, icon: 'none' })
             return
         }
diff --git a/uni-app/pages/auth/login.vue b/uni-app/pages/auth/login.vue
index c5e43e430..0dde8a66f 100644
--- a/uni-app/pages/auth/login.vue
+++ b/uni-app/pages/auth/login.vue
@@ -60,7 +60,7 @@
                 </u-form>
             </view>
         </view>
-        <view class="text-xs py-[50rpx] flex justify-center w-full">
+        <view class="text-xs py-[50rpx] flex justify-center w-full" v-if="configStore.login.agreement_show">
             {{ t('agreeTips') }}
             <app-link url="/pages/auth/agreement?key=service">
                 <text class="text-primary">{{ t('userAgreement') }}</text>
diff --git a/uni-app/pages/auth/register.vue b/uni-app/pages/auth/register.vue
index 5ccd515be..682338307 100644
--- a/uni-app/pages/auth/register.vue
+++ b/uni-app/pages/auth/register.vue
@@ -78,7 +78,7 @@
                 </u-form>
             </view>
         </view>
-        <view class="text-xs py-[50rpx] flex justify-center w-full">
+        <view class="text-xs py-[50rpx] flex justify-center w-full" v-if="configStore.login.agreement_show">
             {{ t('registerAgreeTips') }} 
             <app-link url="/pages/auth/agreement?key=service">
                 <text class="text-primary">{{ t('userAgreement') }}</text>
diff --git a/uni-app/pages/index/close.vue b/uni-app/pages/index/close.vue
new file mode 100644
index 000000000..044ec5f2f
--- /dev/null
+++ b/uni-app/pages/index/close.vue
@@ -0,0 +1,16 @@
+<template>
+    <view class="w-screen h-screen flex flex-col items-center justify-center">
+        <u-empty
+            :icon="img('static/resource/images/site/close.png')"
+            :text="t('siteClose')"
+        >
+        </u-empty>
+    </view>
+</template>
+
+<script setup lang="ts">
+import { img } from '@/utils/common'
+import { t } from '@/locale'
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/uni-app/pages/index/diy.vue b/uni-app/pages/index/diy.vue
index 68f7f5147..e77d311c9 100644
--- a/uni-app/pages/index/diy.vue
+++ b/uni-app/pages/index/diy.vue
@@ -1,7 +1,9 @@
 <template>
 	<view>
 		<u-loading-page :loading="loading" loadingText=""></u-loading-page>
-		<view v-show="!loading" :style="{ backgroundColor: data.global.pageBgColor }">
+		<view v-show="!loading"
+			:style="{ backgroundColor: data.global.pageBgColor,minHeight: 'calc(100vh - 50px)',backgroundImage : data.global.bgUrl ? 'url(' +  img(data.global.bgUrl) + ')' : '' }"
+			class="bg-index">
 			<diy-group :data="data"></diy-group>
 		</view>
 	</view>
@@ -13,6 +15,7 @@
 	import { getDiyInfo } from '@/api/diy';
 	import useDiyStore from '@/stores/diy';
 	import { useShare } from '@/hooks/useShare'
+	import { img } from '@/utils/common';
 
 	const { setShare, onShareAppMessage, onShareTimeline } = useShare()
 	onShareAppMessage()
@@ -58,22 +61,39 @@
 				id: id.value,
 				name: name.value
 			}).then((res : any) => {
-                if (res.data.value) {
-                    let sources = JSON.parse(res.data.value);
-                    diyData.global = sources.global;
-                    diyData.value = sources.value;
-                    uni.setNavigationBarTitle({
-                        title: diyData.global.title
-                    })
-                }
+				if (res.data.value) {
+					let sources = JSON.parse(res.data.value);
+					diyData.global = sources.global;
+					diyData.value = sources.value;
+					diyData.value.forEach((item, index) => {
+						item.pageStyle = '';
+						if (item.pageBgColor) item.pageStyle += 'background-color:' + item.pageBgColor + ';';
+						if (item.margin) {
+							item.pageStyle += 'padding-top:' + item.margin.top * 2 + 'rpx' + ';';
+							item.pageStyle += 'padding-bottom:' + item.margin.bottom * 2 + 'rpx' + ';';
+							item.pageStyle += 'padding-right:' + item.margin.both * 2 + 'rpx' + ';';
+							item.pageStyle += 'padding-left:' + item.margin.both * 2 + 'rpx' + ';';
+						}
+					});
+					uni.setNavigationBarTitle({
+						title: diyData.global.title
+					})
+				}
 
-                let share = res.data.share ? JSON.parse(res.data.share) : null;
-                setShare(share);
+				let share = res.data.share ? JSON.parse(res.data.share) : null;
+				setShare(share);
 
-                loading.value = false;
+				loading.value = false;
 			});
 		}
 	});
 </script>
 <style lang="scss" scoped>
+	.bg-index {
+		width: 100%;
+		height: 100%;
+		box-sizing: border-box;
+		background-size: 100% !important;
+		background-repeat: no-repeat !important;
+	}
 </style>
\ No newline at end of file
diff --git a/uni-app/pages/index/index.vue b/uni-app/pages/index/index.vue
index 268851c3b..a6cbd5ff5 100644
--- a/uni-app/pages/index/index.vue
+++ b/uni-app/pages/index/index.vue
@@ -1,7 +1,9 @@
 <template>
 	<view>
 		<u-loading-page :loading="loading" loadingText=""></u-loading-page>
-		<view v-show="!loading" :style="{ backgroundColor: data.global.pageBgColor,minHeight: 'calc(100vh - 50px)' }">
+		<view v-show="!loading"
+			:style="{ backgroundColor: data.global.pageBgColor,minHeight: 'calc(100vh - 50px)',backgroundImage : data.global.bgUrl ? 'url(' +  img(data.global.bgUrl) + ')' : '' }"
+			class="bg-index">
 			<diy-group :data="data"></diy-group>
 		</view>
 	</view>
@@ -13,6 +15,7 @@
 	import { getDiyInfo } from '@/api/diy';
 	import useDiyStore from '@/stores/diy';
 	import { useShare } from '@/hooks/useShare'
+	import { img } from '@/utils/common';
 
 	const { setShare, onShareAppMessage, onShareTimeline } = useShare()
 	setShare();
@@ -53,20 +56,37 @@
 			getDiyInfo({
 				name: 'DIY_INDEX'
 			}).then((res : any) => {
-                if (res.data.value) {
-                    let sources = JSON.parse(res.data.value);
-                    diyData.global = sources.global;
-                    diyData.value = sources.value;
-                    uni.setNavigationBarTitle({
-                        title: diyData.global.title
-                    })
-                }
+				if (res.data.value) {
+					let sources = JSON.parse(res.data.value);
+					diyData.global = sources.global;
+					diyData.value = sources.value;
+					diyData.value.forEach((item, index) => {
+						item.pageStyle = '';
+						if (item.pageBgColor) item.pageStyle += 'background-color:' + item.pageBgColor + ';';
+						if (item.margin) {
+							item.pageStyle += 'padding-top:' + item.margin.top * 2 + 'rpx' + ';';
+							item.pageStyle += 'padding-bottom:' + item.margin.bottom * 2 + 'rpx' + ';';
+							item.pageStyle += 'padding-right:' + item.margin.both * 2 + 'rpx' + ';';
+							item.pageStyle += 'padding-left:' + item.margin.both * 2 + 'rpx' + ';';
+						}
+					});
+					uni.setNavigationBarTitle({
+						title: diyData.global.title
+					})
+				}
 
-                loading.value = false;
+				loading.value = false;
 			});
 		}
 
 	});
 </script>
 <style lang="scss" scoped>
+	.bg-index {
+		width: 100%;
+		height: 100%;
+		box-sizing: border-box;
+		background-size: 100% !important;
+		background-repeat: no-repeat !important;
+	}
 </style>
\ No newline at end of file
diff --git a/uni-app/pages/index/nonexistence.vue b/uni-app/pages/index/nonexistence.vue
new file mode 100644
index 000000000..a2780dfe9
--- /dev/null
+++ b/uni-app/pages/index/nonexistence.vue
@@ -0,0 +1,16 @@
+<template>
+    <view class="w-screen h-screen flex flex-col items-center justify-center">
+        <u-empty
+            :icon="img('static/resource/images/site/close.png')"
+            :text="t('siteNonexistence')"
+        >
+        </u-empty>
+    </view>
+</template>
+
+<script setup lang="ts">
+import { img } from '@/utils/common'
+import { t } from '@/locale'
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/uni-app/pages/member/index.vue b/uni-app/pages/member/index.vue
index ad9c1cdaa..18440a435 100644
--- a/uni-app/pages/member/index.vue
+++ b/uni-app/pages/member/index.vue
@@ -1,7 +1,9 @@
 <template>
 	<view>
 		<u-loading-page :loading="loading" loadingText=""></u-loading-page>
-		<view v-show="!loading" :style="{ backgroundColor: data.global.pageBgColor,minHeight: 'calc(100vh - 50px)' }">
+		<view v-show="!loading"
+			:style="{ backgroundColor: data.global.pageBgColor,minHeight: 'calc(100vh - 50px)',backgroundImage : data.global.bgUrl ? 'url(' +  img(data.global.bgUrl) + ')' : '' }"
+			class="bg-index">
 			<diy-group :data="data"></diy-group>
 		</view>
 	</view>
@@ -13,6 +15,7 @@
 	import { getDiyInfo } from '@/api/diy'
 	import useDiyStore from '@/stores/diy'
 	import useMemberStore from '@/stores/member'
+	import { img } from '@/utils/common';
 
 	const loading = ref(true);
 	const diyStore = useDiyStore();
@@ -48,19 +51,37 @@
 			getDiyInfo({
 				name: 'DIY_MEMBER_INDEX'
 			}).then((res : any) => {
-                if (res.data.value) {
-                    let sources = JSON.parse(res.data.value);
-                    diyData.global = sources.global;
-                    diyData.value = sources.value;
-                    uni.setNavigationBarTitle({
-                        title: diyData.global.title
-                    })
-                }
-                loading.value = false;
+				if (res.data.value) {
+					let sources = JSON.parse(res.data.value);
+					diyData.global = sources.global;
+					diyData.value = sources.value;
+					diyData.value.forEach((item, index) => {
+						item.pageStyle = '';
+						if (item.pageBgColor) item.pageStyle += 'background-color:' + item.pageBgColor + ';';
+						if (item.margin) {
+							item.pageStyle += 'padding-top:' + item.margin.top * 2 + 'rpx' + ';';
+							item.pageStyle += 'padding-bottom:' + item.margin.bottom * 2 + 'rpx' + ';';
+							item.pageStyle += 'padding-right:' + item.margin.both * 2 + 'rpx' + ';';
+							item.pageStyle += 'padding-left:' + item.margin.both * 2 + 'rpx' + ';';
+						}
+					});
+					uni.setNavigationBarTitle({
+						title: diyData.global.title
+					})
+				}
+				loading.value = false;
 			});
 		}
 		useMemberStore().getMemberInfo()
 	});
 </script>
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+	.bg-index {
+		width: 100%;
+		height: 100%;
+		box-sizing: border-box;
+		background-size: 100% !important;
+		background-repeat: no-repeat !important;
+	}
+</style>
\ No newline at end of file
diff --git a/uni-app/pages/member/recharge_record_detail.vue b/uni-app/pages/member/recharge_record_detail.vue
index 325b8535d..884ed11d1 100644
--- a/uni-app/pages/member/recharge_record_detail.vue
+++ b/uni-app/pages/member/recharge_record_detail.vue
@@ -1,46 +1,46 @@
 <template>
 	<view class="member-record-detail">
 		<view class="money-wrap">
-			<text>-{{ cashOutInfo.apply_money }}</text>
-			<text>{{ cashOutInfo.status_name }}</text>
+			<text>-{{ rechargeInfo.apply_money }}</text>
+			<text>{{ rechargeInfo.status_name }}</text>
 		</view>
 		<!-- 状态0待审核1.待转账2已转账 -1拒绝' -->
 		<view class="item">
 			<view class="line-wrap">
 				<text class="label">{{t('cashOutNo')}}</text>
-				<text class="value">{{ cashOutInfo.cash_out_no }}</text>
+				<text class="value">{{ rechargeInfo.cash_out_no }}</text>
 			</view>
 			<view class="line-wrap">
 				<text class="label">{{t('serviceMoney')}}</text>
-				<text class="value">￥{{ cashOutInfo.service_money }}</text>
+				<text class="value">￥{{ rechargeInfo.service_money }}</text>
 			</view>
 			<view class="line-wrap">
 				<text class="label">{{t('createTime')}}</text>
-				<text class="value">{{ cashOutInfo.create_time }}</text>
+				<text class="value">{{ rechargeInfo.create_time }}</text>
 			</view>
-			<view class="line-wrap" v-if="cashOutInfo.status">
+			<view class="line-wrap" v-if="rechargeInfo.status">
 				<text class="label">{{t('auditTime')}}</text>
-				<text class="value">{{ cashOutInfo.audit_time }}</text>
+				<text class="value">{{ rechargeInfo.audit_time }}</text>
 			</view>
-			<view class="line-wrap" v-if="cashOutInfo.transfer_bank">
+			<view class="line-wrap" v-if="rechargeInfo.transfer_bank">
 				<text class="label">{{t('transferBank')}}</text>
-				<text class="value">{{ cashOutInfo.transfer_bank }}</text>
+				<text class="value">{{ rechargeInfo.transfer_bank }}</text>
 			</view>
 			<view class="line-wrap">
 				<text class="label">{{t('transferAccount')}}</text>
-				<text class="value">{{ cashOutInfo.transfer_account }}</text>
+				<text class="value">{{ rechargeInfo.transfer_account }}</text>
 			</view>
-			<view class="line-wrap" v-if="cashOutInfo.status == -1 && cashOutInfo.refuse_reason">
+			<view class="line-wrap" v-if="rechargeInfo.status == -1 && rechargeInfo.refuse_reason">
 				<text class="label">{{t('refuseReason')}}</text>
-				<text class="value">{{ cashOutInfo.refuse_reason }}</text>
+				<text class="value">{{ rechargeInfo.refuse_reason }}</text>
 			</view>
-			<view class="line-wrap" v-if="cashOutInfo.status == 2">
+			<view class="line-wrap" v-if="rechargeInfo.status == 2">
 				<text class="label">{{t('transferTypeName')}}</text>
-				<text class="value">{{ cashOutInfo.transfer_type_name }}</text>
+				<text class="value">{{ rechargeInfo.transfer_type_name }}</text>
 			</view>
-			<view class="line-wrap" v-if="cashOutInfo.status == 2">
+			<view class="line-wrap" v-if="rechargeInfo.status == 2">
 				<text class="label">{{t('transferTime')}}</text>
-				<text class="value">{{ cashOutInfo.transfer_time }}</text>
+				<text class="value">{{ rechargeInfo.transfer_time }}</text>
 			</view>
 		</view>
 	</view>
@@ -53,18 +53,18 @@ import { t } from '@/locale'
 import { redirect, img } from '@/utils/common';
 import { getRechargeDetail } from '@/api/member';
 
-let cashOutInfo = ref({});
+let rechargeInfo = ref({});
 let loading = ref<boolean>(false);
 onLoad((option) => {
 	let id = option.id || "";
-	getCashoutAccountListFn(id)
+	getRechargeDetailFn(id)
 })
 
-const getCashoutAccountListFn = (id) => {
+const getRechargeDetailFn = (id) => {
 	loading.value = false;
 
 	getRechargeDetail(id).then((res) => {
-		cashOutInfo.value = res.data;
+		rechargeInfo.value = res.data;
 		loading.value = true;
 	}).catch(() => {
 		loading.value = true;
diff --git a/uni-app/stores/config.ts b/uni-app/stores/config.ts
index 64195a2f6..006f017a7 100644
--- a/uni-app/stores/config.ts
+++ b/uni-app/stores/config.ts
@@ -7,7 +7,8 @@ interface loginConfig {
     is_username: number | boolean,
     is_mobile: number | boolean,
     is_auth_register: number | boolean,
-    is_bind_mobile: number | boolean
+    is_bind_mobile: number | boolean,
+    agreement_show: number | boolean
 }
 
 interface tabbarConfig {
@@ -30,7 +31,8 @@ const useConfigStore = defineStore('config', {
                 is_username: 0,
                 is_mobile: 0,
                 is_auth_register: 0,
-                is_bind_mobile: 0
+                is_bind_mobile: 0,
+                agreement_show: 0
             },
             tabbar: null
         }
@@ -42,6 +44,7 @@ const useConfigStore = defineStore('config', {
                 this.login.is_mobile = parseInt(res.data.is_mobile)
                 this.login.is_auth_register = parseInt(res.data.is_auth_register)
                 this.login.is_bind_mobile = parseInt(res.data.is_bind_mobile)
+                this.login.agreement_show = parseInt(res.data.agreement_show)
             }).catch(() => { 
                 
             })
diff --git a/uni-app/stores/diy.ts b/uni-app/stores/diy.ts
index 33be81818..c214dd868 100644
--- a/uni-app/stores/diy.ts
+++ b/uni-app/stores/diy.ts
@@ -7,7 +7,7 @@ interface Diy {
 	global : {
 		title : string,
 		pageBgColor : string, // 页面背景颜色
-		tabbarSwitch : boolean, // 底部导航开关
+		bottomTabBarSwitch : boolean, // 底部导航开关
 	},
 	// 组件集合
 	value : any[]
@@ -21,7 +21,8 @@ const useDiyStore = defineStore('diy', {
 			global: {
 				title: "",
 				pageBgColor: "", // 页面背景颜色
-				tabbarSwitch: true
+				bottomTabBarSwitch: true,
+				bgUrl: ''
 			},
 			// 组件集合
 			value: []
@@ -45,13 +46,26 @@ const useDiyStore = defineStore('diy', {
 				try {
 					let data = JSON.parse(event.data);
 					this.currentIndex = data.currentIndex;
-					this.global = data.global;
-					this.value = data.value;
+					if(data.global) this.global = data.global;
+					if(data.value) this.value = data.value;
+
+					if (this.value) {
+						this.value.forEach((item, index) => {
+							item.pageStyle = '';
+							if (item.pageBgColor) item.pageStyle += 'background-color:' + item.pageBgColor + ';';
+							if (item.margin) {
+								item.pageStyle += 'padding-top:' + item.margin.top * 2 + 'rpx' + ';';
+								item.pageStyle += 'padding-bottom:' + item.margin.bottom * 2 + 'rpx' + ';';
+								item.pageStyle += 'padding-right:' + item.margin.both * 2 + 'rpx' + ';';
+								item.pageStyle += 'padding-left:' + item.margin.both * 2 + 'rpx' + ';';
+							}
+						});
+					}
 					// console.log('uniapp 接受后台装修返回的组件数据', data);
 				} catch (e) {
 					console.log('uniapp接受数据错误', e)
 				}
-			});
+			}, false);
 			// #endif
 		},
 		// 将数据传输给后台
@@ -73,10 +87,10 @@ const useDiyStore = defineStore('diy', {
 		// 选中正在编辑的组件
 		changeCurrentIndex(index : number, component : any = null) {
 			// #ifdef H5
-			
+
 			// 实际展示禁止编辑
 			if (this.mode == '') return;
-			
+
 			// 减少重复请求
 			if (this.currentIndex == index) return;
 			this.currentIndex = index;
diff --git a/uni-app/stores/system.ts b/uni-app/stores/system.ts
new file mode 100644
index 000000000..c3105f06e
--- /dev/null
+++ b/uni-app/stores/system.ts
@@ -0,0 +1,29 @@
+import { defineStore } from 'pinia'
+import { getSiteInfo } from '@/api/system'
+import { redirect } from '@/utils/common'
+
+interface System {
+	site: AnyObject | null
+}
+
+const useSystemStore = defineStore('system', {
+	state: () : System => {
+		return {
+			site: null
+		}
+	},
+	actions: {
+		async getSitenfo() {
+            await getSiteInfo()
+                .then((res: any) => {
+                    this.site = res.data
+                    if (this.site.status == 3) redirect({ url: '/pages/index/close', mode: 'reLaunch' })
+                })
+                .catch((err) => {
+                    redirect({ url: '/pages/index/nonexistence', mode: 'reLaunch' })
+                })
+        }
+	}
+})
+
+export default useSystemStore
\ No newline at end of file
diff --git a/uni-app/utils/request.ts b/uni-app/utils/request.ts
index e3d706df2..4fb55028e 100644
--- a/uni-app/utils/request.ts
+++ b/uni-app/utils/request.ts
@@ -1,5 +1,6 @@
 import { getToken, getAppChannel } from './common'
 import useMemberStore from '@/stores/member'
+import { t } from '@/locale'
 
 interface RequestConfig {
     showErrorMessage ?: boolean
@@ -121,6 +122,9 @@ class Request {
                 },
                 fail: res => {
                     reject(res)
+                },
+                complete: (res) => {
+                    this.handleRequestFail(res)
                 }
             })
         })
@@ -133,6 +137,23 @@ class Request {
                 break;
         }
     }
+    
+    private handleRequestFail(res) {
+        if (res.errMsg && res.errMsg == "request:ok") {
+            if (typeof res.data == 'string') {
+                uni.showToast({ icon: 'none', title: this.baseUrl + t('requestFail') })
+                return
+            }
+        }
+        if (res.errMsg == 'request:fail') {
+            uni.showToast({ icon: 'none', title: this.baseUrl + t('requestFail') })
+            return
+        }
+        if (res.errMsg && res.errMsg == 'request:fail url not in domain list') {
+            uni.showToast({ icon: 'none', title: this.baseUrl + t('notInDomainList') });
+            return
+        }
+    }
 }
 
 export default new Request()
\ No newline at end of file