feat:『我的』页面UI

components/mineBar.vue

@@ -0,0 +1,64 @@
+<template>
+	<view class="item-wrapper">
+		<view class="left">
+			<img class="icon" :src="cssUrl+iconName" />
+			<view class="ft28 title">{{title}}</view>
+		</view>
+		<img class="arrow-right" :src="cssUrl+'index_comback2.svg'" />
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"mineBar",
+		data() {
+			return {
+				cssUrl:this.cssUrl
+			}
+		},
+		props: {
+			title: {
+				type: String,
+				default: '患者预约'
+			},
+			iconName: {
+				type: String,
+				default: 'mine-bar-prebook.svg'
+			}
+		}
+	}
+</script>
+
+<style>
+.item-wrapper {
+	width: 100%;
+	box-sizing: border-box;
+	padding: 38rpx 0;
+	border-bottom: 2rpx solid #F1F1F1;
+	
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	
+	&:last-child {
+		border: none;
+	}
+	.left {
+		display: flex;
+		align-items: center;
+		.icon {
+			width: 44rpx;
+			height: 44rpx;
+		}
+		.title {
+			color: #242833;
+			line-height: 40rpx;
+			margin-left: 30rpx;
+		}
+	}
+	.arrow-right {
+		width: 20rpx;
+		height: 32rpx;
+	}
+}
+</style>

components/mineBox.vue

@@ -0,0 +1,45 @@
+<template>
+	<view class="option-wrapper">
+		<img class="icon" :src="cssUrl+iconName"/>
+		<view class="ft28 title">{{title}}</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"minebox",
+		props: {
+			title:{
+			  type: String,
+			  default: "医生信息"
+			},
+			iconName: {
+				type: String,
+				default:'mine-icon-schedule.svg'
+			}
+		},
+		data() {
+			return {
+				cssUrl:this.cssUrl,
+			}
+		},
+	}
+</script>
+
+<style>
+.option-wrapper {
+	
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	.icon {
+		width: 71rpx;
+		height: 70rpx;
+	}
+	.title {
+		color: #666666;
+		line-height: 40rpx;
+		margin-top: 24rpx;
+	}
+}
+</style>

components/tabbar.vue

@@ -5,7 +5,7 @@
 			<view class="tabbar_item tabbar_item01" @click="jumpto('/pages/index/index')"  style="">
 				<view :class="[current==1?'tabbarYes':'tabbarNone']">
 					<image :src="current==1?cssUrl+'tabbar_index_active.svg':cssUrl+'tabbar_index.svg'"></image>
-					<view :class="[current==1?'tabbarYes':'tabbarNone']">文章</view>
+					<view :class="[current==1?'tabbarYes':'tabbarNone']">{{leftButtonText}}</view>
 				</view>
 			</view>
 			<view class="tabbar_item tabbar_item05"  style="" v-if="is_admin" @click="addArticle">
@@ -30,6 +30,10 @@
 			is_admin:{
 				type: Boolean,
 				default: false
+			},
+			leftButtonText: {
+				type: String,
+				default: '文章'
 			}
 		},
 		data() {

launch.json

@@ -0,0 +1,6 @@
+{
+  "type": "uniapp-run",
+  "request": "launch",
+  "name": "Uniapp Run",
+  "platform": "mp-weixin"
+}

pages.json

@@ -46,6 +46,14 @@
                 "navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
+        },
+        {
+        	"path" : "pages/mine/mine",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "",
+        		"enablePullDownRefresh" : false
+        	}
         }
     ],
 	"globalStyle": {

pages/mine/mine.vue

@@ -0,0 +1,95 @@
+<template>
+	<view class="mine-page btPadding">
+		<view class="info-wrapper">
+			<img class="avatar" src="https://qny.xmz.yitongtang66.com/uploads/20240202/4c91b27887ee12a29beb015ef4dfe71f.jpg" alt="" @click="enlargePicture('https://qny.xmz.yitongtang66.com/uploads/20240202/4c91b27887ee12a29beb015ef4dfe71f.jpg')"/>
+			<view class="ft40 name">李静医生</view>
+		</view>
+		<view class="box-wrapper">
+			<box :title="'医生信息'" :icon-name="'mine-icon-doctor.svg'" />
+			<box :title="'医院管理'" :icon-name="'mine-icon-hospital.svg'" />
+			<box :title="'出诊安排'" :icon-name="'mine-icon-schedule.svg'"/>
+			<box :title="'诊疗设置'" :icon-name="'mine-icon-setting.svg'"/>
+		</view>
+		<view class="bar-wrapper">
+			<bar :title="'患者预约'" :icon-name="'mine-bar-prebook.svg'" />
+			<bar :title="'助手管理'" :icon-name="'mine-bar-assistant.svg'" />
+			<bar :title="'挂号管理'" :icon-name="'mine-bar-registration.svg'" />
+			<bar :title="'导出针灸记录'" :icon-name="'mine-bar-records.svg'" />
+			<bar :title="'邀请新医生'" :icon-name="'mine-bar-invite.svg'" />
+		</view>
+		<tabbar current="2" leftButtonText="就诊表"></tabbar>
+	</view>
+</template>
+
+<script>
+	import Box from '@/components/mineBox.vue';
+	import Bar from '@/components/mineBar.vue';
+	import tabbar from '@/components/tabbar.vue';
+	
+	export default {
+		data() {
+			return {
+				cssUrl:this.cssUrl
+			}
+		},
+		components:{
+			Box,
+			Bar,
+			tabbar
+		},
+		methods: {
+			enlargePicture(imgUrl) {
+				  var list = new Array();
+				  list[0] = imgUrl;
+				  uni.previewImage({
+					  loop: true,
+					  urls: list
+				  });
+			}
+		}
+	}
+</script>
+
+<style>
+.mine-page{
+	.info-wrapper {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		padding-top: 17rpx;
+		padding-bottom: 35rpx;
+		
+		.avatar {
+			width: 160rpx;
+			height: 160rpx;
+			background: #D8D8D8;
+			border-radius: 100%;
+		}
+		.name {
+			font-weight: 500;
+			color: #000000;
+			line-height: 56rpx;
+			margin-top: 8rpx;
+		}
+	}
+	.box-wrapper {
+		background-color: #FFFFFF;
+		border-radius: 0 0 8rpx 8rpx;
+		box-shadow: 0 2rpx 24rpx 0rpx rgba(0,0,0,0.03);
+		box-sizing: border-box;
+		margin: 0 18rpx;
+		padding: 36rpx 24rpx;
+		
+		display: flex;
+		justify-content: space-between;
+	}
+	.bar-wrapper {
+		background: #FFFFFF;
+		box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(0,0,0,0.03);
+		border-radius: 0rpx 0rpx 8rpx 8rpx;
+		margin: 20rpx 18rpx 133rpx;
+		padding: 38rpx 20rpx 51rpx 26rpx;
+	}
+}
+</style>