初始化

pages/expert/index.js

@@ -0,0 +1,9 @@
+Page({
+	onShow() {
+		this.getTabBar((tabBar) => {
+			tabBar.setData({
+				selected: '专家服务',
+			})
+		})
+	}
+})

pages/expert/index.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationStyle": "custom"
+}

pages/expert/index.scss

@@ -0,0 +1,57 @@
+page {
+	background-color: rgba(247, 249, 252, 1);
+}
+
+.head {
+	height: 400rpx;
+	background: linear-gradient(rgba(0, 86, 90, 1), rgba(0, 123, 127, 1));
+	color: white;
+
+	.icon {
+		width: 120rpx;
+		aspect-ratio: 1;
+		background-color: rgba(255, 255, 255, 0.2);
+		border-radius: 30rpx;
+		font-size: 50rpx;
+	}
+
+	.t-1 {
+		font-weight: 700;
+		font-size: 45rpx;
+		margin-top: 20rpx;
+	}
+
+	.t-2 {
+		font-size: 24rpx;
+	}
+}
+
+.padding {
+	padding: 30rpx;
+
+	.c-1 {
+		background: linear-gradient(rgba(0, 33, 33, 1), rgba(0, 106, 106, 1));
+		padding: 60rpx 30rpx 50rpx;
+		color: white;
+		border-radius: 30rpx;
+		margin-bottom: 30rpx;
+
+		.num {
+			font-size: 60rpx;
+			font-weight: 700;
+		}
+
+		.tip {
+			margin-top: 40rpx;
+			font-size: 26rpx;
+			color: rgba(255, 255, 255, 0.8);
+		}
+	}
+	.btn{
+		padding: 50rpx 0;
+		background-color: rgba(29, 120, 116, 1);
+	}
+	.c-2{
+		
+	}
+}

pages/expert/index.wxml

@@ -0,0 +1,34 @@
+<view class="head flex-column-center">
+	<view class="icon flex-center">
+		<t-icon name="call-1" />
+	</view>
+	<view class="t-1">专家服务</view>
+	<view class="t-2">专业医护团队为您守护</view>
+</view>
+
+<view class="padding">
+	<view class="c-1">
+		<view class="flex-between">
+			<view class="flex-align"
+				  style="gap: 20rpx;">
+				<t-icon name="check-circle" />
+				可咨询次数
+			</view>
+			<view class="num">3</view>
+		</view>
+		<view class="tip">本月剩余 3 次免费咨询机会</view>
+	</view>
+
+	<t-button block
+			  theme="primary"
+			  class="btn"
+			  icon="call-1">
+		一键拨打专家电话
+	</t-button>
+
+	<view class="c-2 flex-align">
+		<view class="icon">
+			<t-icon name="time" />
+		</view>
+	</view>
+</view>