From dcd5065a6ed1b75b0e3c1491d267ab73b4997f11 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期四, 06 六月 2024 11:38:59 +0800
Subject: [PATCH] 数字教材详情

---
 pages/digitalTextbooks/digitalTextbooksDetails/index.wxss |  262 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 261 insertions(+), 1 deletions(-)

diff --git a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
index 57c9936..dd8edb7 100644
--- a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
+++ b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
@@ -1 +1,261 @@
-/* pages/digitalTextbooks/digitalTextbooksDetails/index.wxss */
\ No newline at end of file
+/* pages/digitalTextbooks/digitalTextbooksDetails/index.wxss */
+
+@import "./index.skeleton.wxss";
+
+image {
+  width: 100%;
+  height: 100%;
+}
+
+
+
+
+.textbookDetails {
+  display: flex;
+  flex-direction: row;
+  padding: 30rpx;
+  background-color: #fff;
+  border-radius: 0 0 20rpx 20rpx;
+}
+
+.book-img {
+  width: 240rpx;
+  min-height: 340rpx;
+  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
+  padding: 15rpx;
+}
+
+.setCoolect {
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+  height: 50rpx;
+  margin: 10rpx 0;
+}
+
+.imageBox {
+  width: 210rpx;
+  height: 310rpx;
+  margin: 0 auto;
+}
+
+.bookContent {
+  margin-left: 30rpx;
+}
+
+.right-background {
+  width: 160rpx;
+  height: 160rpx;
+  position: absolute;
+  top: 150rpx;
+  right: -50rpx;
+  z-index: 0;
+}
+
+.content {
+  margin-top: 30rpx;
+}
+
+.styleCssBox {
+  display: flex;
+  flex-direction: row;
+  margin: 20rpx 0;
+  font-size: 28rpx;
+}
+
+.headerText {
+  font-weight: bold;
+  font-size: 36rpx;
+  color: #000000;
+}
+
+.certificate {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  width: 100%;
+  height: 120rpx;
+  border-radius: 0 0 20rpx 20rpx;
+}
+
+.book-box {
+  background: linear-gradient(to right, #FFB400, #FF6C00);
+  border-radius: 0 0 20rpx 20rpx;
+}
+
+
+
+
+
+.digital {
+  background-color: #F2F3F8;
+  padding-bottom: 20rpx;
+}
+
+.publish {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 300rpx;
+  height: 80rpx;
+  background-color: #fff;
+}
+
+.curriculum {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 300rpx;
+  height: 80rpx;
+  background-color: #fff;
+}
+
+.t-tabs__item-inner {
+  flex-direction: column;
+  color: #ff6c00;
+}
+
+.t-tabs__item--active {
+  color: #FF6C00 !important;
+}
+
+.t-tabs__track {
+  background-color: #FF6C00 !important;
+  bottom: -20rpx !important;
+}
+
+.t-tabs__scroll--split {
+  height: 120rpx !important;
+}
+
+.t-tabs__item-inner .t-icon {
+  margin-bottom: 10rpx;
+}
+
+.t-tabs__item-inner .t-icon {
+  margin-bottom: 20rpx;
+}
+
+.t-tabs__item-inner .t-icon__image {
+  width: 36rpx !important;
+  height: 44rpx !important;
+}
+
+.t-tabs__nav .t-tabs__item:nth-child(3) .t-tabs__item-inner .t-icon__image {
+  width: 44rpx !important;
+  height: 40rpx !important;
+}
+
+.t-tabs__nav .t-tabs__item {
+  width: 160rpx !important;
+  padding: 0 !important;
+}
+
+.t-tabs__scroll {
+  overflow-x: auto;
+}
+
+.t-tabs__item--evenly {
+  flex: 1 0 auto !important;
+}
+
+.t-tabs .t-tabs__item--active {
+  background-repeat: no-repeat;
+  background-size: 35%;
+  background-position: 50% 40%;
+  background-image: url(https://jsek.bnuic.com/home/image/click-icon.png);
+}
+
+.rubricBox {
+  display: flex;
+  flex-direction: row;
+  margin: 50rpx;
+  margin-bottom: 0;
+}
+
+.rubricimgBox {
+  width: 40rpx;
+  height: 45rpx;
+}
+
+.basic {
+  margin-left: 18rpx;
+  font-size: 32rpx;
+  color: #333;
+  font-weight: bold;
+}
+
+.correlationImage {
+  width: 180rpx;
+  height: 255rpx;
+}
+
+.correlation {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  margin: 30rpx;
+}
+
+.correlationName {
+  width: 150rpx;
+  margin-top: 20rpx;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  color: #333;
+  font-weight: bold;
+  font-size: 28rpx;
+}
+
+.page-bookService {
+  width: 100vw;
+  height: 100%;
+  /* position: relative; */
+}
+
+.box-bottom {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 110rpx;
+
+  margin-bottom: env(safe-area-inset-bottom);
+  display: flex;
+  flex-direction: row;
+}
+
+.trialReading {
+  width: 50%;
+  height: 110rpx;
+  border-right: 1px solid #DDD;
+  background-color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.shopCarColor {
+  width: 350rpx;
+  height: 110rpx;
+  border-right: 1px solid #DDD;
+  color: #fff;
+  background-color: #f0ad36;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.buyColor {
+  width: 50%;
+  height: 110rpx;
+  border-right: 1px solid #DDD;
+  color: #fff;
+  background-color: #f04d3b;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
\ No newline at end of file

--
Gitblit v1.9.1