From 51a35a1cea7a381c33c86e9a9697ecef602c773f Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期日, 24 八月 2025 16:25:37 +0800
Subject: [PATCH] 激活列样式调整
---
src/assets/main.css | 1
src/views/personalCenter/course.vue | 8 ++--
src/views/personalCenter/activeCode.vue | 57 +++++++++++-----------------
src/views/personalCenter/myCart.vue | 26 ++++---------
4 files changed, 36 insertions(+), 56 deletions(-)
diff --git a/src/assets/main.css b/src/assets/main.css
index d5974ef..9a30762 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -7,6 +7,7 @@
--el-color-primary-light-7: #019e58 !important;
--el-color-primary-dark-2: #019e58 !important;
--el-color-primary-dark-3: #019e58 !important;
+ --el-button-border-color: #019e58 !important;
}
/* 鍩虹鏍峰紡 */
diff --git a/src/views/personalCenter/activeCode.vue b/src/views/personalCenter/activeCode.vue
index 9ea3775..169a009 100644
--- a/src/views/personalCenter/activeCode.vue
+++ b/src/views/personalCenter/activeCode.vue
@@ -41,17 +41,14 @@
@click="goBookDetails(pItem.id, pItem.name, pItem.defaultSaleMethodId)"
>
<div class="cover">
- <img
- :src="pItem.icon ? getPublicImage(pItem.icon, '', '') : bookCover"
- alt=""
- />
+ <img :src="pItem.icon ? pItem.icon : bookCover" alt="" />
</div>
<div class="info">
<div class="bookType" style="margin-bottom: 10px" v-if="pItem.type">
{{ pItem.type }}
</div>
- <span :title="pItem.name">{{ pItem.name }}</span>
- <span v-if="pItem.author">{{ pItem.author }}</span>
+ <span class="title" :title="pItem.name">{{ pItem.name }}</span>
+ <span class="author" v-if="pItem.author">{{ pItem.author }}</span>
</div>
</div>
</div>
@@ -155,7 +152,7 @@
return citem.data.sequenceNum == '007EB8E7' && citem.data.value
})?.data?.value
const obj = {
- icon: item.productList[index]?.icon,
+ icon: getPublicImage(item.productList[index]?.icon, '', '150'),
id: item.productList[index]?.id,
name: item.productList[index]?.name,
author,
@@ -194,31 +191,12 @@
}
// 璺宠浆涔︽湰璇︽儏
const goBookDetails = async (id: number, name: string, defaultSaleMethodId: number) => {
- let parentData = await MG.store.getProductBySaleMethod({
- saleMethodId: defaultSaleMethodId,
+ router.push({
+ path: '/bookdetail',
+ query: {
+ bookId: id,
+ },
})
- if (parentData.storeLinks[0].storeRefCode == 'jsek_digitalCourses') {
- router.push({
- path: '/bookdetail',
- query: {
- bookId: parentData.id,
- },
- })
- } else if (parentData.storeLinks[0].storeRefCode == 'digitalTextbooks') {
- router.push({
- path: '/bookdetail',
- query: {
- bookId: parentData.id,
- },
- })
- } else {
- router.push({
- path: '/bookdetail',
- query: {
- bookId: id,
- },
- })
- }
}
</script>
<style lang="less" scoped>
@@ -278,12 +256,13 @@
margin-bottom: 20px;
.cover {
- width: 106px;
+ width: 116px;
height: 150px;
border-radius: 0px 0px 0px 0px;
border: 1px solid #019e58;
position: relative;
margin: auto;
+ margin-bottom: 5px;
img {
width: 100%;
@@ -324,10 +303,8 @@
}
span {
- font-weight: bold;
line-height: 25px;
display: -webkit-box;
- margin-bottom: 5px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
@@ -335,6 +312,18 @@
padding: 5px 0;
box-sizing: border-box;
text-align: center;
+ font-family:
+ Microsoft YaHei UI,
+ Microsoft YaHei UI;
+ font-size: 16px;
+ }
+ .title {
+ font-weight: bold;
+ color: #000000;
+ }
+ .author {
+ font-weight: 400;
+ color: #333333;
}
}
}
diff --git a/src/views/personalCenter/course.vue b/src/views/personalCenter/course.vue
index 4beadb8..b83b991 100644
--- a/src/views/personalCenter/course.vue
+++ b/src/views/personalCenter/course.vue
@@ -235,9 +235,9 @@
pages.count = res.totalSize
courseList.value = res.datas.map((item: any) => {
if (item.icon) {
- item.icon = getPublicImage(item.icon, 80)
+ item.icon = getPublicImage(item.icon, '', 140)
} else if (item.linkProduct?.icon) {
- item.icon = getPublicImage(item.linkProduct.icon, 80)
+ item.icon = getPublicImage(item.linkProduct.icon, '', 140)
} else {
item.icon = defaultImg
}
@@ -538,8 +538,8 @@
flex: 1;
display: flex;
.imgBox {
- width: 90px;
- height: 120px;
+ width: 110px;
+ height: 140px;
margin-right: 20px;
box-shadow: 0px 0px 20px 1px #ccc;
}
diff --git a/src/views/personalCenter/myCart.vue b/src/views/personalCenter/myCart.vue
index e9ea084..3c03131 100644
--- a/src/views/personalCenter/myCart.vue
+++ b/src/views/personalCenter/myCart.vue
@@ -44,7 +44,7 @@
<el-table-column label="鍏ㄩ��" width="200">
<template #default="scope">
- <div style="position: relative; width: 110px">
+ <div style="position: relative;width: 120px;">
<el-image :src="scope.row.imgUrl ? scope.row.imgUrl : defaultImg" class="bookImg">
</el-image>
<div
@@ -104,7 +104,7 @@
鎬讳环锛�<span v-if="sumUnitprice">楼{{ sumUnitprice.toFixed(2) }}</span>
<span v-else>楼0.00</span>
</p>
- <el-button class="button" type="warning" @click="goPaymentPage">缁撶畻</el-button>
+ <el-button class="button" type="primary" @click="goPaymentPage">缁撶畻</el-button>
</div>
</div>
</div>
@@ -117,14 +117,13 @@
import { ElTable, ElMessage } from 'element-plus'
import { reactive } from 'vue'
import { useRouter } from 'vue-router'
-import { InfoFilled } from '@element-plus/icons-vue'
import { useUserStore } from '@/store'
import { getPublicImage } from '@/assets/js/middleGround/tool.js'
import defaultImg from '@/assets/images/default-book-img.png'
const dialogVisible = ref(false)
const router = useRouter()
const userStore = useUserStore()
-const MG = inject('MG')
+const MG: any = inject('MG')
const total = ref()
const multipleTableRef = ref()
const loading = ref(true)
@@ -244,17 +243,8 @@
}
MG.store.getShoppingCartProductList(query).then((res) => {
const newData = res.datas.map((item) => {
- console.log(item.saleMethod.type, 'item.saleMethod.type')
- if (item.productMonWithLinkDto.links[0].storeRefCode == 'digitalTextbooks') {
- item.typeTxt = '鏁板瓧鏁欐潗'
- item.productType = '鏁板瓧鏁欐潗'
- } else if (item.productMonWithLinkDto.links[0].storeRefCode == 'digitalCourses') {
- item.typeTxt = '鏁板瓧璇剧▼'
- item.productType = '鏁板瓧璇剧▼'
- } else {
- item.typeTxt = '鐢靛瓙涔�'
- item.productType = '鍥句功鏈嶅姟-鐢靛瓙涔�'
- }
+ item.typeTxt = '鏁板瓧鏁欐潗'
+ item.productType = '鏁板瓧鏁欐潗'
// console.log(item.saleMethod.id);
console.log(item.saleMethod.type, 'item.saleMethod.type')
@@ -308,7 +298,6 @@
router.push({
name: 'paymentPage',
query: {
- crumbsKey: key,
orderNumber: orderNumber.value,
// type: route.query.type,
type: 'shoppingCart',
@@ -488,8 +477,8 @@
.el-image__inner {
box-shadow: 0px 0px 20px 1px #ccc;
object-fit: contain !important;
- width: 110px;
- height: 140px;
+ width: 120px;
+ height: 160px;
}
.el-icon {
@@ -527,6 +516,7 @@
right: 0;
margin: 0 !important;
border-radius: 0px 0px 0px 5px;
+ box-sizing: border-box;
p {
display: flex;
--
Gitblit v1.9.1