Browse Source

优化长者模式

zhengkaixin 1 year ago
parent
commit
bb64ff0207
1 changed files with 26 additions and 14 deletions
  1. 26 14
      pages/oawork/addressbook.vue

+ 26 - 14
pages/oawork/addressbook.vue

@@ -17,7 +17,7 @@
 		<view class="main" v-show="getCompanyListReady">
 			
 		<scroll-view  scroll-y="true" v-show="list.length" :scroll-top="scrollTop1"
-		 :style="('width: 40%;')+'height:'+ screenHeight+'px;'"
+		 :style="('width: 45%;')+'height:'+ screenHeight+'px;'"
 		 class="scroll-Y1">
 				
 		<view class="news">
@@ -27,7 +27,7 @@
 			}"
 			
 				@click="userList=toplist,key='置顶'" >
-				<view class="content">
+				<view class="content1">
 					<view class="news-title">
 						置顶
 						
@@ -49,7 +49,7 @@
 				}"
 				 
 				 v-show="item.label.indexOf('测试')==-1" :key="i">
-				<view class="content">
+				<view class="content1">
 					<view class="news-title">
 						{{item.label}}
 						
@@ -71,30 +71,34 @@
 		   		:asyncClose="true" :title="phoneInfo.name" :content="phoneInfo.phone" :content-style="{fontSize: '24px',color: '#101010'}"></u-modal>
 		   	
 		   <scroll-view  scroll-y="true" v-if="userList.length" :scroll-top="scrollTop2"
-		   :style="('width: 60%;')+'height:'+ screenHeight+'px'"
+		   :style="('width: 55%;')+'height:'+ screenHeight+'px'"
 		    class="scroll-Y2" 
 		   			>
 		  
 		   <view class="userList" >
-		   
+			   <u-divider margin-top="10"
+			   border-color="#CFD2D5">点击可拨打电话 </u-divider>
+						 
 				<view class="news-item" v-for="(item,i) in userList" 
 				
 					 :key="i">
-					<view class="content"  @click="phoneInfoCk(item)">
-						<view class="news-title">
+					<view class="content2"  @click="phoneInfoCk(item)">
+						<view class="news-title1">
 							
 							{{item.name}}
 						</view>
-						<view class="news-title">
-							<u-icon name="phone"></u-icon>
+						<view class="news-title2">
+							<!-- <u-icon name="phone"></u-icon> -->
 							{{item.phone?item.phone:'无'}}
 						</view>
 					</view>
 					
 				</view>
 		      </view>
+			 
+			
 			  <u-divider  
-			  border-color="#CFD2D5">已经到底了</u-divider>
+			  border-color="#CFD2D5">已经到底了 </u-divider>
 			   </scroll-view>
 	</view>
 	</view>
@@ -278,18 +282,26 @@
 			
 	}
 	.scroll-Y1{
-		border-right: 1px solid #B3B3B3;
+		border-right: 1px dashed #B3B3B3;
 	}
 	.news,.userList{
 		.news-item{
-			padding:30rpx;
-			margin: 20rpx;
+			padding:25rpx 20rpx 25rpx 25rpx;
+			margin: 20rpx 15rpx 20rpx 20rpx;
 			background: #fff;
 			border-radius: 10px;
-			.content{
+			font-size:32rpx ;
+			.content1{
 				    display: flex;
 				    justify-content: space-between;
 			}
+			.content2{
+				    padding: 4rpx;
+				.news-title1{
+					font-size: 36rpx;
+					font-weight: bold;
+				}
+			}
 		}
 		.news-item-index{
 			color: #3179f6;