|
@@ -23,13 +23,21 @@
|
|
<p class="p2">{{ TextbookData.org_name }}</p>
|
|
<p class="p2">{{ TextbookData.org_name }}</p>
|
|
<p class="p2">{{ TextbookData.author }}</p>
|
|
<p class="p2">{{ TextbookData.author }}</p>
|
|
<div class="text-description" v-if="TextbookData.description">
|
|
<div class="text-description" v-if="TextbookData.description">
|
|
- <p class="p3" :class="[showdecri?'':'overflow']">
|
|
|
|
- {{ TextbookData.description }}
|
|
|
|
|
|
+ <p class="p3" :class="[showdecri ? '' : 'overflow']">
|
|
|
|
+ {{ TextbookData.description }}
|
|
</p>
|
|
</p>
|
|
- <a class="showdecri" @click="showdecri=!showdecri">{{!showdecri?'...展开':'收起'}}</a>
|
|
|
|
|
|
+ <a class="showdecri" @click="showdecri = !showdecri">{{
|
|
|
|
+ !showdecri ? "...展开" : "收起"
|
|
|
|
+ }}</a>
|
|
</div>
|
|
</div>
|
|
<div class="operation">
|
|
<div class="operation">
|
|
- <span class="price" v-if="TextbookData.price>0&&TextbookData.is_free_license=='false'">
|
|
|
|
|
|
+ <span
|
|
|
|
+ class="price"
|
|
|
|
+ v-if="
|
|
|
|
+ TextbookData.price > 0 &&
|
|
|
|
+ TextbookData.is_free_license == 'false'
|
|
|
|
+ "
|
|
|
|
+ >
|
|
¥<span
|
|
¥<span
|
|
class="price_1"
|
|
class="price_1"
|
|
v-html="changePrice(TextbookData.price, 24, 16)"
|
|
v-html="changePrice(TextbookData.price, 24, 16)"
|
|
@@ -375,7 +383,7 @@ export default {
|
|
fileListAudio: [], // 教材资源视频数组
|
|
fileListAudio: [], // 教材资源视频数组
|
|
fileListOtheraudio: [],
|
|
fileListOtheraudio: [],
|
|
fileListDoc: [], // 教材资源视频数组
|
|
fileListDoc: [], // 教材资源视频数组
|
|
- showdecri:false, // 展开描述
|
|
|
|
|
|
+ showdecri: false, // 展开描述
|
|
};
|
|
};
|
|
},
|
|
},
|
|
//计算属性 类似于data概念
|
|
//计算属性 类似于data概念
|
|
@@ -460,7 +468,9 @@ export default {
|
|
// 购买
|
|
// 购买
|
|
getPurchase() {
|
|
getPurchase() {
|
|
if (this.bookIsBuy == "true") {
|
|
if (this.bookIsBuy == "true") {
|
|
- this.$router.push("/courseview?bookId=" + this.TextBookId+"&showCourse=true");
|
|
|
|
|
|
+ this.$router.push(
|
|
|
|
+ "/courseview?bookId=" + this.TextBookId + "&showCourse=true"
|
|
|
|
+ );
|
|
} else {
|
|
} else {
|
|
this.NopymentShow = true;
|
|
this.NopymentShow = true;
|
|
}
|
|
}
|
|
@@ -694,6 +704,9 @@ export default {
|
|
"Key741",
|
|
"Key741",
|
|
"Key742",
|
|
"Key742",
|
|
"Key743",
|
|
"Key743",
|
|
|
|
+ "Key790",
|
|
|
|
+ "Key791",
|
|
|
|
+ "Key792",
|
|
],
|
|
],
|
|
});
|
|
});
|
|
this.isData = true;
|
|
this.isData = true;
|
|
@@ -858,30 +871,30 @@ export default {
|
|
line-height: 150%;
|
|
line-height: 150%;
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
- .text-description{
|
|
|
|
- position: relative;
|
|
|
|
|
|
+ .text-description {
|
|
|
|
+ position: relative;
|
|
}
|
|
}
|
|
.p3 {
|
|
.p3 {
|
|
font-weight: normal;
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
line-height: 150%;
|
|
line-height: 150%;
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
- &.overflow{
|
|
|
|
- overflow:hidden;
|
|
|
|
- text-overflow:ellipsis;
|
|
|
|
- display:-webkit-box;
|
|
|
|
- -webkit-box-orient:vertical;
|
|
|
|
- -webkit-line-clamp:2;
|
|
|
|
|
|
+ &.overflow {
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ -webkit-line-clamp: 2;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .showdecri{
|
|
|
|
- color: #DEEBFF;
|
|
|
|
- background: #6e767c;
|
|
|
|
- font-size: 16px;
|
|
|
|
- line-height: 150%;
|
|
|
|
- position: absolute;
|
|
|
|
- right: 0;
|
|
|
|
- bottom: 0;
|
|
|
|
|
|
+ .showdecri {
|
|
|
|
+ color: #deebff;
|
|
|
|
+ background: #6e767c;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ line-height: 150%;
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 0;
|
|
|
|
+ bottom: 0;
|
|
}
|
|
}
|
|
.price {
|
|
.price {
|
|
font-size: 24px;
|
|
font-size: 24px;
|