first commit

历届学生/苏琪/项目练习/newApp/appFont/common/less/page/bookinfo.less

@@ -0,0 +1,143 @@
+@import "../lib/index.less"; 
+
+.a(){
+	width: 50%;
+    height: 50px;
+    text-align: center;
+    line-height: 50px;
+	color: #fff;
+}
+
+.bookinfo {
+		.info-title {
+			height: 440upx;
+			position: relative;
+			overflow: hidden;
+			.title-background {
+				height: 100%;
+				background-repeat: no-repeat  !important;
+				background-size: cover  !important;
+				filter: blur(7px)  !important;
+			}
+			.title-top {
+				position: absolute;
+				left: 0;
+				top: 0;
+				z-index: 2;
+				width: 100%;
+				height: 100%;
+				display: flex;
+				align-items: center;
+				justify-content: space-around;
+				background: linear-gradient(#ffffff00, #ffffff);
+				img {
+					width: 190upx;
+					height: 240upx;
+				}
+				.title-top-right {
+					h3 {
+						color: white;
+						font-size: 40upx;
+					}
+					p {
+						color: #6b6b6b;
+						margin-top: 20upx;
+						font-size: 32upx;
+						.author{color: firebrick}
+					}
+				}
+			}
+		}
+		.info-message{
+			padding: 20upx 30upx;
+			ul{
+				display: flex;
+				align-items: center;
+				justify-content: space-around;
+				li{
+					text-align: center;
+					.readNum{
+						color: #929292;
+						font-size: 40upx;
+					}
+					.readP{
+						color: #929292;
+						font-size: 32upx;
+					}
+				}
+			}
+		}
+		.info-desc{
+			padding: 20upx 30upx;
+			h4{font-size: 36upx;color: #929292}
+			.descCont{
+				margin-top: 20upx;
+				font-size: 28upx;
+				text-indent: 2em;
+				color: #929292;
+			}
+		}
+		.chapter{
+			margin-top: 10upx;
+			padding: 10upx 0 0 0;
+			.chapterTitle{
+				padding: 10upx;
+				padding-left: 20upx;
+				background-color: #f4f4f4;
+			}
+			.chapterList{
+				padding:0 30upx;
+				.chapterTxt{
+					padding: 20upx 10upx;
+					color: #4c4c4c;
+					border-bottom: 2upx solid #dfdfdf;
+				}
+			}
+		}
+		.recommend{
+			padding: 10upx 0;
+			.recommendTitle{
+				background-color: #f2f2f2;
+				border-top: 2upx solid #dfdfdf;
+				border-bottom: 2upx solid #dfdfdf;
+				padding: 10upx 20upx;
+			}
+			ul {
+				padding-bottom: 50px;
+			}
+			.recommendList{
+				display: flex;
+				flex-flow: row;
+				padding: 20upx 10upx;
+				margin: 0 20upx;
+				border-bottom: 2upx solid #dfdfdf;
+				image{width: 148upx;height: 180upx;}
+				.bookMsg{
+					color: #929292;
+					.bookName{color: #4c4c4c;}
+					.bookAuthor , .bookType{
+						font-size: 26upx;
+					}
+				}
+			}
+		}
+		.action {
+			position: fixed;
+			bottom: 0;
+			left: 0;
+			width: 100%;
+			height: 50px;
+			background: #fff;
+			display: flex;
+			align-items: center;
+			justify-content: space-around;
+			.action-read {
+				.a();
+				color: #000;
+			}
+			.action-like {
+				.a();
+				background: red;
+			}
+		}
+	}