11

components/ubottom.vue

@@ -0,0 +1,80 @@
+<template>
+	<view class="contact">
+		<view class="contact-title">
+			<text class="text"></text>
+			<text class="zy">众赢集团</text>
+			<text class="text"></text>
+		</view>
+		<view class="contact-content">
+			<view class="img">
+				<image src="../static/img/phone.png" mode=""></image>
+			</view>
+			<view class="phone">
+				专线电话：18252757278
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"u-bottom",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.contact {
+			
+			width: 100%;
+			height: 100rpx;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			.contact-title {
+				display: flex;
+				align-items: center;
+				.text {
+					margin: 0 20rpx;
+					width: 270rpx;
+					height: 2rpx;
+					background: #E5E5E5;
+				}
+				.zy{
+					font-size: 30rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #999999;
+					line-height: 42rpx;
+				}
+			}
+
+			.contact-content {
+				display: flex;
+				align-items: center;
+				
+				.img {
+					margin: 0 5rpx;
+					width: 28rpx;
+					height: 28rpx;
+					image {
+						width: 100%;
+						height: 100%;
+					}
+				}
+
+				.phone {
+					font-size: 26rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #999999;
+					line-height: 42rpx;
+				}
+			}
+		}
+</style>

pages.json

@@ -450,7 +450,7 @@
             "path" : "pages/category/zjList",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                "navigationBarTitleText": "专家专项",
                 "enablePullDownRefresh": false
             }
             
@@ -469,14 +469,14 @@
 		"backgroundColor": "#ffffff",
 		"list": [{
 				"pagePath": "pages/index/index",
-				"iconPath": "static/tabBar/tab-home.png",
-				"selectedIconPath": "static/tabBar/tab-home-current.png",
+				"iconPath": "static/tabBar/tabbar02.png",
+				"selectedIconPath": "static/tabBar/tabbar03.png",
 				"text": "首页"
 			},
 			{
 				"pagePath": "pages/category/category",
-				"iconPath": "static/tabBar/tab-cate.png",
-				"selectedIconPath": "static/tabBar/tab-cate-current.png",
+				"iconPath": "static/tabBar/tabbar04.png",
+				"selectedIconPath": "static/tabBar/tabbar05.png",
 				"text": "分类"
 			},
 			// {
@@ -487,14 +487,14 @@
 			// },
 			{
 				"pagePath": "pages/cart/cart",
-				"iconPath": "static/tabBar/tab-cart.png",
-				"selectedIconPath": "static/tabBar/tab-cart-current.png",
+				"iconPath": "static/tabBar/tabbar08.png",
+				"selectedIconPath": "./static/tabBar/tabbar01.png",
 				"text": "购物车"
 			},
 			{
 				"pagePath": "pages/user/user",
-				"iconPath": "static/tabBar/tab-my.png",
-				"selectedIconPath": "static/tabBar/tab-my-current.png",
+				"iconPath": "static/tabBar/tabbar06.png",
+				"selectedIconPath": "static/tabBar/tabbar07.png",
 				"text": "我的"
 			}
 		]

pages/category/zjList.vue

@@ -1,14 +1,14 @@
 <template>
 	<view class="content">
-		<view class="box">
+		<view class="box" v-for="(item,index) in list">
 			<view class="img">
-				<image src="../../static/error/missing-face.png" mode=""></image>
+				<image :src=item.img mode=""></image>
 			</view>
 			<view class="title-box">
 				<view class="title-top">
 					<view class="title-left">
-						<text>古太医</text>
-						<text>精通药理学病理中医神经学</text>
+						<text>{{item.name}}</text>
+						<text>{{item.job}}</text>
 					</view>
 					<view class="zj">
 						专家
@@ -16,35 +16,42 @@
 				</view>
 				<view class="title-bottom">
 					<view class="img1">
-						<image src="../../static/error/emptyCart.png" mode=""></image>
+						<image src="../../static/img/address.png" mode=""></image>
 					</view>
-					<text>台州市椒江区市府大道120号</text>
-				</view>
-			</view>
-		</view>
-		<view class="contact">
-			<view class="contact-title">
-				<text></text>
-				<text>众赢集团</text>
-				<text></text>
-			</view>
-			<view class="contact-content">
-				<view class="img">
-					<image src="../../static/icon/appleIcon.png" mode=""></image>
-				</view>
-				<view class="phone">
-					专线电话：18252757278
+					<text>{{item.address}}</text>
 				</view>
 			</view>
 		</view>
+		<ubottom class="ubottom"></ubottom>
 	</view>
 </template>
 
 <script>
+	import  ubottom  from '@/components/ubottom.vue'
 	export default {
+		components:{
+			ubottom
+		},
 		data() {
 			return {
-
+				list:[
+					{
+						img:'../../static/error/missing-face.png',
+						name:'古太医',
+						job:'精通药理学病理中医神经学',
+						address:'台州市椒江区市府大道',
+						
+						
+					},
+					{
+						img:'../../static/error/missing-face.png',
+						name:'古太医',
+						job:'精通药理学病理中医神经学',
+						address:'台州市椒江区市府大道',
+						
+						
+					}
+				]
 			};
 		}
 	}
@@ -57,9 +64,13 @@
 		margin: 0;
 		padding: 0;
 	}
+	// .content{
+	// 	width: 100%;
+	// 	height: 100%;
+	// }
 
 	.box {
-		margin: 0 20rpx ;
+		margin: 20rpx 20rpx ;
 		display: flex;
 		width: 710rpx;
 		height: 210rpx;
@@ -140,43 +151,12 @@
 				}
 			}
 		}
-
-		.contact {
-			.contact-title {
-				text:nth-child(1) {
-					width: 270px;
-					height: 2px;
-					background: #E5E5E5;
-				}
-
-				text:nth-child(2) {
-					font-size: 30rpx;
-					font-family: PingFang SC;
-					font-weight: 500;
-					color: #999999;
-					line-height: 42rpx;
-				}
-
-				text:nth-child(3) {
-					width: 270px;
-					height: 2px;
-					background: #E5E5E5;
-				}
-			}
-
-			.contact-content {
-				.img {
-					width: 28rpx;
-					height: 25rpx;
-					image {
-						width: 100%;
-						height: 100%;
-					}
-				}
-
-				.phone {}
-			}
+		.ubottom{
+			position: fixed;
+			bottom: 0;
+			
 		}
+	
 
 	}
 </style>

pages/user/user.vue

@@ -2,7 +2,7 @@
 	<view class="container">
 		<scroll-view class="content-box" scroll-y="true">
 			<view class="user-section">
-				<view class="bg"><image src="/static/img/user-bg.png" mode=""></image></view>
+				<view class="bg"><image src="/static/img/userBg.png" mode=""></image></view>
 				<view class="user-info-box ">
 					<view class="detail flex">
 						<view class="portrait-box" @click="navTo('/pages/set/userinfo')">
@@ -90,7 +90,7 @@
 					<uni-list>
 						<uni-list-item title="我的收藏" @click="navTo('/pages/user/favorites')" thumb="/static/user/shoucang.png"></uni-list-item>
 						<uni-list-item title="收货地址" @click="navTo('/pages/set/address')" thumb="/static/user/dizhi.png"></uni-list-item>
-						<!-- <uni-list-item title="联系客服" @click="showPopup" thumb="/static/user/kefu.png"></uni-list-item> -->
+						<uni-list-item title="联系客服" @click="showPopup" thumb="/static/user/kefu.png"></uni-list-item>
 					</uni-list>
 				</view>
 			</view>