Ver código fonte

样式修改

tanxue 2 meses atrás
pai
commit
217a2c4373
2 arquivos alterados com 36 adições e 7 exclusões
  1. 33 4
      common/styles/global/pages.scss
  2. 3 3
      pages/admin/zizhanghao/list.vue

+ 33 - 4
common/styles/global/pages.scss

@@ -1046,18 +1046,47 @@
 
 /*** 子账号***/
 .phone-zzh-page{
+	/*  #ifdef  APP-PLUS  */
+	.zzh-saixuan-view{height: calc(100vh - 300rpx - var(--status-bar-height));}
+	/*  #endif  */
+	/*  #ifdef  H5  */
+	.zzh-saixuan-view{height: calc(100vh - 380rpx);}
+	/*  #endif  */
 	.zzh-new-btn-box{
 		padding: 20rpx 24rpx 20rpx;background-color: #f4f6fa;box-sizing: border-box;
 		.phone-green-btn{font-size: 28rpx;}
 	}
-	.zzh-list-item-box{border-bottom: 20rpx solid #f4f6fa;}
+	.zzh-list-item-box{border-bottom: 20rpx solid #f4f6fa;background-color: transparent!important;}
 	.zzh-item-card{width: 100%;padding: 16rpx 0;}
 	.zzh-name-row{
-		font-size: 32rpx;color: #000;margin-bottom: 24rpx;
-		.row-item{width: 100%;line-height: 1.6;}
+		font-size: 32rpx;color: #000;margin-bottom: 32rpx;border-bottom: 1rpx dashed #ccc;padding:0 12rpx 12rpx;
+		.row-item{width: 100%;line-height: 1.6;display: flex;align-items: center;margin-bottom: 20rpx;}
+		.user-icon,.tel-icon{width: 36rpx;height: 36rpx;@include ezy-no-repeat-cover();margin-right: 20rpx;}
+		.user-icon{background-image: url("@/static/images/common/user-green-icon.png");}
+		.tel-icon{background-image: url("@/static/images/common/tel-green-icon.png");}
 		}
 	.zzh-btn-row{
 		display: flex;justify-content: center;
-		.zzh-btn{width: 160rpx;font-size: 26rpx;margin: 0 24rpx 0 0;}
+		.zzh-btn{width: 180rpx;font-size: 26rpx;margin:0;line-height: 2;}
+		.zzh-btn + .zzh-btn{margin-left: 32rpx;}
+	}
+}
+
+/*** 已售课程***/
+.phone-yishou-page{
+	/*  #ifdef  APP-PLUS  */
+	.ys-kc-saixuan-view{height: calc(100vh - 302rpx - var(--status-bar-height));}
+	/*  #endif  */
+	/*  #ifdef  H5  */
+	.ys-kc-saixuan-view{height: calc(100vh - 382rpx);}
+	/*  #endif  */
+	.yishou-item-card-row{
+		display: flex;display: flex;flex-direction: column;justify-content: space-between;
+		box-sizing: border-box;padding: 10rpx 0 16rpx;
+		.time-row{margin-bottom: 0;}
+	}
+	
+	.uni-calendar-item--multiple .uni-calendar-item--before-checked{
+		    background-color: #74d1b2!important;
 	}
 }

+ 3 - 3
pages/admin/zizhanghao/list.vue

@@ -11,14 +11,14 @@
 		<!-- 课程列表 -->
 		<scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="data.loading"
 			:refresher-threshold="50" refresher-background="transparent" @refresherrefresh="onRefresh" @scrolltolower="onScrolltolower"
-			class="phone-scroll-saixuan-view">
+			class="zzh-saixuan-view">
 			<uni-list>
 				<uni-list-item v-for="item in data.list" class="zzh-list-item-box">
 					<template v-slot:body>
 						<view class="zzh-item-card">
 							<view class="zzh-name-row">
-								<view class="row-item">姓名:{{item.realName}}</view>
-								<view class="row-item">手机:{{item.userName}}</view>
+								<view class="row-item"><icon class="user-icon"></icon>姓名:{{item.realName}}</view>
+								<view class="row-item"><icon class="tel-icon"></icon>手机:{{item.userName}}</view>
 							</view>
 							<view class="zzh-btn-row">
 								<button class="zzh-btn phone-green-btn" type="default" @click="handleEditor(item)">编辑</button>