Skip to content

飞
飞鹤小程序
Commit e071ff68 authored by 王炽's avatar 王炽
Browse files
Options

66666

parent 142df6e6
Hide whitespace changes
Inline Side-by-side
Showing with 530 additions and 384 deletions
api/integral.js 0 → 100644
View file @ e071ff68
import requestModule from './request.js';
const {
api
} = requestModule;
/**
* 获取积分信息
* @returns
*/
export const fetchIntegralJSON = () => api.get('/c/front/content',{type:'integral'});
\ No newline at end of file
components/TabBarConLibrary.vue
View file @ e071ff68
......@@ -9,7 +9,7 @@
>
<image
class="tab-bg"
:src="$baseUrl + (activeIndex === index ? 'contentLibrary/1001/tab-bg-cl0.png' : '/static/contentLibrary/1001/tab-bg-cl1.png')"
:src="$baseUrl + (activeIndex === index ? 'contentLibrary/1001/tab-bg-cl0.png' : 'contentLibrary/1001/tab-bg-cl1.png')"
mode="aspectFit"
/>
<text
......
pages/library/ContentLibrary.vue
View file @ e071ff68
......@@ -52,11 +52,12 @@
>
<image
class="item-img"
:src="item.img"
:src="$baseUrl + `${item?.img}`"
:style="{
height: item.imgHeight + 'rpx'
}"
mode="aspectFit"
@click="zhuanjiaHandler(item.url)"
/>
<text
class="item-text"
......@@ -103,10 +104,11 @@
>
<image
class="item-img"
:src="item.img"
:src="$baseUrl + `${item?.img}`"
:style="{
height: item.imgHeight + 'rpx'
}"
@click="yingyangHandler(item.url)"
mode="aspectFit"
/>
<text
......@@ -151,10 +153,11 @@
>
<image
class="item-img1"
:src="item.img"
:src="$baseUrl + `${item?.img}`"
:style="{
height: item.imgHeight + 'rpx'
}"
@click="xingmaHandler(item.url)"
mode="aspectFit"
/>
<text
......@@ -199,11 +202,12 @@
>
<image
class="item-img1"
:src="item.img"
:src="$baseUrl + `${item?.img}`"
:style="{
height: item.imgHeight + 'rpx'
}"
mode="aspectFit"
@click="qinziHandler(item.url)"
/>
<text
class="item-text2"
......@@ -230,24 +234,436 @@
<script setup>
import { ref , onMounted, getCurrentInstance } from 'vue'
import TabBarConLibrary from '@/components/TabBarConLibrary.vue';
import { jump, JumpType } from '@/utils/index.js';
const { proxy } = getCurrentInstance();
const $baseUrl = proxy.$baseUrl;
const libraryData = ref({
bannerList: [
{
img: 'banner-cl0.png',
url: 'https://mp.weixin.qq.com/s/Xn5dh96OaQ9CcsVMZ5jnvg'
},
{
img: 'banner-cl1.png',
url: 'https://mp.weixin.qq.com/s/xzDYoPdMMIt5e3KYxHnwYg'
},
{
img: 'banner-cl2.png',
url: 'https://mp.weixin.qq.com/s/W75YKmpxJdDqZtAixkltyQ'
}
],
tabConfigs: {
expert: ['疾病护理', '脑育科普', '孕期护理'],
nutrition: ['辅食制作', '奶粉百科', '全家营养'],
momTalk: ['新鲜热议', '家庭生活', '心理成长'],
parentingLife: ['早教学习', '动画故事', '家庭关系']
},
contentList0: [
{
img: 'contentLibrary/1001/item0-list0-0.png',
text: '孩子出游腿疼≠在长...',
url: 'https://mp.weixin.qq.com/s/RGzeUaabqKm6xM6jjbZPIQ',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: 'contentLibrary/1001/item1-list0-0.png',
text: '打完疫苗就走？这30...',
url: 'https://mp.weixin.qq.com/s/HcQbburuQGgPyGahj1RA6Q',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: 'contentLibrary/1001/show-img0-list0.png',
text: '已有儿童中招，严重可瘫痪！夏季防蜱虫最全...',
url:'https://mp.weixin.qq.com/s/fL5UZjWUXmPrjJgSe2Hr5g',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
},
],
contentList1: [
{
img: 'contentLibrary/1001/item0-list0-1.png',
text: '怕娃不聪明？5招开...',
url: 'https://mp.weixin.qq.com/s/xzDYoPdMMIt5e3KYxHnwYg',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: 'contentLibrary/1001/item1-list0-1.png',
text: '情绪失控≠熊孩子！全...',
url: 'https://mp.weixin.qq.com/s/NSyo1U6A1Yrw1WymPwm48A',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 309,
bottom: 43
},
{
img: 'contentLibrary/1001/show-img0-list1.png',
text: '认清脑育认知的三大误区！让娃赢在起点',
url: 'https://mp.weixin.qq.com/s/f1Y59OJ9FBZ3tF47PJ9aBw',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
}
],
contentList2: [
{
img: 'contentLibrary/1001/item0-list0-2.png',
text: '孕期最重要的6次产...',
url: 'https://mp.weixin.qq.com/s/R1557EIof8dHnalMQNNXhg',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: 'contentLibrary/1001/item1-list0-2.png',
text: '孕期或哺乳期感染新...',
url: 'https://mp.weixin.qq.com/s/XSViARdv9AOidSz2DKahTQ',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: 'contentLibrary/1001/show-img0-list2.png',
text: '除了叶酸，孕期妈妈还应该补什么?',
url: 'https://mp.weixin.qq.com/s/qmUf3fW8bYi7C33hXQcnfQ',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
}
],
contentList01:[
{
img: 'contentLibrary/1001/show-img1-list0.png',
text: '宝宝大脑发育关键期，DHA这样补，轻松拿捏...',
url:'https://mp.weixin.qq.com/s/Gdv3fTIvuqa6hBs7dUCZkg',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
},
{
img: 'contentLibrary/1001/item0-list1-0.png',
text: '不贫血≠不缺铁！宝...',
url:'https://mp.weixin.qq.com/s/pPFFgpcFYrtrMlOZeYYFoA',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: 'contentLibrary/1001/item1-list1-0.png',
text: '辅食界 “显眼包” 来...',
url:'https://mp.weixin.qq.com/s/EBXHkjowOJQ8qhu-GpoUcQ',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
}
],
contentList11:[
{
img: 'contentLibrary/1001/show-img1-list1.png',
text: '奶粉罐上的OPO是智商税吗？一文说清它到底 值不值得买！',
url:'https://mp.weixin.qq.com/s/BOENbTE-5fNe0rwnlvzeng',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
},
{
img: 'contentLibrary/1001/item0-list1-1.png',
text: '宝妈必看！养娃不可...',
url:'https://mp.weixin.qq.com/s/Evqc7KJMsNYS_MQox1oCfw',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: 'contentLibrary/1001/item1-list1-1.png',
text: '警惕！冬季奶粉喂养...',
url:'https://mp.weixin.qq.com/s/JjqPDlyGkodZPulv-2gQBA',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 309,
bottom: 43
}
],
contentList21:[
{
img: 'contentLibrary/1001/show-img1-list2.png',
text: '一篇掌握全龄饮食黄金指南！',
url:'https://mp.weixin.qq.com/s/9CUJMqjNmUlUjnjUFb40eg',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
},
{
img: 'contentLibrary/1001/item0-list1-2.png',
text: '五一春游零食清单，全...',
url:'https://mp.weixin.qq.com/s/3WHTYk-nEyN9CtSn4ZCj0A',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 315,
bottom: 43
},
{
img: 'contentLibrary/1001/item1-list1-2.png',
text: '解锁适合全家的美味...',
url:'https://mp.weixin.qq.com/s/ksRxfSzFxLHahB48bnKMuQ',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
}
],
contentList02:[
{
img: 'contentLibrary/1001/item0-list2-0.png',
text: '《六姊妹》大结局引 热议！如何成为...',
url: 'https://mp.weixin.qq.com/s/1ge3dA0f3IbfgPghFJKqJg',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: 'contentLibrary/1001/item1-list2-0.png',
text: '家长必看！《哪吒2》 票房火爆背后，竟...',
url: 'https://mp.weixin.qq.com/s/kX37uMOZTAQyo4Ng7IbQdQ',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: 'contentLibrary/1001/item2-list2-0.png',
text: '哺乳期出门=荒野求生？ 哺乳妈妈的高阶出...',
url: 'https://mp.weixin.qq.com/s/ku3wiGGXvczq6BOpwmd8bg',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 310,
bottom: 43
}
],
contentList12:[
{
img: 'contentLibrary/1001/item0-list2-1.png',
text: '砸2万上早教不如逛 100次菜市场？真相…',
url: 'https://mp.weixin.qq.com/s/BtuaNnl-thV5M30_tqKpvA',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: 'contentLibrary/1001/item1-list2-1.png',
text: '聪明家长必备！这两 种平衡拿捏好，解...',
url: 'https://mp.weixin.qq.com/s/HS4UPDRtAtqlf-urGALD5w',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: 'contentLibrary/1001/item2-list2-1.png',
text: '多孩家庭：80%父母 可能正陷入“偏爱盲...',
url: 'https://mp.weixin.qq.com/s/6sKO12QCs5jvmENoGczqmw',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
}
],
contentList22:[
{
img: 'contentLibrary/1001/item0-list2-2.png',
text: '女性结婚有娃后，友 谊就注定变淡吗?',
url: 'https://mp.weixin.qq.com/s/89dJzmlmrhM0fqSUufaSnA',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: 'contentLibrary/1001/item1-list2-2.png',
text: '一套过节“高情商回话 公式”，专治嘴笨...',
url: 'https://mp.weixin.qq.com/s/UohhkMxB6rXH4yQeC3EF6A',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: 'contentLibrary/1001/item2-list2-2.png',
text: '真正压垮女性的，从 来不只是“家务劳...',
url: 'https://mp.weixin.qq.com/s/nUWBqqaykIdWXcTX6G0OJw',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
}
],
contentList03:[
{
img: 'contentLibrary/1001/item0-list3-0.png',
text: '超实用！0-3岁宝宝居 家早教攻略，轻松...',
url:'https://mp.weixin.qq.com/s/CVtfzrmY8ER64rO8CBdFIg',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: 'contentLibrary/1001/item1-list3-0.png',
text: '0-3岁不花钱早教，也 能让宝宝的智商赢...',
url:'https://mp.weixin.qq.com/s/4NpvNlpa1MF-pYpMJ7Zi0w',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: 'contentLibrary/1001/item2-list3-0.png',
text: '0~3岁保姆级教程，不 用花钱早教，就能...',
url:'https://mp.weixin.qq.com/s/y0kPoMPQI_skcEbh6gVKRA',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 310,
bottom: 43
}
],
contentList13:[
{
img: 'contentLibrary/1001/item0-list3-1.png',
text: '毛毛镇\n《集落叶大行动》',
url:'',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: 'contentLibrary/1001/item1-list3-1.png',
text: '毛毛镇\n《弹力条条》',
url:'',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: 'contentLibrary/1001/item2-list3-1.png',
text: '毛毛镇\n《你好春天》',
url:'',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
}
],
contentList23:[
{
img: 'contentLibrary/1001/item0-list3-2.png',
text: '读了50位妈妈的育儿 经验发现：亲子...',
url:'https://mp.weixin.qq.com/s/ubpkqXVXjQj74fH0SPztwA',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: 'contentLibrary/1001/item1-list3-2.png',
text: '家庭教育很重要！做 好这6点，养出优...',
url:'https://mp.weixin.qq.com/s/xwRZUyeWR6nD5Z0NtpXojQ',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: 'contentLibrary/1001/item2-list3-2.png',
text: '宝宝一犯错就上头？ 掌握这7个办法解...',
url:'https://mp.weixin.qq.com/s/DzCEhMCvj4A5tSvdvxZBtA',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
}
]
});
const bannerList = ref([
{
img: $baseUrl + 'contentLibrary/1001/banner-cl0.png',
link: ''
img: $baseUrl + `contentLibrary/1001/${libraryData?.value?.bannerList[0]?.img}`,
url: `${libraryData?.value?.bannerList[0]?.url}`
},
{
img: $baseUrl + 'contentLibrary/1001/banner-cl1.png',
link: ''
img: $baseUrl + `contentLibrary/1001/${libraryData?.value?.bannerList[1]?.img}`,
url: `${libraryData?.value?.bannerList[1]?.url}`
},
{
img: $baseUrl + 'contentLibrary/1001/banner-cl2.png',
link: ''
img: $baseUrl + `contentLibrary/1001/${libraryData?.value?.bannerList[2]?.img}`,
url: `${libraryData?.value?.bannerList[2]?.url}`
}
]);
......@@ -259,98 +675,17 @@
]);
const tabConfigs = ref({
expert: libraryData?.value?.tabConfigs?.expert,
nutrition: libraryData?.value?.tabConfigs?.nutrition,
momTalk: libraryData?.value?.tabConfigs?.momTalk,
parentingLife: libraryData?.value?.tabConfigs?.parentingLife
});
const contentList0 = ref([
{
img: $baseUrl + 'contentLibrary/1001/item0-list0-0.png',
text: '孩子出游腿疼≠在长...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list0-0.png',
text: '打完疫苗就走？这30...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/show-img0-list0.png',
text: '已有儿童中招，严重可瘫痪！夏季防蜱虫最全...',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
},
])
const contentList0 = ref(libraryData?.value?.contentList0);
const contentList1 = ref(libraryData?.value?.contentList1);
const contentList1 = ref([
{
img: $baseUrl + 'contentLibrary/1001/item0-list0-1.png',
text: '怕娃不聪明？5招开...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list0-1.png',
text: '情绪失控≠熊孩子！全...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 309,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/show-img0-list1.png',
text: '认清脑育认知的三大误区！让娃赢在起点',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
}
])
const contentList2 = ref([
{
img: $baseUrl + 'contentLibrary/1001/item0-list0-2.png',
text: '孕期最重要的6次产...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list0-2.png',
text: '孕期或哺乳期感染新...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/show-img0-list2.png',
text: '除了叶酸，孕期妈妈还应该补什么?',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
}
])
const contentList2 = ref(libraryData?.value?.contentList2);
//专家来了
......@@ -362,94 +697,9 @@
}
//营养辅食
const contentList01 = ref([
{
img: $baseUrl + 'contentLibrary/1001/show-img1-list0.png',
text: '宝宝大脑发育关键期，DHA这样补，轻松拿捏...',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
},
{
img: $baseUrl + 'contentLibrary/1001/item0-list1-0.png',
text: '不贫血≠不缺铁！宝...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list1-0.png',
text: '辅食界 “显眼包” 来...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
}
])
const contentList11 = ref([
{
img: $baseUrl + 'contentLibrary/1001/show-img1-list1.png',
text: '奶粉罐上的OPO是智商税吗？一文说清它到底 值不值得买！',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
},
{
img: $baseUrl + 'contentLibrary/1001/item0-list1-1.png',
text: '宝妈必看！养娃不可...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list1-1.png',
text: '警惕！冬季奶粉喂养...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 309,
bottom: 43
}
])
const contentList21 = ref([
{
img: $baseUrl + 'contentLibrary/1001/show-img1-list2.png',
text: '一篇掌握全龄饮食黄金指南！',
width: 686,
height: 484,
imgHeight: 484,
textWidth: 625,
bottom: 53
},
{
img: $baseUrl + 'contentLibrary/1001/item0-list1-2.png',
text: '五一春游零食清单，全...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 315,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list1-2.png',
text: '解锁适合全家的美味...',
width: 332,
height: 410,
imgHeight: 410,
textWidth: 300,
bottom: 43
}
])
const contentList01 = ref(libraryData?.value?.contentList01)
const contentList11 = ref(libraryData?.value?.contentList11)
const contentList21 = ref(libraryData?.value?.contentList21)
const listData2 = ref([]);
......@@ -460,94 +710,10 @@
}
//星妈Talk
const contentList02 = ref([
{
img: $baseUrl + 'contentLibrary/1001/item0-list2-0.png',
text: '《六姊妹》大结局引 热议！如何成为...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list2-0.png',
text: '家长必看！《哪吒2》 票房火爆背后，竟...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item2-list2-0.png',
text: '哺乳期出门=荒野求生？ 哺乳妈妈的高阶出...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 310,
bottom: 43
}
])
const contentList12 = ref([
{
img: $baseUrl + 'contentLibrary/1001/item0-list2-1.png',
text: '砸2万上早教不如逛 100次菜市场？真相…',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list2-1.png',
text: '聪明家长必备！这两 种平衡拿捏好，解...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item2-list2-1.png',
text: '多孩家庭：80%父母 可能正陷入“偏爱盲...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
}
])
const contentList02 = ref(libraryData?.value?.contentList02)
const contentList12 = ref(libraryData?.value?.contentList12)
const contentList22 = ref([
{
img: $baseUrl + 'contentLibrary/1001/item0-list2-2.png',
text: '女性结婚有娃后，友 谊就注定变淡吗?',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list2-2.png',
text: '一套过节“高情商回话 公式”，专治嘴笨...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item2-list2-2.png',
text: '真正压垮女性的，从 来不只是“家务劳...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
}
])
const contentList22 = ref(libraryData?.value?.contentList22)
const listData3 = ref([]);
......@@ -558,94 +724,10 @@
}
//亲子生活
const contentList03 = ref([
{
img: $baseUrl + 'contentLibrary/1001/item0-list3-0.png',
text: '超实用！0-3岁宝宝居 家早教攻略，轻松...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list3-0.png',
text: '0-3岁不花钱早教，也 能让宝宝的智商赢...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item2-list3-0.png',
text: '0~3岁保姆级教程，不 用花钱早教，就能...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 310,
bottom: 43
}
])
const contentList13 = ref([
{
img: $baseUrl + 'contentLibrary/1001/item0-list3-1.png',
text: '毛毛镇\n《集落叶大行动》',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list3-1.png',
text: '毛毛镇\n《弹力条条》',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item2-list3-1.png',
text: '毛毛镇\n《你好春天》',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
}
])
const contentList03 = ref(libraryData?.value?.contentList03)
const contentList13 = ref(libraryData?.value?.contentList13)
const contentList23 = ref([
{
img: $baseUrl + 'contentLibrary/1001/item0-list3-2.png',
text: '读了50位妈妈的育儿 经验发现：亲子...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 53
},
{
img: $baseUrl + 'contentLibrary/1001/item1-list3-2.png',
text: '家庭教育很重要！做 好这6点，养出优...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
},
{
img: $baseUrl + 'contentLibrary/1001/item2-list3-2.png',
text: '宝宝一犯错就上头？ 掌握这7个办法解...',
width: 687,
height: 192,
imgHeight: 192,
textWidth: 290,
bottom: 43
}
])
const contentList23 = ref(libraryData?.value?.contentList23)
const listData4 = ref([]);
......@@ -661,12 +743,12 @@
listData2.value = [contentList01.value, contentList11.value, contentList21.value];
listData3.value = [contentList02.value, contentList12.value, contentList22.value];
listData4.value = [contentList03.value, contentList13.value, contentList23.value];
tabConfigs.value = ref({
expert: ['疾病护理', '脑育科普', '孕期护理'],
nutrition: ['辅食制作', '奶粉百科', '全家营养'],
momTalk: ['新鲜热议', '家庭生活', '心理成长'],
parentingLife: ['早教学习', '动画故事', '家庭关系']
});
// tabConfigs.value = ref({
// expert: ['疾病护理', '脑育科普', '孕期护理'],
// nutrition: ['辅食制作', '奶粉百科', '全家营养'],
// momTalk: ['新鲜热议', '家庭生活', '心理成长'],
// parentingLife: ['早教学习', '动画故事', '家庭关系']
// });
});
......@@ -676,8 +758,49 @@
}
const handleBannerClick = (item, index) => {
console.log(item, index)
jump({
type: JumpType.H5,
url: item.url
})
}
const zhuanjiaHandler = (url) => {
jump({
type: JumpType.H5,
url: url
})
}
//第二个三切页列表，营养辅食
const yingyangHandler = (url) => {
jump({
type: JumpType.H5,
url: url
})
}
//第三个三切页列表，星妈Talk
const xingmaHandler = (url) => {
jump({
type: JumpType.H5,
url: url
})
}
//第四个三切页列表，亲子生活
const qinziHandler = (url) => {
if(url == ''){
}else{
jump({
type: JumpType.H5,
url: url
})
}
}
</script>
<style lang="less" scoped>
......
views/Integral.vue
View file @ e071ff68
......@@ -16,7 +16,7 @@
class="banner-img"
:src="$baseUrl + `integral/1001/${item?.bannerImg}`"
mode="aspectFill"
@click="bannerHandler(index)"
@click="bannerHandler(item?.url)"
/>
</swiper-item>
</swiper>
......@@ -301,15 +301,16 @@
// 轮播图数据可在此定义（当前使用静态路径）
// "rgba(255,255,255,0.5)"
import { ref, onMounted, onBeforeMount } from 'vue';
import { ref, onMounted, onBeforeMount, computed } from 'vue';
import { jump, JumpType } from '@/utils/index.js'
import { useUserStore } from "@/stores/user";
import { fetchIntegralJSON } from '../api/integral';
const integralData = {
const integralData = ref({
swiper: [
{
bannerImg:"integralBannerBg0.png",
url:"https://www.baidu.com",
url:"subPackages/shopMainList/topicNew/index?id=1000916",
type:0
},
{
......@@ -491,7 +492,9 @@
// 其他分类数据...
]
}
};
});
// const integralData = ref({});
const swiperData = ref([]);//banner图片
const vipLvIcons = ref([]);//会员等级图标
......@@ -597,8 +600,14 @@
const nickName = ref('');
//banner点击事件
const bannerHandler = (index) => {
const url = swiperData.value[index].url;
const bannerHandler = (url) => {
// const url = swiperData.value[index].url;
if(url != ""){
jump({
type: JumpType.MINI,
url: url
})
}
console.log('bannerHandler=',url);
}
......@@ -694,19 +703,22 @@
}
onBeforeMount(async() => {
console.log('onBeforeMount');
const {data} = await fetchIntegralJSON();
integralData.value = {...data};
})
onMounted(async() => {
swiperData.value = integralData.swiper;
vipLvIcons.value = integralData.viplv.imgs;
vipIntegral.value = integralData.vipIntegral;
vipActive.value = integralData.vipActive;
tabInfo.value = integralData.goodsListData.tabInfo;
goodsData.value = integralData.goodsListData.goodsData;
imgInfos.value = integralData.qunyiInfo.imgInfos;
swiperData.value = integralData.value.swiper;
vipLvIcons.value = integralData.value.viplv.imgs;
vipIntegral.value = integralData.value.vipIntegral;
vipActive.value = integralData.value.vipActive;
tabInfo.value = integralData.value.goodsListData.tabInfo;
goodsData.value = integralData.value.goodsListData.goodsData;
imgInfos.value = integralData.value.qunyiInfo.imgInfos;
vipQuanyiData.value = [];////??????
vipQuanyiData.value = integralData.qunyiInfo.vipLvsQuanyi;
vipQuanyiData.value = integralData.value.qunyiInfo.vipLvsQuanyi;
quanyiListIcon.value = [];/////????
imgInfos.value.forEach((element,index) => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment