疯币改天医疗币

引导页文字修改
配置文件请求地址修改
订单列表页面样式修改

pages/bookShop/orderList.vue

@@ -5,17 +5,20 @@
 		<!-- <z-nav-bar title="我的订单"></z-nav-bar> -->
 		<z-nav-bar backState="2000" title="我的订单"></z-nav-bar>
 
-		<view class="orderTabs">
+		<view class="orderTabs flexbox">
 			<view v-for="(item,index) in orderTabs" @click="orderTabCLi(item.value)"
 				:class="orderListTab==item.value?'ordStyle':''">{{item.name}}</view>
 		</view>
 
 		<view class="orderList">
 			<view class="orderItem" v-for="(ifex,inten) in orderList">
-				<view class="orderState" v-if="ifex.orderStatus==0">待支付</view>
-				<view class="orderState" v-if="ifex.orderStatus==1">待发货</view>
-				<view class="orderState" v-if="ifex.orderStatus==2">待收货</view>
-				<view class="orderState" v-if="ifex.orderStatus==3">已完成</view>
+				<text class="orderState orderState0"  v-if="ifex.orderStatus==0">待支付</text>
+				<text class="orderState orderState1" v-if="ifex.orderStatus==1">待发货</text>
+				<text class="orderState orderState2" v-if="ifex.orderStatus==2">待收货</text>
+				<text class="orderState orderState3" v-if="ifex.orderStatus==3">已完成</text>
+				<view class="flexbox orderSn">
+					<text class="">订单编号: {{ifex.orderSn}}</text>
+				</view>				
 				<view class="orderContent" :key="index" v-if="ifex.orderType=='order'"
 					v-for="(item,index) in ifex.products" @click="goOrdiCont(ifex)">
 					<image :src="item.image" mode=""></image>
@@ -36,7 +39,7 @@
 					<image src="../../static/icon/oder_chong.png" mode="" style="height: 150rpx;"></image>
 					<view class="itemJian">
 						<view class="orderTitle">
-							<text>花生币充值</text>
+							<text>天医币充值</text>
 						</view>
 						<view class="orderPrice">
 							￥<text style="font-weight: bold;">{{ifex.realMoney}}</text>
@@ -59,8 +62,8 @@
 					<br clear="both">
 				</view>				
 				<view class="orderReal">
-					<span style="color: #666; float: left; font-size: 12px;">下单时间：{{ifex.createTime}}</span>
-					<span style="color: #666;margin-right: 10rpx;">实付款 : </span>
+					<span style="color: #999; float: left; font-size: 12px;">下单时间：{{ifex.createTime}}</span>
+					<span style="color: #999;margin-right: 10rpx;">实付款 : </span>
 					<span>￥</span>{{ifex.realMoney}}
 				</view>
 				<view class="orderOper" v-if="ifex.orderStatus==0">
@@ -174,7 +177,7 @@ import {
 			},
 
 			// 订单详情
-			goOrdiCont(e) {
+			goOrdiCont(e) {				
 				uni.navigateTo({
 					url: './orderLCont?orderId=' + e.orderId + '&orderType=' + e.orderStatus + '&orderSn=' + e.orderSn
 				});
@@ -507,27 +510,34 @@ import {
 
 <style lang="scss" scoped>
 	@import '@/style/mixin.scss';
-
+	.flexbox{display: flex;}
 	.orderTabs {
-		margin: 70rpx 0 0 0;
+		
+		margin: 100rpx 0 0 0;
 		width: 100%;
+		
 		padding: 0 3% 3% 3%;
 		position: fixed;
 		top: 80rpx;
-		background-color: #f7faf9;
+		
+		background-color: #fff;
 		z-index: 100;
 
 		view {
+			border-radius: 20rpx; 
+			border:1px solid #d0d0d0 ;
 			display: inline-block;
-			padding: 0 0 20rpx 0;
-			margin: 40rpx 0 15rpx 0;
+			padding: 20rpx 0;
+			margin: 0 6rpx;
+			// margin: 40rpx 0 15rpx 0;
 			width: 20%;
 			text-align: center;
 			font-size: 30rpx;
 		}
 
 		.ordStyle {
-			border-bottom: 5rpx solid #54a966;
+			background: #f0f9eb;
+			border: 2rpx solid #54a966;
 			color: #54a966;
 			font-weight: bold;
 		}
@@ -538,26 +548,30 @@ import {
 		margin-top: 130rpx;
 
 		.orderItem {
+			position: relative;
 			padding: 30rpx 10rpx 30rpx 30rpx;
 			background-color: #fff;
 			border-radius: 30rpx;
 			margin-bottom: 30rpx;
-
-			.orderState {
-				
-				text-align: right;
-				font-size: 30rpx;
-				margin: 0 20rpx 30rpx 0;
-				font-weight: bold;				
-				color: #d70808;
+			.orderSn{font-size: 26rpx; color: #999; padding-bottom: 20rpx; border-bottom: 1px solid #eee; color: #666; margin-top: 60rpx; margin-bottom: 30rpx;}
+			.orderState { color: #fff;
+			    
+				position: absolute; left: 0; top: 20rpx;
+				padding:10rpx; border-radius: 0 24rpx 24rpx 0;
+				font-size: 26rpx; 				
+				// font-weight: bold;				
+				color: #fff;
 			}
-
+			.orderState0{background-color: #e6a23c;}
+			.orderState1{background-color: #409eff;}
+			.orderState2{background-color: #f56c6c;}
+			.orderState3{background-color: #67c23a;}
 			.orderContent {
 				margin-bottom: 20rpx;
 
 				image {
-					width: 150rpx;
-					height: 180rpx;
+					width: 130rpx;
+					height: 140rpx;
 					margin-right: 20rpx;
 					float: left;
 				}
@@ -567,8 +581,8 @@ import {
 					width: 470rpx;
 
 					.orderTitle {
-						font-weight: bold;
-						font-size: 30rpx;
+						// font-weight: bold;
+						font-size: 28rpx;
 						margin: 0 0 20rpx 0;
 						float: left;
 						width: 410rpx;