From cc728e9665242f59a3061e5eb96787e1746f5593 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期日, 24 八月 2025 15:57:37 +0800
Subject: [PATCH] 样式修改2
---
src/views/personalCenter/activeCode.vue | 88 ++++++++++++++++++++++++++------------------
1 files changed, 52 insertions(+), 36 deletions(-)
diff --git a/src/views/personalCenter/activeCode.vue b/src/views/personalCenter/activeCode.vue
index f78e69e..9ea3775 100644
--- a/src/views/personalCenter/activeCode.vue
+++ b/src/views/personalCenter/activeCode.vue
@@ -45,13 +45,13 @@
:src="pItem.icon ? getPublicImage(pItem.icon, '', '') : bookCover"
alt=""
/>
- <!-- <div class="type" v-if="pItem.type">{{ pItem.type }}</div> -->
</div>
<div class="info">
- <div style="margin-bottom: 10px" v-if="pItem.type">
+ <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>
</div>
</div>
</div>
@@ -86,12 +86,10 @@
import moment from 'moment'
import { getPublicImage } from '@/assets/js/middleGround/tool.js'
import { ElMessage } from 'element-plus'
-import { useUserStore } from '@/store'
import { useRouter } from 'vue-router'
import bookCover from '@/assets/images/personalCenter/book-cover.png'
const router = useRouter()
-const userStore = useUserStore()
-const MG = inject('MG')
+const MG: any = inject('MG')
const activateCode = ref('')
const loading = ref(false)
let dataList = ref([])
@@ -143,32 +141,26 @@
type: 'Desc',
field: 'CreateDate',
},
+ fields: {
+ author: [],
+ },
})
.then((res) => {
let list: any[] = []
res.datas.forEach((item) => {
item.createDate = moment(item.createDate).format('YYYY-MM-DD HH:mm:ss')
item.typeList = []
- item.saleMethodList.forEach(async (i) => {
+ item.saleMethodList.forEach(async (i, index) => {
+ const author = item.productList[index]?.dataList?.find((citem) => {
+ return citem.data.sequenceNum == '007EB8E7' && citem.data.value
+ })?.data?.value
const obj = {
- icon: item.productList[0]?.icon,
- id: item.productList[0]?.id,
- name: item.productList[0]?.name,
- type:
- i.type == 'defaultSaleMethod'
- ? '鐢靛瓙涔�'
- : i.name.includes('-')
- ? i.name.split('-')[0]
- : i.name,
- defaultSaleMethodId: item.productList[0]?.defaultSaleMethodId,
- }
-
- let parentData = await MG.store.getProductBySaleMethod({ saleMethodId: i.id })
- if (parentData.storeLinks[0].storeRefCode == 'digitalCourses') {
- obj.type = '鏁板瓧璇剧▼'
- }
- if (parentData.storeLinks[0].storeRefCode == 'digitalTextbooks') {
- obj.type = '鏁板瓧鏁欐潗'
+ icon: item.productList[index]?.icon,
+ id: item.productList[index]?.id,
+ name: item.productList[index]?.name,
+ author,
+ type: '鏁板瓧鏁欐潗',
+ defaultSaleMethodId: item.productList[index]?.defaultSaleMethodId,
}
item.typeList.push(obj)
})
@@ -256,11 +248,11 @@
}
.stateBox {
- height: 47px;
- line-height: 47px;
+ height: 40px;
+ line-height: 40px;
padding: 0 20px;
border: 1px solid #edecec;
- background: #f3f3f3;
+ background: #edf4f2;
.flex1 span {
color: #019e58;
}
@@ -271,18 +263,27 @@
}
.listItem {
- width: 130px;
cursor: pointer;
box-sizing: border-box;
float: left;
position: relative;
- margin-right: 5%;
+ margin-right: 3%;
+ width: 185px;
+ min-height: 258px;
+ background: rgba(255, 255, 255, 0.3);
+ border-radius: 8px 8px 8px 8px;
+ border: 1px solid #dedede;
+ padding: 20px 10px;
+ box-sizing: border-box;
+ margin-bottom: 20px;
.cover {
- width: 100%;
- height: 180px;
- box-shadow: 0px 0px 20px 1px #ccc;
+ width: 106px;
+ height: 150px;
+ border-radius: 0px 0px 0px 0px;
+ border: 1px solid #019e58;
position: relative;
+ margin: auto;
img {
width: 100%;
@@ -305,20 +306,35 @@
}
.info {
- height: 90px;
- padding: 15px 0;
width: 100%;
+ .bookType {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 60px;
+ height: 26px;
+ text-align: center;
+ font-size: 12px;
+ line-height: 24px;
+ font-weight: 400;
+ color: #fff;
+ border-radius: 0px 0px 0px 5px;
+ background: linear-gradient(130deg, #019e58 0%, #144941 100%);
+ border-radius: 0px 8px 0px 8px;
+ }
span {
font-weight: bold;
- height: 45px;
- line-height: 22px;
+ line-height: 25px;
display: -webkit-box;
margin-bottom: 5px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
+ padding: 5px 0;
+ box-sizing: border-box;
+ text-align: center;
}
}
}
--
Gitblit v1.9.1