Browse Source

修改方案选择样式

xiaoyue5430 3 years ago
parent
commit
c3dbb91a78

+ 27 - 3
spring-cloud/server-page/src/main/resources/static/ipad/css/index.css

@@ -316,7 +316,7 @@ li{
 	/* float: left; */
 	display: flex;
 	flex-direction: column;
-	min-width: 45%;
+	min-width: 32%;
 	height: 100%;
 	margin-right: 1.5%;
 }
@@ -482,20 +482,44 @@ li{
 }
 
 .sch_list .sch_item{
+	display: flex;
+	flex-direction: column;
+	align-items: center;
 	width: 32%;
 	height: 150px;
-	background-color: #046CB7;
 	float: left;
 	margin-bottom: 15px;
 	margin-right: 2%;
 	text-align: center;
 	line-height: 150px;
 	color: white;
+	font-size: 0;
+}
+
+.sch_item>img{
+	width: 100%;
+	height: 80%;
+}
+
+.sch_item>p{
+	display: flex;
+	font-size: 14px;
+	align-items: center;
+	justify-content: center;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 100%;
+	height: 20%;
+	color: #046CB7;
+	border-left: 1px solid #046CB7;
+	border-right: 1px solid #046CB7;
+	border-bottom: 1px solid #046CB7;
 }
 
 .sch_list .sch_item:nth-child(3n){
 	margin-right:0px;
-	}
+}
 
 /* 向上 */
 .top{

+ 26 - 6
spring-cloud/server-page/src/main/resources/static/ipad/css/index_sw.css

@@ -319,7 +319,7 @@ li{
 	/* float: left; */
 	display: flex;
 	flex-direction: column;
-	min-width: 45%;
+	min-width: 32%;
 	height: 100%;
 	margin-right: 1.5%;
 }
@@ -489,15 +489,39 @@ li{
 }
 
 .sch_list .sch_item{
+	display: flex;
+	flex-direction: column;
+	align-items: center;
 	width: 32%;
 	height: 150px;
-	background-color: #046CB7;
 	float: left;
 	margin-bottom: 15px;
 	margin-right: 2%;
 	text-align: center;
 	line-height: 150px;
 	color: white;
+	font-size: 0;
+}
+
+.sch_item>img{
+	width: 100%;
+	height: 80%;
+}
+
+.sch_item>p{
+	display: flex;
+	font-size: 14px;
+	align-items: center;
+	justify-content: center;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 100%;
+	height: 20%;
+	color: #046CB7;
+	border-left: 1px solid #046CB7;
+	border-right: 1px solid #046CB7;
+	border-bottom: 1px solid #046CB7;
 }
 
 .sch_list .sch_item:nth-child(3n){
@@ -603,10 +627,6 @@ li{
 	margin-right: 0;
 }
 
-.sch_list{
-	height: 90%;
-}
-
 /* 弹窗标题 */
 .sch_title{
 	position: relative;

+ 3 - 2
spring-cloud/server-page/src/main/resources/static/ipad/js/basic/index.js

@@ -311,8 +311,9 @@ function explainMore(that) {
 				let html = '';
 				for (let i = 0; i < data.length; i++) {
 					html += '<li class="sch_item" onclick="clickPlan(\'' + data[i].plan_id + '\',\'' 
-						+ $(that).attr('data-sign') + '\',\''+ data[i].plan_name +'\')">【' 
-						+ data[i].plan_code + '】' + data[i].plan_name + '</li>';
+						+ $(that).attr('data-sign') + '\',\''+ data[i].plan_name +'\')">'
+						+ '<img src="img/sig1.png" />'
+						+ '<p>' + data[i].plan_name + '</p></li>';
 				}
 				$('.sch_list').empty().append(html);
 				util.layer.index['planPop'] = util.layer.openNoTitle('#schList','方案选择');

+ 3 - 2
spring-cloud/server-page/src/main/resources/static/ipad/js/basic/index_sw.js

@@ -588,8 +588,9 @@ function explainMore(that) {
 				let html = '';
 				for (let i = 0; i < data.length; i++) {
 					html += '<li class="sch_item" onclick="clickPlan(\'' + data[i].plan_id + '\',\'' 
-						+ $(that).attr('data-sign') + '\',\''+ data[i].plan_name +'\')">【' 
-						+ data[i].plan_code + '】' + data[i].plan_name + '</li>';
+						+ $(that).attr('data-sign') + '\',\''+ data[i].plan_name +'\')">' 
+						+ '<img src="img/sig1.png" />'
+						+ '<p>' + data[i].plan_name + '</p></li>';
 				}
 				$('.sch_list').empty().append(html);
 				util.layer.index['planPop'] = util.layer.openNoTitle('#schList','方案选择');