个人中心

pages.json

@@ -1,5 +1,14 @@
 {
 	"pages": [
+        {
+            "path" : "pages/usercenter/usercenter",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        },
 		{
 			"path": "pages/index/index",
 			"style": {

pages/usercenter/usercenter.vue

@@ -0,0 +1,109 @@
+<template>
+	<view class="page-usercenter">
+		<img :src="cssUrl+'user_grey.svg'" class="avator">
+		<view class="ucode PfScMedium over2">UID998777</view>
+		<view class="menu">
+			<view class="item">
+				<img :src="cssUrl+'user_icon.svg'" alt="">
+				<view>就诊人</view>
+			</view>
+			
+			<view class="item">
+				<img :src="cssUrl+'message.svg'" alt="">
+				<view>预约列表</view>
+			</view>
+		</view>
+
+		<tabbar current="2"></tabbar>
+	</view>
+</template>
+
+<script>
+	import tabbar from '@/components/tabbar.vue';
+	export default {
+		data() {
+			return {
+				cssUrl:this.cssUrl
+			}
+		},
+		components:{
+			tabbar:tabbar
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page-usercenter{
+		width: 100%;
+		height: 100vh;
+		background: #F8F8F8;
+		.avator{
+			display: block;
+			width: 160rpx;
+			height: 160rpx;
+			border-radius: 100%;
+			margin: 17rpx auto 24rpx;
+		}
+		.ucode{
+			width: 80%;
+			text-align: center;
+			margin: 0 auto;
+			min-height: 56rpx;
+			line-height: 56rpx;
+			font-size: 40rpx;
+			color: #000000;
+			letter-spacing: 1rpx;
+			word-break: break-all;
+		}
+		.menu{
+			width: 714rpx;
+			margin: 35rpx auto 0;
+			height: 206rpx;
+			background: #FFFFFF;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(0,0,0,0.03);
+			border-radius: 0rpx 0rpx 8rpx 8rpx;
+			padding: 0 130rpx;
+			box-sizing: border-box;
+			.item{
+				width: 116rpx;
+				img{
+					width: 70rpx;
+					height: 70rpx;
+					margin: 0 auto;
+					display: block;
+					margin-bottom: 30rpx;
+				}
+				view{
+					width: 100%;
+					text-align: center;
+					height: 40rpx;
+					line-height: 40rpx;
+					font-size: 28rpx;
+					color: #666666;
+				}
+			}
+		}
+		
+		// <view class="avator">
+		// 	<img :src="cssUrl+'default_avator.svg'" alt="">
+		// </view>
+		// <view class="ucode">UID998777</view>
+		// <view class="menu">
+		// 	<view class="item">
+		// 		<img :src="cssUrl+'default_avator.svg'" alt="">
+		// 		就诊人
+		// 	</view>
+			
+		// 	<view class="item">
+		// 		<img :src="cssUrl+'default_avator.svg'" alt="">
+		// 		预约列表
+		// 	</view>
+		// </view>
+	}
+</style>

pages/visitors/visitors.vue

@@ -76,7 +76,7 @@
 		data() {
 			return {
 				cssUrl:this.cssUrl,
-				type:2,
+				type:1,
 				res:true,
 				popContent:'删除张杨明后，就诊记录还可以查到，确定删除吗？',
 				popTitle:'确认删除',

static/images/frontend/message.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" width="70px" height="70px" viewBox="0 0 70.0 70.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="i0"><path d="M750,0 L750,1624 L0,1624 L0,0 L750,0 Z"></path></clipPath></defs><g transform="translate(-509.0 -513.0)"><g clip-path="url(#i0)"><g transform="translate(486.0 513.0)"><g transform="translate(23.0 0.0)"><g transform="translate(6.363636363636363 6.363636363636363)"><path d="M57.2727273,28.6363636 C57.2727273,44.4517977 44.4518105,57.2727273 28.6363923,57.2727273 C20.0834349,57.2727273 0,57.2727273 0,57.2727273 C0,57.2727273 0,35.8988318 0,28.6363636 C0,12.8209295 12.820974,0 28.6363923,0 C44.4518105,0 57.2727273,12.8209295 57.2727273,28.6363636 Z" stroke="#363636" stroke-width="4.6" fill="none" stroke-linecap="round" stroke-linejoin="round"></path><g transform="translate(14.31808159100931 19.32954545454545)"><path d="M0,0.715909091 L25.7727015,0.715909091" stroke="#363636" stroke-width="4.6" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></g><g transform="translate(14.31808159100931 30.78409090909091)"><path d="M0,0.715909091 L25.7727015,0.715909091" stroke="#68D475" stroke-width="4.6" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></g><g transform="translate(14.31808159100931 42.23863636363637)"><path d="M0,0.715909091 L14.3181675,0.715909091" stroke="#68D475" stroke-width="4.6" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></g></g></g></g></g></g></svg>

static/images/frontend/user_grey.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" width="160px" height="160px" viewBox="0 0 160.0 160.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="i0"><path d="M750,0 L750,1624 L0,1624 L0,0 L750,0 Z"></path></clipPath><clipPath id="i1"><path d="M80,0 C124.18278,0 160,35.81722 160,80 C160,124.18278 124.18278,160 80,160 C35.81722,160 0,124.18278 0,80 C0,35.81722 35.81722,0 80,0 Z"></path></clipPath><clipPath id="i2"><path d="M160,0 L160,160 L0,160 L0,0 L160,0 Z"></path></clipPath><clipPath id="i3"><path d="M45.2413988,45.6763779 C60.8990456,45.6763779 73.6363636,58.0109444 73.6363636,73.169224 L73.6363636,74.8011307 C73.6363636,82.3341361 61.7513682,82.7077732 47.4919786,82.7263055 L26.5056556,82.7267655 C11.5488211,82.7145909 0,82.4102271 0,74.8011307 L0,73.169224 C0,58.0075257 12.7351135,45.6763779 28.3924212,45.6763779 L45.2413988,45.6763779 Z M35.9747112,0 C48.3734539,0 58.4615236,9.77317918 58.4615236,21.7891358 C58.4622021,33.8057595 48.3733691,43.5781883 35.9746265,43.5781883 C23.5759685,43.5781883 13.4879835,33.8022573 13.4879835,21.7891358 C13.4879835,9.776598 23.5760534,0 35.9747112,0 Z"></path></clipPath><clipPath id="i4"><path d="M73.6363636,0 L73.6363636,82.7272727 L0,82.7272727 L0,0 L73.6363636,0 Z"></path></clipPath></defs><g transform="translate(-295.0 -202.0)"><g clip-path="url(#i0)"><g transform="translate(295.0 202.0)"><g clip-path="url(#i1)"><g clip-path="url(#i2)"><polygon points="0,0 160,0 160,160 0,160 0,0" stroke="none" fill="#ECEAEA"></polygon></g></g><g transform="translate(43.63636363636396 39.090909090909)"><g clip-path="url(#i3)"><g clip-path="url(#i4)"><polygon points="0,0 73.6363636,0 73.6363636,82.7267655 0,82.7267655 0,0" stroke="none" fill="#D7D7D7"></polygon></g></g></g></g></g></g></svg>

static/images/frontend/user_icon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" width="70px" height="70px" viewBox="0 0 70.0 70.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="i0"><path d="M750,0 L750,1624 L0,1624 L0,0 L750,0 Z"></path></clipPath></defs><g transform="translate(-158.0 -513.0)"><g clip-path="url(#i0)"><g transform="translate(149.0 513.0)"><g transform="translate(9.0 0.0)"><g transform="translate(7.0 7.0)"><g transform="translate(19.675675675675677 0.0)"><path d="M10.5945946,21 C16.4458276,21 21.1891892,16.2989899 21.1891892,10.5 C21.1891892,4.70101013 16.4458276,0 10.5945946,0 C4.74336157,0 0,4.70101013 0,10.5 C0,16.2989899 4.74336157,21 10.5945946,21 Z" stroke="#333333" stroke-width="4.6" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></g><g transform="translate(0.0 31.5)"><path d="M0,24 C0,10.7451 12.1972541,0 27.2432432,0" stroke="#333333" stroke-width="4.6" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></g><g transform="translate(34.81081081081081 36.0)"><polygon points="6.05405405,21 21.1891892,6 15.1351351,0 0,15 0,21 6.05405405,21 6.05405405,21" stroke="#68D475" stroke-width="4.6" fill="none" stroke-linecap="round" stroke-linejoin="round"></polygon></g></g></g></g></g></g></svg>