27

pages/find/friend-circle/builtinBgImg.vue

@@ -1,12 +1,17 @@
 <template>
 	<view class="content">
-		<u-navbar title="选择背景图" :background="{ background: '#ffffff'}"
-					:border-bottom="false">
-			<view class="slot-wrap" slot="right">
+		<uni-nav-bar 
+			left-icon="back" 
+			@clickLeft="uni.$u.route({type:'back'})"
+			statusBar
+			backgroundColor="#ffffff"
+			:border="false"
+			title="选择背景图">
+			<template v-slot:footer>
 				<u-button :custom-style="customBtnStyle" size="mini" :disabled="submitFlag"
 							:type="submitFlag?'info ':'success'" @click="handleLink()">设置</u-button>
-			</view>		
-		</u-navbar>
+			</template>
+		</uni-nav-bar>
 		<u-grid @click="clickGrid">
 			<u-grid-item v-for="(item, index) in bgList" :key="index"  :index="index" :custom-style="item.isCheck?girdItemCustomStyle:{}">
 				<u-image :src="item.src" width="200rpx" height="200rpx" mode="aspectFill"></u-image>
@@ -46,7 +51,10 @@ export default {
 		handleLink(){
 			const item = this.bgList.find(it=>it.isCheck);
 			if(item){
-				this.$u.vuex('circleBgImg', item.src);
+				this.$store.commit('circle/SET_SETTINGS',{
+					...this.$store.storeCircleSettings,
+					bg:item.src
+				});
 				uni.navigateBack({
 					delta:2
 				})