浏览代码

修改首页标题样式,内容两行加点点点

wangchao 3 年之前
父节点
当前提交
82bde4e416
共有 1 个文件被更改,包括 17 次插入1 次删除
  1. 17 1
      pages/sale/information.vue

+ 17 - 1
pages/sale/information.vue

@@ -99,7 +99,7 @@
 			<view style='border-bottom:1px solid #EEEEEE;' class='guess-section-wrap-content1'>
 				<view style='border-bottom:1px solid #eee;padding:15px;' class='flex justify-between'  v-for='(item, index) in newsInfo' :key="index" @click="navToDetailPage(item.id)">
 					<view>
-						<view style='font-size:16px;height:54px;'>{{item.title}}</view>
+						<view class="list-row-titel">{{item.title}}</view>
 						<view style='color:#B2B3BB;font-size:12px;'><text style='margin-right:5px;'>{{item.from}}</text>{{item.gmtUpdate}}</view>
 					</view>
 					<view><image style='width:100px;height:72px;border-radius:5px;' :src='item.titleImg'></image></view>
@@ -975,4 +975,20 @@
 			width: 100%;
 		}
 	}
+	.title{
+		font-size: 34rpx;
+		font-weight: 700;
+		color: #333333;
+	}
+	.list-row-titel{
+		text-overflow: -o-ellipsis-lastline;
+		overflow: hidden;
+		text-overflow: ellipsis;display:
+		-webkit-box;-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+		font-size:16px;
+		height:45px;
+		padding-right: 40rpx;
+		margin-bottom: 26rpx;
+	}
 </style>