4.22医生

user/pages/yishi/orderdetail/index.js

@@ -4,6 +4,14 @@ const api = new API()
 const app = getApp()
 Page({
   data: {
+      active:1,
+      tabList:[{
+        id:1,
+        name:'问诊订单'
+      },{
+        id:2,
+        name:'服务包订单'
+      }],
     navbarData: {
       showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
       title: '收益明细 ', //导航栏 中间的标题
@@ -42,6 +50,12 @@ Page({
   onShow(){
     this.getDoctorAccountInfo();
   },
+  switchTab(e){
+   let {id}=e.currentTarget.dataset;
+   this.setData({
+       active:id,
+   })
+  },
   getDoctorAccountInfo(){
     let list = this.data.list
     let params = {};

user/pages/yishi/orderdetail/index.wxml

@@ -1,6 +1,10 @@
 <!-- 收益明细 -->
 <te-nav-bar navbar-data='{{navbarData}}' ></te-nav-bar>
 <view class="container">
+ <view class="tabbox">
+  <view class="tab {{active==item.id?'active':''}}" wx:for="{{tabList}}" wx:key="id" bind:tap="switchTab" data-id="{{item.id}}">{{item.name}}</view>
+
+ </view>
   <view class="order_list">
     <view class="order_item" wx:for="{{list}}">
       <view class="order_item_content">

user/pages/yishi/orderdetail/index.wxss

@@ -79,3 +79,29 @@ page{
   align-items: center;
   font-size: 30rpx;
 }
+.tabbox{
+    display: flex;
+    height: 100rpx;
+    background-color: #fff;
+    border-bottom: 1rpx solid #E5E5E5;
+}
+.tabbox .tab:first-child::after{
+    right:0;
+    top:26rpx;
+    width:rpx;
+    content:'|';
+    position:absolute;
+    color:#E5E5E5;
+   
+   font-size: 32rpx;
+}
+.tabbox .tab{
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  flex:1;
+}
+.tabbox .tab.active{
+    color: #3CC7C0;
+}