From afa97d5f4e0ed176a556d9fe04d4655e005e6991 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期四, 13 六月 2024 18:39:40 +0800
Subject: [PATCH] 数字课程
---
pages/digitalTextbooks/index.wxss | 147 +++++++++++++++++++++++++++++++++++++------------
1 files changed, 111 insertions(+), 36 deletions(-)
diff --git a/pages/digitalTextbooks/index.wxss b/pages/digitalTextbooks/index.wxss
index f8b7110..9bfdfd0 100644
--- a/pages/digitalTextbooks/index.wxss
+++ b/pages/digitalTextbooks/index.wxss
@@ -1,6 +1,15 @@
/* pages/digitalTextbooks/index.wxss */
@import "./index.skeleton.wxss";
+/* pages/digitalCourses/index.wxss */
+
+
+image {
+ width: 100%;
+ height: 100%;
+}
+
+
.nacigationBar {
display: flex;
align-items: center;
@@ -13,51 +22,40 @@
font-size: 38rpx;
}
-.t-search__input-box {
- height: var(--td-search-height, 70rpx) !important;
+
+.custom-tabs {
+ margin-bottom: 32rpx;
}
-.t-icon {
- font-family: t !important;
+.custom-panel {
+ /* height: ; */
+ height: calc(100vh - 300rpx);
+ color: var(--td-text-color-primary);
}
-
-
-
-
-.tabBox {
- display: flex;
- flex-direction: row;
- justify-content: space-around;
- width: 750rpx;
- overflow-x: auto;
- /* 娣诲姞姘村钩婊氬姩鏉� */
- white-space: nowrap;
- /* 淇濇寔瀛愬厓绱犲湪涓�琛屾樉绀� */
-
+.t-tabs__item--active {
+ color: #FF6C00 !important;
}
-.tabBox .nameBox {
- color: #FF6C00;
- height: 70rpx;
- /* border-bottom: 1px solid #FF6C00; */
+.t-tabs__track {
+ background-color: #FF6C00 !important;
+ /* height: var(--td-tab-track-thickness, 0rpx) !important; */
}
-.bottomLineBox {
- height: 5rpx;
- width: 50rpx;
- background-color: #FF6C00;
- margin: 0 auto;
-}
-
-page {
- background-color: #F2F3F8;
+.t-tabs .t-tabs__item--active {
+ background-repeat: no-repeat;
+ /* background-size: 100% 100%;
+ background-position: 100% 100%; */
+ background-image: url(https://jsek.bnuic.com/home/image/click-icon.png);
+ background-position: 85% center;
+ background-size: 20% 50%;
+ /* 灏嗚儗鏅浘鐗囦綅缃缃负闈犲彸 */
}
.contentBox {
- background-color: #F2F3F8;
+ width: 100%;
height: 100%;
- margin-top: 268rpx;
+ background-color: #f2f3f7;
}
.titleBox {
@@ -77,8 +75,8 @@
.titleTextBox {
margin-left: 15px;
- min-width: 180rpx;
- min-height: 36rpx;
+ width: 180rpx;
+ height: 36rpx;
/*瀹� 3.7 楂�1 */
}
@@ -87,6 +85,72 @@
height: 100%;
image-rendering: -webkit-optimize-contrast;
}
+
+.informationBox {
+ width: 340rpx;
+ height: 470rpx;
+ border-radius: 9rpx 9rpx 9rpx 9rpx;
+ background-color: #fff;
+ margin-bottom: 40rpx;
+ box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
+}
+
+.book-img {
+ width: 100%;
+ height: 250rpx;
+ margin: 0 auto;
+ /* box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); */
+}
+
+.book-name {
+ margin: 15rpx 30rpx;
+ color: #333;
+ font-size: 28rpx;
+ font-weight: 700;
+ word-break: break-all;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ text-align: left;
+
+}
+
+.author {
+ margin: 0 30rpx;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ margin-bottom: 15rpx;
+ font-weight: bold;
+}
+
+.money {
+ margin: 0 30rpx;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ color: #ff6c00;
+
+}
+
+.ExternalInformationBox {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ padding: 0 15rpx;
+ margin-top: 40rpx;
+}
+
+.noDataBox {
+ width: 100%;
+ /* margin-top: 200rpx; */
+ height: 620rpx;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
.bookContentBox {
display: flex;
@@ -138,7 +202,7 @@
margin: 0 20rpx;
height: 75rpx;
color: #333;
- width: 100%;
+
font-size: 28rpx;
font-weight: 700;
word-break: break-all;
@@ -189,4 +253,15 @@
z-index: 999;
/* 纭繚鐩掑瓙鍦ㄩ〉闈㈠叾浠栧厓绱犵殑涓婃柟 */
/* 鍏朵粬鏍峰紡锛屽padding銆乥ox-shadow绛� */
+}
+
+.outsideContentBox {
+ /* padding: 30rpx; */
+ background: #F2F3F8;
+ border-radius: 18rpx 18rpx 18rpx 18rpx;
+ /* padding-bottom: 325rpx; */
+ height: calc(100vh - 450rpx);
+
+ /* width: calc(100vw - 60rpx); */
+
}
\ No newline at end of file
--
Gitblit v1.9.1