修改

pages.json

@@ -41,17 +41,26 @@
 	"tabBar": {
 		"backgroundColor": "white",
 		"selectedColor": "#33a5fc",
-		"list": [{
-			"pagePath": "pages/payment/payment",
-			"iconPath": "static/tabbar/1.png",
-			"selectedIconPath": "static/tabbar/2.png",
-			"text": "加油"
-		}, {
-			"pagePath": "pages/center/center",
-			"iconPath": "static/tabbar/3.png",
-			"selectedIconPath": "static/tabbar/4.png",
-			"text": "个人中心"
-		}]
+		"list": [
+			{
+				"pagePath": "pages/payment/payment",
+				"iconPath": "static/tabbar/1.png",
+				"selectedIconPath": "static/tabbar/2.png",
+				"text": "加油"
+			}, 
+			{
+				"pagePath": "pages/weddingCelebration/weddingCelebration",
+				"iconPath": "static/tabbar/5.png",
+				"selectedIconPath": "static/tabbar/6.png",
+				"text": "佳通婚礼车队服务"
+			},
+			{
+				"pagePath": "pages/center/center",
+				"iconPath": "static/tabbar/3.png",
+				"selectedIconPath": "static/tabbar/4.png",
+				"text": "个人中心"
+			}
+		]
 	},
 	"uniIdRouter": {}
 }

pages/payment/payment.vue

@@ -6,9 +6,10 @@
 			<uni-section title="油号" type="line" titleFontSize="34rpx"></uni-section>
 			<view class="select-oil">
 				<view class="oil-item">
-					<view class="oil active-oil">
-						<!-- <view class="unit">￥</view> -->
-						<view class="number">#95</view>
+					<view class="oil active-oil"
+					style="flex-direction: column;">
+						<view class="number">{{ configList.title.keyCentent }}</view>
+						<view class="unit">{{ configList.price.keyCentent }}</view>
 					</view>
 				</view>
 			</view>
@@ -42,8 +43,21 @@
 
 		<PrivacyAgreementPoup ref="showPrivacy"></PrivacyAgreementPoup>
 
-		<uni-fab ref="fab" :content="content" :horizontal="horizontal" :vertical="vertical" :direction="direction"
-			@trigger="clickMenu" />
+		<!-- <uni-fab 
+		ref="fab" 
+		:content="content" 
+		:horizontal="horizontal" 
+		:vertical="vertical" 
+		:direction="direction"
+		@trigger="clickMenu" /> -->
+		
+		<view class="phone"
+		@click="clickService(configList.phone.keyCentent)">
+			<uv-icon 
+			size="45rpx"
+			color="#fff"
+			name="phone"></uv-icon>
+		</view>
 
 	</view>
 </template>
@@ -179,17 +193,59 @@
 				this.$api('getRechargePage', res => {
 					this.rechargeList = res.result.records
 				})
-			}
+			},
+			
+			//拨打电话
+			clickService(phoneNumber) {
+				uni.makePhoneCall({
+					phoneNumber,
+					success: () => {},
+					fail: () => {}
+				});
+			},
 		}
 	}
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 	.payment {
 		height: 100vh;
 		background: #F1F5F8;
 		width: 750rpx;
 		margin: 0 auto;
+		.container{
+			.oil-item{
+				.active-oil{
+					
+				}
+				.oil{
+					align-items: flex-start;
+					padding-left: 30rpx;
+					padding-right: 30rpx;
+					.number{
+						font-size: 26rpx;
+					}
+					.unit{
+						font-size: 30rpx;
+						margin-top: 10rpx;
+					}
+				}
+			}
+		}
+	}
+	
+	.phone{
+		position: fixed;
+		right: 100rpx;
+		bottom: 10%;
+		background-color: #00aaff;
+		width: 100rpx;
+		height: 100rpx;
+		border-radius: 50rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		box-shadow: 0 0 10rpx 10rpx #00aaff55;
 	}
 
 	.container {

pages/weddingCelebration/weddingCelebration.vue

@@ -5,38 +5,41 @@
 			<uni-card :is-shadow="false">
 				<view class="weixin-top">
 					<view class="title">微信号:</view>
-					<view @click="copy(wx.keyCentent)" class="copy icon">
+					<view @click="copy(configList.wx.keyCentent)" class="copy icon">
 						<image src="@/static/weddingCelebration/copy.png" mode="widthFix"></image>
 					</view>
 				</view>
-				<view class="number">{{ wx.keyCentent }}</view>
+				<view class="number">{{ configList.wx.keyCentent }}</view>
 			</uni-card>
 			
 			<uni-card :is-shadow="false">
 				<view class="weixin-top">
 					<view class="title">手机号:</view>
-					<view @click="clickService(phone.keyCentent)" class="copy icon">
+					<view @click="clickService(configList.phone.keyCentent)" class="copy icon">
 						<image src="@/static/weddingCelebration/phone.png" mode="widthFix"></image>
 					</view>
 				</view>
-				<view class="number">{{ phone.keyCentent }}</view>
+				<view class="number">{{ configList.phone.keyCentent }}</view>
 			</uni-card>
 		</uni-section>
 	</view>
 </template>
 
 <script>
+	import { mapState } from 'vuex'
 	export default {
 		name : 'weddingCelebration',
 		data(){
 			return {
 				wx : {},
 				phone : {},
-				classifyKey : [ 'wx' , 'phone' ]
 			}
 		},
+		computed : {
+			...mapState(['configList']),
+		},
 		onShow(){
-			this.getData()
+			// this.getData()
 		},
 		methods : {
 			back(){

store/store.js

@@ -19,7 +19,7 @@ const store = new Vuex.Store({
 	mutations: {
 		// 初始化配置
 		initConfig(state) {
-			let config = ['preferential', 'wx']
+			let config = ['preferential', 'wx', 'phone', 'price', 'title']
 			config.forEach(k => {
 				api('getConfig', {
 					keyValue : k