样式修改

common/styles/global/pages.scss

@@ -220,7 +220,7 @@
 			.kc-totalTm{margin-left: 0;}
 			.kc-fenlei{width: 360rpx;margin-left: 0;@include single-line-ellipsis();}
 			.kc-name{width: 360rpx;@include single-line-ellipsis();}
-			img{width: 300rpx;max-height: 260rpx;margin-right: 32rpx;}
+			img{width: 300rpx;height: 210rpx;margin-right: 32rpx;border-radius: 8rpx;}
 		}
 	}
 	
@@ -605,6 +605,8 @@
 			.head-status{font-size: 26rpx;color: #39c194;}
 			.status-line{margin: 0 8rpx;}
 			.bz-tel-btn{font-size: 24rpx;width: 100rpx;padding: 0 10rpx;flex-shrink: 0;
+			line-height: 50rpx;border-radius: 8rpx;margin: 0;margin-left: 24rpx;}
+			.bz-bind-btn{font-size: 24rpx;width: 120rpx;padding: 0 10rpx;flex-shrink: 0;
 			line-height: 50rpx;border-radius: 8rpx;margin: 0;margin-left: auto;}
 			.fx-btn-box{margin-left: 24rpx;}
 		}
@@ -983,4 +985,15 @@
 		border: 1rpx solid #ccc;border-radius: 12rpx;box-sizing: border-box;
 		icon{background-image: url("@/static/images/common/down-hb-icon.svg");}
 	}
+}
+
+/*** 课程绑定 ***/
+.kc-bind-page{
+	.kc-bind-scroll-view{height: calc(100vh - 256rpx - var(--status-bar-height));overflow-y: auto;}
+	.admin-list-box{
+		.kecheng-list-card{
+			.item-card-row {display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;padding: 12rpx 0;}
+			.item-view-btn {margin: 0;}
+		}
+	}
 }

pages/admin/Jiazheng/index.vue

@@ -46,10 +46,10 @@
 						<template v-slot:body>
 							<view class="card-head-row">
 								<view class="head-name">{{item.realName}}</view>
-								<button type="default" class="phone-green-btn bz-tel-btn"
-									@click.stop="telephone(item)">打电话</button>
-								<button type="default" class="phone-green-btn bz-tel-btn"
+								<button type="default" class="phone-green-btn bz-bind-btn"
 									@click.stop="kechengBind(item)">课程绑定</button>
+									<button type="default" class="phone-green-btn bz-tel-btn"
+										@click.stop="telephone(item)">打电话</button>
 								<share :id="item.id" ref="shareRef">分享</share>
 
 							</view>

pages/admin/Jiazheng/kechengBind.vue

@@ -1,59 +1,59 @@
 <template>
-	<view class="admin-jiazheng-list">
-		<view class="icon-title-navBar-box">
+	<view class="phone-list-page kc-bind-page">
+		<view class="phone-navBar-box">
 			<view @click="goUpPage" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">家政人员</text>
+			<uni-icons class="nav-bar-right-icon bar-ml10" type="search" size="20"></uni-icons>
 		</view>
 		<v-tabs v-model="current" :tabs="tabs" :scroll="false" @change="changeTab" field="name"
 			class="admin-tab-box"></v-tabs>
-			
-		<uni-list v-if="current ==0" class="jz-scroll-view">
+		<view class="jiazheng-search-box">
 			<view @click.stop="clickAlltype" class="select-item-box">
 				<text>{{leixing}}</text>
 				<icon class="select-jt-default" />
 			</view>
-			<uni-list-item v-for="item in list" class="jz-list-item-box">
-				<template v-slot:body>
-					<view class="card-head-row">
-						<button type="default" class="phone-green-btn bz-tel-btn" @click.stop="toAdd(item)">添加</button>
-					</view>
-					<view @click="lookUserInfo(item)" class="card-body-row">
-						<view class="card-img-box">
-							<img :src="item.pic" v-if="item.pic">
-							<icon class="phone-default-userImg" v-else></icon>
-						</view>
-						<view class="body-content-row">
-							<view class="content-text-row">
-								<view> {{item.name}}</view>
+		</view>	
+		<view class="kc-bind-scroll-view scroll-top-border">
+			<uni-list v-if="current ==0" class="admin-list-box">
+				<uni-list-item v-for="item in list" class="admin-list-item-box">
+					<template v-slot:body>
+						<view @click="lookUserInfo(item)" class="kecheng-list-card">
+							<img :src="item.pic">
+							<view class="item-card-row">
+								<view class="ks-item-top">
+									<view class="kc-name">{{item.name}}</view>
+								</view>
+								<view class="ks-totalTm kc-fenlei">
+									<icon class="phone-fenlei-icon" />分类：{{item.kcClassifyName}}
+								</view>
+								<button class="item-view-btn" type="primary" size="mini" @click.stop="toAdd(item)">添加</button>
 							</view>
-
 						</view>
-					</view>
-				</template>
-			</uni-list-item>
-		</uni-list>
-		<uni-list v-if="current ==1" class="jz-scroll-view">
-			<uni-list-item v-for="item in listYx" class="jz-list-item-box">
-				<template v-slot:body>
-					<view class="card-head-row">
-						<button type="default" class="phone-green-btn bz-tel-btn"
-							@click.stop="toDelete(item)">删除</button>
-					</view>
-					<view @click="lookUserInfo(item)" class="card-body-row">
-						<view class="card-img-box">
+					</template>
+				</uni-list-item>
+			</uni-list>
+		</view>
+		<view class="kc-bind-scroll-view scroll-top-border">
+			<uni-list v-if="current ==1" class="admin-list-box">
+				<uni-list-item v-for="item in listYx" class="admin-list-item-box">
+					<template v-slot:body>
+						<view @click="lookUserInfo(item)" class="kecheng-list-card">
 							<img :src="item.pic" v-if="item.pic">
-							<icon class="phone-default-userImg" v-else></icon>
-						</view>
-						<view class="body-content-row">
-							<view class="content-text-row">
-								<view> {{item.name}}</view>
+							<view class="item-card-row">
+								<view class="ks-item-top">
+									<view class="kc-name">{{item.name}}</view>
+								</view>
+								<view class="ks-totalTm kc-fenlei">
+									<icon class="phone-fenlei-icon" />分类：{{item.kcClassifyName}}
+								</view>
+								<button type="primary" size="mini" class="item-view-btn"
+									@click.stop="toDelete(item)">删除</button>
 							</view>
-
 						</view>
-					</view>
-				</template>
-			</uni-list-item>
-		</uni-list>
+					</template>
+				</uni-list-item>
+			</uni-list>
+		</view>
 		<common-dialog ref="commonDialogRef" :title="deleteTitle" :content="deleteConcent"
 			@confirm-btn="deleteQuerenBtn"></common-dialog>
 				<kechengLeixingVue ref="kclxRef" @select="handleSelectLeixing" @reset="handleResetLeixing"></kechengLeixingVue>