diff --git a/pages/index/center.vue b/pages/index/center.vue
index a20f717..e759b15 100644
--- a/pages/index/center.vue
+++ b/pages/index/center.vue
@@ -59,14 +59,12 @@
 					</view>
 					<text>分享好友</text>
 				</view>
-				<!-- todo -->
 				<view class="tool" @click="onActivate">
 					<view class="tool-icon">
 						<image src="@/pages_order/static/center/tool-activate.png"></image>
 					</view>
 					<text>激活码</text>
 				</view>
-				<!-- todo -->
 				<view class="tool" @click="$utils.navigateTo('/pages_order/mine/wallet')">
 					<view class="tool-icon">
 						<image src="@/pages_order/static/center/tool-wallet.png"></image>
@@ -126,9 +124,9 @@
 			</view>
 		</view>
 
-		<button plain class="btn-simple service" open-type="contact">
-			<image class="icon" src="@/pages_order/static/center/service.png" mode=""></image>
-		</button>
+		<view class="service" @click="$utils.navigateTo('/pages_order/mine/service')">
+			<image src="@/pages_order/static/center/service.png" mode=""></image>
+		</view>
 
 		<popupActivate ref="popupActivate"></popupActivate>
 		<popupSharing ref="popupSharing"></popupSharing>
@@ -382,11 +380,8 @@
 		position: fixed;
 		right: 29rpx;
 		bottom: 312rpx;
-
-		.icon {
-			width: 149rpx;
-			height: 158rpx;
-		}
+		width: 149rpx;
+		height: 158rpx;
 	}
 	
 </style>
\ No newline at end of file
diff --git a/pages_order/auth/wxLogin.vue b/pages_order/auth/wxLogin.vue
index e53dc23..d953295 100644
--- a/pages_order/auth/wxLogin.vue
+++ b/pages_order/auth/wxLogin.vue
@@ -66,7 +66,7 @@
 			}
 		},
 		computed: {
-			...mapState(['userInfo']),
+			...mapState(['configList'])
 		},
 		methods: {
 			wxLogin(){
diff --git a/pages_order/auth/wxUserInfo.vue b/pages_order/auth/wxUserInfo.vue
index 61588c7..7a2fb8e 100644
--- a/pages_order/auth/wxUserInfo.vue
+++ b/pages_order/auth/wxUserInfo.vue
@@ -95,7 +95,7 @@
 			};
 		},
 		computed: {
-			...mapState(['userInfo']),
+			...mapState(['configList'])
 		},
 		onShow() {},
 		onLoad() {
diff --git a/pages_order/mine/service.vue b/pages_order/mine/service.vue
index cec4dbc..a7ef907 100644
--- a/pages_order/mine/service.vue
+++ b/pages_order/mine/service.vue
@@ -1,21 +1,25 @@
 <template>
-  <view class="page">
+  <view class="page" :style="`background-image: url(${configList.codeImg}); background-size: contain;`">
 		<navbar title="客服" leftClick @leftClick="$utils.navigateBack" />
  
-    <image class="bg" :src="imgurl" mode="scaleToFill" :show-menu-by-longpress="true"></image>
+    <!-- todo -->
+    <image class="qr" :src="configList.index_huodong" :show-menu-by-longpress="true"></image>
+
   </view>
 </template>
 
 <script>
+	import { mapState } from 'vuex'
+
 	export default {
 		data() {
 			return {
-        imgurl: null,
       }
     },
+		computed: {
+			...mapState(['configList'])
+		},
     onLoad() {
-      // todo: fetch imgurl
-      this.imgurl = '../static/service/temp-service.png'
     },
   }
 </script>
@@ -34,4 +38,14 @@
   width: 100vw;
   height: calc(100vh - #{$navbar-height} - var(--status-bar-height) - 20rpx);
 }
+
+.qr {
+  position: absolute;
+  top: 854rpx;
+  left: 50%;
+  transform: translateX(-50%);
+
+  width: 316rpx;
+  height: 316rpx;
+}
 </style>
\ No newline at end of file
diff --git a/pages_order/record/groupSharing.vue b/pages_order/record/groupSharing.vue
index ba2ac10..8fa0c3f 100644
--- a/pages_order/record/groupSharing.vue
+++ b/pages_order/record/groupSharing.vue
@@ -183,7 +183,7 @@
       }
     },
     computed: {
-			...mapState(['userInfo']),
+			...mapState(['configList', 'userInfo']),
       userId() {
         return this.form.userId || this.userInfo?.id
       },