Skip to content

飞
飞鹤小程序
Commit a768b22e authored by chenkai@duiba.com.cn's avatar chenkai@duiba.com.cn
Browse files
Options

首页工具新增体质测试和AI起名

parent cfa344ec
Hide whitespace changes
Inline Side-by-side
Showing with 1977 additions and 2122 deletions
mock/home.json
View file @ a768b22e
{
"contentImgList": [
{
"videoUrl": "https://course.feihe.com/momclub-picture/homepage/4-0%E5%AE%98%E7%BD%91%E8%A7%86%E9%A2%91.mp4",
"_style": "width:311rpx;height: 324rpx;left: 40rpx;top: 0;",
"link": "www.baidu.com",
"bgUrl": "homepage/content_1.png"
},
{
"videoUrl": "https://course.feihe.com/momclub-picture/homepage/%E9%A6%96%E9%A1%B5_2%E9%A3%9E%E9%B9%A4%E8%BF%9E%E7%BB%AD%E4%BA%94%E5%B9%B4%E5%A5%B6%E7%B2%89%E7%AC%AC%E4%B8%80.mp4",
"_style": "width:263rpx;height: 324rpx;right: 40rpx;top: 400rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/content_2.png"
},
{
"videoUrl": "https://course.feihe.com/momclub-picture/homepage/%E9%A6%96%E9%A1%B5_3%E3%80%909%E6%9C%8827%E6%97%A5%E3%80%91%E9%A3%9E%E9%B9%A4_%E4%B8%96%E7%95%8C%E6%97%85%E6%B8%B8%E6%97%A5.mp4",
"_style": "width:418rpx;height: 345rpx;left: 40rpx;top: 750rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/content_3.png"
},
{
"_style": "width:263rpx;height: 324rpx;right: 40rpx;top: 1120rpx;",
"link": {
"extra": {},
"type": 3,
"url": "https://mp.weixin.qq.com/s/HhBF5h8xX8zOrthsy2-Y-A"
},
"bgUrl": "homepage/content_4.png"
}
],
"toolList": {
"maintitle": "工具推荐",
"jtIcon": "homepage/tool_jt.png",
"subtitle": "更多妈妈都在用，告别手忙脚乱，助你轻松带娃！",
"tools": [
{
"icon": "homepage/tool_icon_2.png",
"link": {
"extra": {},
"type": 1,
"url": "/pages/feedingIndex/feedingIndex"
},
"context": "一键更新喂养记录",
"type": 1,
"title": "喂养工具"
},
{
"icon": "homepage/tool_icon_3.png",
"link": {
"extra": {},
"type": 1,
"url": "/pages/postnatalCheckUp/postnatalCheckUp"
},
"context": "孕周检查准时告知",
"type": 1,
"title": "产检提醒"
},
{
"icon": "homepage/tool_icon_4.png",
"link": {
"extra": {},
"type": 1,
"url": "/pages/shengzhangTools/shengzhangTools"
},
"context": "发育偏离预警早报",
"type": 1,
"title": "宝宝生长测评"
}
],
"bgUrl": "homepage/toolBg.png"
},
"suggest": {
"link": {
"type": 3,
"url": "https://mom.feihe.com/expertsView?from=home"
}
},
"channelTabList": [
"凯叔讲故事",
"品格培养",
"知识科普",
"睡眠作息",
"宝贝喂养"
],
"popupImageObj": {
"btnName": "立即寻宝",
"jumpType": 1,
"imageUrl": "homepage/popImg/popBgImg2.jpg",
"jumpExtra": {},
"title": "北纬47°鲜活溯源之旅",
"jumpUrl": "/pages/syWebview/syWebview?p=xmh11"
},
"voiceStory": {
"link": {
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia?from=song&sourceFrom=moreTools&source=moreTools&num=1&bir=2024-05-23&monthAge=12&month=null"
}
},
"channelTabListMianTitle": "有声频道",
"swiperList": [
{
"img": "homepage/homeSwiper/V1/7.jpg",
"link": {
"extra": {},
"type": 1,
"url": "/pages/syWebview/syWebview?p=xmh09"
},
"type": 1,
"title": "北纬47°鲜活溯源之旅",
"url": "homepage/homeSwiper/V1/7.jpg"
},
{
"videoUrl": "homepage/homeSwiper/V1/8.mp4",
"link": {},
"title": "先是自己再是妈妈",
"url": "homepage/homeSwiper/V1/8.png"
},
{
"videoUrl": "homepage/homeSwiper/V1/2.m4v",
"link": {},
"title": "成为妈妈更懂妈妈",
"url": "homepage/homeSwiper/V1/2.png"
},
{
"img": "homepage/homeSwiper/V1/28会员日.jpg",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "/subPackages/shopMainList/topicNew/index?id=1001087"
},
"title": "28会员日",
"url": "homepage/homeSwiper/V1/28会员日.jpg"
}
],
"childrenInfoList": [
[
{
"desc2": "乙肝母婴传播可防可控，但“时间窗口”不容错过！",
"link": {
"extra": {},
"type": 3,
"url": "https://mp.weixin.qq.com/s/8OHpMdvbuwJPGsfdXs7aDg"
},
"isNew": false,
"desc": "新生儿出生后24小时必做！错过可能影响一生健康",
"bgUrl": "homepage/children/childrenV1/1.jpg"
},
{
"desc2": "家长通过科学抚触，不仅能激活宝宝大脑神经突触，还能为宝宝的认知力、自护力打下坚实基础。",
"link": {
"extra": {},
"type": 3,
"url": "https://mp.weixin.qq.com/s/vMyPcDbAmwMsZCMlW0kkDA"
},
"isNew": false,
"desc": "0-3岁宝宝触觉发育关键期，附按摩手法！",
"bgUrl": "homepage/children/childrenV1/2.jpg"
},
{
"desc2": "究竟是体质虚弱？生病了？还是缺乏某些营养元素呢？星妈会带你一次性搞懂宝宝出汗的秘密！",
"link": {
"extra": {},
"type": 3,
"url": "https://mp.weixin.qq.com/s/pnYVG4yTuBSbNN-fIYKrCQ"
},
"isNew": false,
"desc": "宝宝满头汗vs全身湿！小心这4种疾病，正在偷走健康！",
"bgUrl": "homepage/children/childrenV1/3.jpg"
}
]
],
"vipConfigList": [
{
"btnTitle": "首注200元优惠券",
"subTitle": "新人礼权益",
"level": "注册会员",
"btnSubTitle": "立即注册",
"grade": "-1",
"bgUrl": "homepage/cardbg1.png"
},
{
"btnTitle": "三甲医生在线问诊",
"subTitle": "免费问诊权益",
"btnSubTitle": "立即了解",
"grade": "0",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
},
{
"btnTitle": "12类系列课程",
"subTitle": "育儿课程权益",
"btnSubTitle": "立即了解",
"grade": "1",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
},
{
"btnTitle": "12类系列课程",
"subTitle": "育儿课程权益",
"btnSubTitle": "立即了解",
"grade": "2",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
},
{
"btnTitle": "1分购、优惠券",
"subTitle": "月月礼权益",
"btnSubTitle": "立即了解",
"grade": "3",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
},
{
"btnTitle": "1分购、优惠券",
"subTitle": "月月礼权益",
"btnSubTitle": "立即了解",
"grade": "4",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
}
],
"changelInfoList": [
[
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22101&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【藏好了吗】",
"bgUrl": "homepage/channel/soundChannelV1/1/1.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22102&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【水和风和娃娃】",
"bgUrl": "homepage/channel/soundChannelV1/1/2.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22103&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【羽绒被】",
"bgUrl": "homepage/channel/soundChannelV1/1/3.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22104&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【知了的外衣】",
"bgUrl": "homepage/channel/soundChannelV1/1/4.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22106&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【风】",
"bgUrl": "homepage/channel/soundChannelV1/1/5.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22107&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【我和小鸟和铃铛】",
"bgUrl": "homepage/channel/soundChannelV1/1/6.jpg"
}
],
[
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21891&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "培养宝宝不虚荣的好品格：【红舞鞋】",
"bgUrl": "homepage/channel/soundChannelV1/2/1.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21845&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "【动物王国】教宝宝学会爱护东西：【谁是破坏王】",
"bgUrl": "homepage/channel/soundChannelV1/2/2.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21930&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "培养宝宝拒绝的勇气：【该说不，就说不】",
"bgUrl": "homepage/channel/soundChannelV1/2/3.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21898&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "培养宝宝专心的好习惯：【两个青年学棋】",
"bgUrl": "homepage/channel/soundChannelV1/2/4.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21953&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "培养宝宝坚持的好品格：【不怕挫折的渔夫】",
"bgUrl": "homepage/channel/soundChannelV1/2/5.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21840&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "培养宝宝的自制力：【一次只要一个】",
"bgUrl": "homepage/channel/soundChannelV1/2/6.jpg"
}
],
[
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/calendar/parentchildsongsdetail?id=22281"
},
"desc": "营养健康小知识：营养元素钙铁锌",
"bgUrl": "homepage/channel/soundChannelV1/3/1.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21328&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝指甲长倒刺是缺维生素吗？",
"bgUrl": "homepage/channel/soundChannelV1/3/2.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21545&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "如何分辨宝宝是攒肚还是便秘？",
"bgUrl": "homepage/channel/soundChannelV1/3/3.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21310&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "手足口疫苗有必要打吗？",
"bgUrl": "homepage/channel/soundChannelV1/3/4.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21734&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝多大开始刷牙？一定不能晚于这个时间！",
"bgUrl": "homepage/channel/soundChannelV1/3/5.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=25897&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "如何缓解0-6月宝宝肠绞痛？",
"bgUrl": "homepage/channel/soundChannelV1/3/6.jpg"
}
],
[
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21533&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "如何拯救睡渣宝宝？培养自主入睡？",
"bgUrl": "homepage/channel/soundChannelV1/4/1.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21602&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "开灯睡觉影响宝宝智力发育？",
"bgUrl": "homepage/channel/soundChannelV1/4/2.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21613&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝都爱“投降式睡姿”？要纠正吗？",
"bgUrl": "homepage/channel/soundChannelV1/4/3.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21494&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "娃睡得正香，要不要叫醒吃奶？",
"bgUrl": "homepage/channel/soundChannelV1/4/4.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21633&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝总夜醒怎么办？",
"bgUrl": "homepage/channel/soundChannelV1/4/5.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21629&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝每天睡多久合适？",
"bgUrl": "homepage/channel/soundChannelV1/4/6.jpg"
}
],
[
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21357&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝夏日拉肚子该怎么办？",
"bgUrl": "homepage/channel/soundChannelV1/5/1.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21497&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "给宝宝冲奶粉，冲稀点不上火，浓点更营养？",
"bgUrl": "homepage/channel/soundChannelV1/5/2.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21506&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "怎样辨别奶粉中含有香精？",
"bgUrl": "homepage/channel/soundChannelV1/5/3.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21455&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "怎样判断宝宝吃饱了没？",
"bgUrl": "homepage/channel/soundChannelV1/5/4.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21495&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "奶粉颜色偏黄好？还是偏白好？",
"bgUrl": "homepage/channel/soundChannelV1/5/5.jpg"
},
{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21489&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "冲奶粉，不能用哪种水？",
"bgUrl": "homepage/channel/soundChannelV1/5/6.jpg"
}
]
],
"bottomLinkList": [
{
"_style": "width:70rpx;height:109rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/iconwx.png"
},
{
"_style": "width:95rpx;height:109rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/iconqw.png"
},
{
"_style": "width:70rpx;height:109rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/iconsph.png"
},
{
"_style": "width:88rpx;height:99rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/iconxhs.png"
}
],
"vipCardList": [
{
"btnTitle": "12类系列课程",
"subTitle": "育儿课程权益",
"level": "钻石会员",
"btnSubTitle": "立即了解",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
},
{
"btnTitle": "",
"showCornerTxt": "",
"subTitle": "来自万年黑土的健康食品",
"level": "北纬47°系列",
"btnSubTitle": "",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/shopMainList/topicNew/index?id=1000265&entrySource=xmh_wechatmp_home_recgoods"
},
"bgUrl": "homepage/cardbg2.png"
},
{
"btnTitle": "",
"showCornerTxt": "",
"subTitle": "专家文章、育儿知识、饮食知识",
"level": "育儿宝典",
"btnSubTitle": "",
"link": {
"extra": {},
"type": 1,
"url": "/pages/library/ContentLibrary"
},
<<<<<<< HEAD
"bgUrl": "homepage/cardbg3.png"
}
],
"qrInfoList": [
=======
"context": "一键更新喂养记录",
"type": 1,
"title": "喂养工具"
},
{
"icon": "homepage/tool_icon_3.png",
"link": {
"extra": {},
"type": 1,
"url": "/pages/postnatalCheckUp/postnatalCheckUp"
},
"context": "孕周检查准时告知",
"type": 1,
"title": "产检提醒"
},
{
"icon": "homepage/tool_icon_4.png",
"link": {
"extra": {},
"type": 1,
"url": "/pages/shengzhangTools/shengzhangTools"
},
"context": "发育偏离预警早报",
"type": 1,
"title": "宝宝生长测评"
},
{
"icon": "homepage/tool_icon_5.png",
"link": {
"extra": {},
"type": 3,
"url": "https://ali.xudankeji.com/play/rCeXjMai"
},
"context": "测体质选奶粉",
"type": 1,
"title": "体质测试"
}
],
"bgUrl": "homepage/toolBg.png"
},
"suggest": {
"link": {
"type": 3,
"url": "https://mom.feihe.com/expertsView?from=home"
}
},
"channelTabList": [
"凯叔讲故事",
"品格培养",
"知识科普",
"睡眠作息",
"宝贝喂养"
],
"popupImageObj": {
"jumpType": 1,
"imageUrl": "homepage/popImg/popBgImg2.jpg",
"jumpExtra": {},
"jumpUrl": "/pages/syWebview/syWebview?p=xmh11"
},
"voiceStory": {
"link": {
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia?from=song&sourceFrom=moreTools&source=moreTools&num=1&bir=2024-05-23&monthAge=12&month=null"
}
},
"channelTabListMianTitle": "有声频道",
"swiperList": [
{
"img": "homepage/homeSwiper/V1/7.jpg",
"link": {
"extra": {},
"type": 1,
"url": "/pages/syWebview/syWebview?p=xmh09"
},
"type": 1,
"url": "homepage/homeSwiper/V1/7.jpg"
},
{
"videoUrl": "homepage/homeSwiper/V1/2.m4v",
"link": {},
"url": "homepage/homeSwiper/V1/2.png"
},
{
"img": "homepage/homeSwiper/V1/28会员日.jpg",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "/subPackages/shopMainList/topicNew/index?id=1001087"
},
"url": "homepage/homeSwiper/V1/28会员日.jpg"
}
],
"childrenInfoList": [
[
>>>>>>> master
{
"qrUrl": "homepage/qrcode_gzh.png",
"title": "公众号",
"desc": "长按关注<span style:'color:#D3A358;'>星妈会</span>公众号，了解更多专业育儿资讯"
},
{
"qrUrl": "homepage/qrcode_qw.png",
"title": "企业微信",
"desc": "长按添加<span style:'color:#D3A358;'>星妈管家</span>，享受专家问诊与社群福利活动"
},
{
"qrUrl": "homepage/qrcode_sph.png",
"title": "视频号",
"desc": "扫码关注<span style:'color:#D3A358;'>星妈会</span>视频号，了解更多专业育儿资讯"
}
],
"childrenInfoListMianTitle": "育儿智库",
"expertTeam": {
"maintitle": "专家团",
"etConUrl2": "homepage/et_con2.png",
"etConUrl3": "homepage/et_con3.png",
"etConUrl1": "homepage/et_con11.png"
}
}
\ No newline at end of file
{
"contentImgList": [{
"videoUrl": "https://course.feihe.com/momclub-picture/homepage/4-0%E5%AE%98%E7%BD%91%E8%A7%86%E9%A2%91.mp4",
"_style": "width:311rpx;height: 324rpx;left: 40rpx;top: 0;",
"link": "www.baidu.com",
"bgUrl": "homepage/content_1.png"
}, {
"videoUrl": "https://course.feihe.com/momclub-picture/homepage/%E9%A6%96%E9%A1%B5_2%E9%A3%9E%E9%B9%A4%E8%BF%9E%E7%BB%AD%E4%BA%94%E5%B9%B4%E5%A5%B6%E7%B2%89%E7%AC%AC%E4%B8%80.mp4",
"_style": "width:263rpx;height: 324rpx;right: 40rpx;top: 400rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/content_2.png"
}, {
"videoUrl": "https://course.feihe.com/momclub-picture/homepage/%E9%A6%96%E9%A1%B5_3%E3%80%909%E6%9C%8827%E6%97%A5%E3%80%91%E9%A3%9E%E9%B9%A4_%E4%B8%96%E7%95%8C%E6%97%85%E6%B8%B8%E6%97%A5.mp4",
"_style": "width:418rpx;height: 345rpx;left: 40rpx;top: 750rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/content_3.png"
}, {
"_style": "width:263rpx;height: 324rpx;right: 40rpx;top: 1120rpx;",
"link": {
"extra": {},
"type": 3,
"url": "https://mp.weixin.qq.com/s/HhBF5h8xX8zOrthsy2-Y-A"
},
"bgUrl": "homepage/content_4.png"
}],
"toolList": {
"maintitle": "工具推荐",
"jtIcon": "homepage/tool_jt.png",
"subtitle": "更多妈妈都在用，告别手忙脚乱，助你轻松带娃！",
"tools": [{
"icon": "homepage/tool_icon_2.png",
"link": {
"extra": {},
"type": 1,
"url": "/pages/feedingIndex/feedingIndex"
},
"context": "一键更新喂养记录",
"type": 1,
"title": "喂养工具"
}, {
"icon": "homepage/tool_icon_3.png",
"link": {
"extra": {},
"type": 1,
"url": "/pages/postnatalCheckUp/postnatalCheckUp"
},
"context": "孕周检查准时告知",
"type": 1,
"title": "产检提醒"
}, {
"icon": "homepage/tool_icon_4.png",
"link": {
"extra": {},
"type": 1,
"url": "/pages/shengzhangTools/shengzhangTools"
},
"context": "发育偏离预警早报",
"type": 1,
"title": "宝宝生长测评"
}, {
"icon": "homepage/tool_icon_6.png",
"link": {
"extra": {},
"type": 3,
"url": "https://ali.xudankeji.com/play/rCeXjMai"
},
"context": "测体质选奶粉",
"type": 1,
"title": "体质测试"
}, {
"icon": "homepage/tool_icon_1.png",
"link": {
"extra": {},
"type": 1,
"url": "/pages/naming/naming"
},
"context": "AI生成吉利好名",
"type": 1,
"title": "AI起名"
}],
"bgUrl": "homepage/toolBg.png"
},
"suggest": {
"link": {
"type": 3,
"url": "https://mom.feihe.com/expertsView?from=home"
}
},
"channelTabList": ["凯叔讲故事", "品格培养", "知识科普", "睡眠作息", "宝贝喂养"],
"popupImageObj": {
"btnName": "立即寻宝",
"jumpType": 1,
"imageUrl": "homepage/popImg/popBgImg2.jpg",
"jumpExtra": {},
"title": "北纬47°鲜活溯源之旅",
"jumpUrl": "/pages/syWebview/syWebview?p=xmh11"
},
"voiceStory": {
"link": {
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia?from=song&sourceFrom=moreTools&source=moreTools&num=1&bir=2024-05-23&monthAge=12&month=null"
}
},
"channelTabListMianTitle": "有声频道",
"swiperList": [{
"img": "homepage/homeSwiper/V1/7.jpg",
"link": {
"extra": {},
"type": 1,
"url": "/pages/syWebview/syWebview?p=xmh09"
},
"type": 1,
"title": "北纬47°鲜活溯源之旅",
"url": "homepage/homeSwiper/V1/7.jpg"
}, {
"videoUrl": "homepage/homeSwiper/V1/8.mp4",
"link": {},
"title": "先是自己再是妈妈",
"url": "homepage/homeSwiper/V1/8.png"
}, {
"videoUrl": "homepage/homeSwiper/V1/2.m4v",
"link": {},
"title": "成为妈妈更懂妈妈",
"url": "homepage/homeSwiper/V1/2.png"
}, {
"img": "homepage/homeSwiper/V1/28会员日.jpg",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "/subPackages/shopMainList/topicNew/index?id=1001087"
},
"title": "28会员日",
"url": "homepage/homeSwiper/V1/28会员日.jpg"
}],
"childrenInfoList": [
[{
"desc2": "乙肝母婴传播可防可控，但“时间窗口”不容错过！",
"link": {
"extra": {},
"type": 3,
"url": "https://mp.weixin.qq.com/s/8OHpMdvbuwJPGsfdXs7aDg"
},
"isNew": false,
"desc": "新生儿出生后24小时必做！错过可能影响一生健康",
"bgUrl": "homepage/children/childrenV1/1.jpg"
}, {
"desc2": "家长通过科学抚触，不仅能激活宝宝大脑神经突触，还能为宝宝的认知力、自护力打下坚实基础。",
"link": {
"extra": {},
"type": 3,
"url": "https://mp.weixin.qq.com/s/vMyPcDbAmwMsZCMlW0kkDA"
},
"isNew": false,
"desc": "0-3岁宝宝触觉发育关键期，附按摩手法！",
"bgUrl": "homepage/children/childrenV1/2.jpg"
}, {
"desc2": "究竟是体质虚弱？生病了？还是缺乏某些营养元素呢？星妈会带你一次性搞懂宝宝出汗的秘密！",
"link": {
"extra": {},
"type": 3,
"url": "https://mp.weixin.qq.com/s/pnYVG4yTuBSbNN-fIYKrCQ"
},
"isNew": false,
"desc": "宝宝满头汗vs全身湿！小心这4种疾病，正在偷走健康！",
"bgUrl": "homepage/children/childrenV1/3.jpg"
}]
],
"vipConfigList": [{
"btnTitle": "首注200元优惠券",
"subTitle": "新人礼权益",
"level": "注册会员",
"btnSubTitle": "立即注册",
"grade": "-1",
"bgUrl": "homepage/cardbg1.png"
}, {
"btnTitle": "三甲医生在线问诊",
"subTitle": "免费问诊权益",
"btnSubTitle": "立即了解",
"grade": "0",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
}, {
"btnTitle": "12类系列课程",
"subTitle": "育儿课程权益",
"btnSubTitle": "立即了解",
"grade": "1",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
}, {
"btnTitle": "12类系列课程",
"subTitle": "育儿课程权益",
"btnSubTitle": "立即了解",
"grade": "2",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
}, {
"btnTitle": "1分购、优惠券",
"subTitle": "月月礼权益",
"btnSubTitle": "立即了解",
"grade": "3",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
}, {
"btnTitle": "1分购、优惠券",
"subTitle": "月月礼权益",
"btnSubTitle": "立即了解",
"grade": "4",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
}],
"changelInfoList": [
[{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22101&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【藏好了吗】",
"bgUrl": "homepage/channel/soundChannelV1/1/1.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22102&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【水和风和娃娃】",
"bgUrl": "homepage/channel/soundChannelV1/1/2.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22103&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【羽绒被】",
"bgUrl": "homepage/channel/soundChannelV1/1/3.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22104&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【知了的外衣】",
"bgUrl": "homepage/channel/soundChannelV1/1/4.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22106&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【风】",
"bgUrl": "homepage/channel/soundChannelV1/1/5.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=22107&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "凯叔·金子美铃童诗：【我和小鸟和铃铛】",
"bgUrl": "homepage/channel/soundChannelV1/1/6.jpg"
}],
[{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21891&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "培养宝宝不虚荣的好品格：【红舞鞋】",
"bgUrl": "homepage/channel/soundChannelV1/2/1.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21845&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "【动物王国】教宝宝学会爱护东西：【谁是破坏王】",
"bgUrl": "homepage/channel/soundChannelV1/2/2.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21930&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "培养宝宝拒绝的勇气：【该说不，就说不】",
"bgUrl": "homepage/channel/soundChannelV1/2/3.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21898&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "培养宝宝专心的好习惯：【两个青年学棋】",
"bgUrl": "homepage/channel/soundChannelV1/2/4.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21953&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "培养宝宝坚持的好品格：【不怕挫折的渔夫】",
"bgUrl": "homepage/channel/soundChannelV1/2/5.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21840&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "培养宝宝的自制力：【一次只要一个】",
"bgUrl": "homepage/channel/soundChannelV1/2/6.jpg"
}],
[{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/calendar/parentchildsongsdetail?id=22281"
},
"desc": "营养健康小知识：营养元素钙铁锌",
"bgUrl": "homepage/channel/soundChannelV1/3/1.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21328&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝指甲长倒刺是缺维生素吗？",
"bgUrl": "homepage/channel/soundChannelV1/3/2.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21545&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "如何分辨宝宝是攒肚还是便秘？",
"bgUrl": "homepage/channel/soundChannelV1/3/3.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21310&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "手足口疫苗有必要打吗？",
"bgUrl": "homepage/channel/soundChannelV1/3/4.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21734&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝多大开始刷牙？一定不能晚于这个时间！",
"bgUrl": "homepage/channel/soundChannelV1/3/5.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=25897&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "如何缓解0-6月宝宝肠绞痛？",
"bgUrl": "homepage/channel/soundChannelV1/3/6.jpg"
}],
[{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21533&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "如何拯救睡渣宝宝？培养自主入睡？",
"bgUrl": "homepage/channel/soundChannelV1/4/1.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21602&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "开灯睡觉影响宝宝智力发育？",
"bgUrl": "homepage/channel/soundChannelV1/4/2.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21613&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝都爱“投降式睡姿”？要纠正吗？",
"bgUrl": "homepage/channel/soundChannelV1/4/3.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21494&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "娃睡得正香，要不要叫醒吃奶？",
"bgUrl": "homepage/channel/soundChannelV1/4/4.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21633&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝总夜醒怎么办？",
"bgUrl": "homepage/channel/soundChannelV1/4/5.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21629&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝每天睡多久合适？",
"bgUrl": "homepage/channel/soundChannelV1/4/6.jpg"
}],
[{
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21357&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "宝宝夏日拉肚子该怎么办？",
"bgUrl": "homepage/channel/soundChannelV1/5/1.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21497&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "给宝宝冲奶粉，冲稀点不上火，浓点更营养？",
"bgUrl": "homepage/channel/soundChannelV1/5/2.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21506&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "怎样辨别奶粉中含有香精？",
"bgUrl": "homepage/channel/soundChannelV1/5/3.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21455&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "怎样判断宝宝吃饱了没？",
"bgUrl": "homepage/channel/soundChannelV1/5/4.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21495&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "奶粉颜色偏黄好？还是偏白好？",
"bgUrl": "homepage/channel/soundChannelV1/5/5.jpg"
}, {
"link": {
"extra": {},
"type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21489&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=0"
},
"desc": "冲奶粉，不能用哪种水？",
"bgUrl": "homepage/channel/soundChannelV1/5/6.jpg"
}]
],
"bottomLinkList": [{
"_style": "width:70rpx;height:109rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/iconwx.png"
}, {
"_style": "width:95rpx;height:109rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/iconqw.png"
}, {
"_style": "width:70rpx;height:109rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/iconsph.png"
}, {
"_style": "width:88rpx;height:99rpx;",
"link": "www.baidu.com",
"bgUrl": "homepage/iconxhs.png"
}],
"vipCardList": [{
"btnTitle": "12类系列课程",
"subTitle": "育儿课程权益",
"level": "钻石会员",
"btnSubTitle": "立即了解",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/xmhMainProcess/member/index?entrySource=xmh_wechatmp_points_recgoodsbot"
},
"bgUrl": "homepage/cardbg1.png"
}, {
"btnTitle": "",
"showCornerTxt": "",
"subTitle": "来自万年黑土的健康食品",
"level": "北纬47°系列",
"btnSubTitle": "",
"link": {
"extra": {
"envVersion": "release",
"appId": "wx4205ec55b793245e"
},
"type": 2,
"url": "subPackages/shopMainList/topicNew/index?id=1000265&entrySource=xmh_wechatmp_home_recgoods"
},
"bgUrl": "homepage/cardbg2.png"
}, {
"btnTitle": "",
"showCornerTxt": "",
"subTitle": "专家文章、育儿知识、饮食知识",
"level": "育儿宝典",
"btnSubTitle": "",
"link": {
"extra": {},
"type": 1,
"url": "/pages/library/ContentLibrary"
},
"bgUrl": "homepage/cardbg3.png"
}],
"qrInfoList": [{
"qrUrl": "homepage/qrcode_gzh.png",
"title": "公众号",
"desc": "长按关注<span style:'color:#D3A358;'>星妈会</span>公众号，了解更多专业育儿资讯"
}, {
"qrUrl": "homepage/qrcode_qw.png",
"title": "企业微信",
"desc": "长按添加<span style:'color:#D3A358;'>星妈管家</span>，享受专家问诊与社群福利活动"
}, {
"qrUrl": "homepage/qrcode_sph.png",
"title": "视频号",
"desc": "扫码关注<span style:'color:#D3A358;'>星妈会</span>视频号，了解更多专业育儿资讯"
}],
"childrenInfoListMianTitle": "育儿智库",
"expertTeam": {
"maintitle": "专家团",
"etConUrl2": "homepage/et_con2.png",
"etConUrl3": "homepage/et_con3.png",
"etConUrl1": "homepage/et_con11.png"
}
}
\ No newline at end of file
pages.json
View file @ a768b22e
......@@ -63,6 +63,20 @@
"navigationBarTitleText": ""
}
},
{
"path": "pages/naming/naming",
"style": {
"navigationBarTitleText": "星妈起名",
"enablePullDownRefresh": false
}
},
{
"path": "pages/naming/namingResult",
"style": {
"navigationBarTitleText": "星妈起名",
"enablePullDownRefresh": false
}
},
{
"path": "pages/expertTeamPage/expertTeamPage",
"style": {
......
pages/naming/naming.vue
View file @ a768b22e
......@@ -170,10 +170,10 @@
<view class="item_line"></view>
</view>
<!--避讳字-->
<!--避免字-->
<view class="taboo_word">
<view class="item_top">
<span class="title_txt">避讳字</span>
<span class="title_txt">避免字</span>
<input class="taboo_input" :placeholder="showPlaceholder2 ? '示例：然、萌' : ''" v-model="avoidChars"
@blur="e => enforceSeparator(e, 2)" @click="showPlaceholder2 = false" />
</view>
......@@ -293,7 +293,7 @@
//必有字
const requiredChars = ref('');
const showPlaceholder2 = ref(true);
//避讳字
//避免字
const avoidChars = ref('');
//期望风格
const expectedStyle = ref('');
......@@ -416,7 +416,7 @@
return input.length <= filtered.length || input === filtered
}
//设置必有字和避讳字，用、隔开每一个字
//设置必有字和避免字，用、隔开每一个字
const enforceSeparator = (e, idx) => {
let text = e.detail.value
// 1. 移除所有现有分隔符（避免干扰）
......
views/Home.vue
View file @ a768b22e
......@@ -58,8 +58,8 @@
<swiper-item v-for="(item, index) in toolList.tools" :key="index"
:class="['swiperItem', { 'active': currentIndex === index }]">
<view class="tool">
<button v-if="homeStore && !homeStore.isLogin && index > 0" open-type="getPhoneNumber"
@getphonenumber="onGetPhoneNumber" class="sq_btn"></button>
<button v-if="homeStore && !homeStore.isLogin && item.title!='AI起名' && item.title!='体质测试'"
open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber" class="sq_btn"></button>
<image class="tool_bg" :src="$baseUrl + item.icon" @tap="handleToolClick(item)">
</image>
<!-- <image class="tool_icon" :src="$baseUrl + item.icon"></image>
......@@ -328,1629 +328,1629 @@
<script>
import {
jump,
JumpType
} from '../utils';
import {
useHomeStore
} from '../stores/home';
import {
fetchHomeJSON
} from '../api/home';
import {
useUserStore
} from '../stores/user';
import RegisterLayer from "../components/RegisterLayer.vue";
import md from '../md';
import ExposureTracker from '../utils/exposure';
import {
getHealthField
} from "@/api/common";
// const homeStore = useHomeStore();
const userStore = useUserStore();
// 定义需要曝光检测的元素配置
const EXPOSURE_CONFIGS = [{
id: 'firstScreen',
logParams: {
xcxPage: '首页-首屏页面浏览',
pageName: '首页-首屏'
}
},
// 可以添加更多需要曝光检测的元素配置
{
id: 'secondScreen',
logParams: {
xcxPage: '首页-二屏页面浏览',
pageName: '首页-二屏'
}
},
{
id: 'thirdScreen',
logParams: {
xcxPage: '首页-三屏页面浏览',
pageName: '首页-三屏'
}
},
{
id: 'fourthScreen',
logParams: {
xcxPage: '首页-四屏页面浏览',
pageName: '首页-四屏'
}
}
];
export default {
beforeDestroy() {
if (this.exposureTracker) {
this.exposureTracker.resetAllExposure();
}
},
deactivated() {
if (this.exposureTracker) {
this.exposureTracker.resetAllExposure();
}
},
data() {
return {
popType: 'bottom',
statusBarHeight: 38,
showRegisterLayer: false,
swiperList: [],
indicatorDots: true,
autoplay: true,
interval: 4000,
duration: 500,
indicatoractiveColor: "#a6a0a1",
indicatorColor: "rgba(255, 255, 255, 1)",
toolList: {},
expertTeam: {},
vipCardList: [],
contentImgList: [],
channelTabList: [],
channelTabIndex: 0,
changelInfoList: [],
childrenInfoList: [],
bottomLinkList: [],
qrInfoObj: undefined,
popupIndex: 0,
qrInfoList: [{
title: '',
desc: '',
qrUrl: ''
}, {
title: '',
desc: '',
qrUrl: ''
}, {
title: '',
desc: '',
qrUrl: ''
}, {
title: '',
desc: '',
qrUrl: ''
}],
qrObj: {
title: '',
desc: '',
qrUrl: ''
},
showVideo: false,
currentVideoUrl: '',
isClickPhoneAuth: false,
voiceStory: {},
suggest: {},
videoHeight: '56vw',
qrNameList: ['公众号', '企业微信', '视频号', '小红书'],
windowHeight: 0,
isFirstScreenExposed: false,
scrollTimer: null,
exposureTracker: null,
currentIndex: 0,
etTabSelIndex: 0,
bannerCurrentIndex: 0,
childrenInfoListMianTitle: '',
channelTabListMianTitle: '',
popupImageUrl: '',
popupImageObj: {},
}
},
components: {
RegisterLayer
},
computed: {
homeStore() {
return useHomeStore();
}
},
props: {
scrollTop: {
type: Number,
default: 0
}
},
watch: {
homeStore: {
handler(newVal) {
this.showRegisterLayer = this.isClickPhoneAuth && newVal.isLogin && !newVal.babyExistence;
if (newVal.homeInfo !== null) {
this.initHomeInfo();
this.checkAndShowPopup();
}
},
deep: true,
immediate: true
import {
jump,
JumpType
} from '../utils';
import {
useHomeStore
} from '../stores/home';
import {
fetchHomeJSON
} from '../api/home';
import {
useUserStore
} from '../stores/user';
import RegisterLayer from "../components/RegisterLayer.vue";
import md from '../md';
import ExposureTracker from '../utils/exposure';
import {
getHealthField
} from "@/api/common";
// const homeStore = useHomeStore();
const userStore = useUserStore();
// 定义需要曝光检测的元素配置
const EXPOSURE_CONFIGS = [{
id: 'firstScreen',
logParams: {
xcxPage: '首页-首屏页面浏览',
pageName: '首页-首屏'
}
},
scrollTop: {
handler(newVal) {
this.checkExposure(newVal);
// 可以添加更多需要曝光检测的元素配置
{
id: 'secondScreen',
logParams: {
xcxPage: '首页-二屏页面浏览',
pageName: '首页-二屏'
}
}
},
mounted() {
const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
this.statusBarHeight = menuButtonInfo.top;
this.isClickPhoneAuth = false;
// 获取窗口高度
const systemInfo = uni.getSystemInfoSync();
this.windowHeight = systemInfo.windowHeight;
// 初始化曝光检测工具
this.exposureTracker = new ExposureTracker(this);
this.exposureTracker.addExposureElements(EXPOSURE_CONFIGS);
// 初始检查曝光
this.$nextTick(() => {
this.checkExposure(this.scrollTop);
});
},
unmounted() {
// 组件销毁时清理弹窗状态（可选，根据业务需求决定是否保留状态）
// 如果需要重置弹窗状态，可以在这里调用 this.resetPopupState()
},
methods: {
testSource() {
uni.navigateTo({
url: '/pages/syWebview/syWebview?p=xmh'
})
},
async initHomeInfo() {
const {
data
} = await fetchHomeJSON();
console.warn("data", data)
if (data) {
this.swiperList = data.swiperList;
this.vipConfigList = data.vipConfigList;
// this.vipCardList = data.vipCardList;
this.contentImgList = data.contentImgList;
this.channelTabList = data.channelTabList;
this.changelInfoList = data.changelInfoList;
this.childrenInfoList = data.childrenInfoList[0] || [];
this.bottomLinkList = data.bottomLinkList;
this.qrInfoList = data.qrInfoList || [];
this.toolList = data.toolList;
this.expertTeam = data.expertTeam;
this.vipCardList = data.vipCardList;
this.voiceStory = data.voiceStory;
this.suggest = data.suggest;
this.childrenInfoListMianTitle = data.childrenInfoListMianTitle;
this.channelTabListMianTitle = data.channelTabListMianTitle;
this.popupImageUrl = this.$baseUrl + data.popupImageObj?.imageUrl || '';
this.popupImageObj = data.popupImageObj || {};
if (this.homeStore.isLogin) {
this.vipCardList[0] = data.vipConfigList.find(item => item.grade === this.homeStore.homeInfo
?.grade);
this.vipCardList[0].level = this.homeStore.homeInfo?.gradeName;
} else {
this.vipCardList[0] = data.vipConfigList[0];
}
//拿到数据之后，初始化曝光一些节点
this.initExposure();
{
id: 'thirdScreen',
logParams: {
xcxPage: '首页-三屏页面浏览',
pageName: '首页-三屏'
}
},
initExposure() {
const componentContent = this.toolList.tools?.[this.currentIndex]?.title || '';
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "首页",
componentName: "工具推荐",
componentContent: componentContent
});
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "首页",
componentName: "首页banner",
componentContent: this.swiperList[0]?.title || ''
});
const childrenInfoList = this.childrenInfoList;
childrenInfoList.forEach((item, index) => {
this.exposureTracker.addExposureElement({
id: 'childrenInfoList' + index,
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '育儿智库',
componentContent: item.desc
}
});
});
this.qrNameList.forEach((item, index) => {
this.exposureTracker.addExposureElement({
id: 'bottomLink' + index,
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '跳转工具',
componentContent: `${item}`
}
});
});
//动态添加专家团的首屏数据
this.exposureTracker.addExposureElements([{
id: 'expertTeam',
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '专家团',
componentContent: '专家团tab切换-名医专家'
}
},
{
id: 'et_joingroup',
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '专家团',
componentContent: '专家团-进群咨询'
}
}, {
id: 'et_more',
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '专家团',
componentContent: '专家团-查看更多'
}
}, {
id: 'childrenInfoList',
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '育儿智库',
componentContent: '育儿智库'
}
},
{
id: 'childrenInfoListMore',
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '育儿智库',
componentContent: '育儿智库-more'
}
{
id: 'fourthScreen',
logParams: {
xcxPage: '首页-四屏页面浏览',
pageName: '首页-四屏'
}
}
];
]);
export default {
beforeDestroy() {
if (this.exposureTracker) {
this.exposureTracker.resetAllExposure();
}
},
changeIndicatorDots(e) {
this.indicatorDots = !this.indicatorDots
deactivated() {
if (this.exposureTracker) {
this.exposureTracker.resetAllExposure();
}
},
changeAutoplay(e) {
this.autoplay = !this.autoplay
data() {
return {
popType: 'bottom',
statusBarHeight: 38,
showRegisterLayer: false,
swiperList: [],
indicatorDots: true,
autoplay: true,
interval: 4000,
duration: 500,
indicatoractiveColor: "#a6a0a1",
indicatorColor: "rgba(255, 255, 255, 1)",
toolList: {},
expertTeam: {},
vipCardList: [],
contentImgList: [],
channelTabList: [],
channelTabIndex: 0,
changelInfoList: [],
childrenInfoList: [],
bottomLinkList: [],
qrInfoObj: undefined,
popupIndex: 0,
qrInfoList: [{
title: '',
desc: '',
qrUrl: ''
}, {
title: '',
desc: '',
qrUrl: ''
}, {
title: '',
desc: '',
qrUrl: ''
}, {
title: '',
desc: '',
qrUrl: ''
}],
qrObj: {
title: '',
desc: '',
qrUrl: ''
},
showVideo: false,
currentVideoUrl: '',
isClickPhoneAuth: false,
voiceStory: {},
suggest: {},
videoHeight: '56vw',
qrNameList: ['公众号', '企业微信', '视频号', '小红书'],
windowHeight: 0,
isFirstScreenExposed: false,
scrollTimer: null,
exposureTracker: null,
currentIndex: 0,
etTabSelIndex: 0,
bannerCurrentIndex: 0,
childrenInfoListMianTitle: '',
channelTabListMianTitle: '',
popupImageUrl: '',
popupImageObj: {},
}
},
intervalChange(e) {
this.interval = e.target.value
components: {
RegisterLayer
},
durationChange(e) {
this.duration = e.target.value
computed: {
homeStore() {
return useHomeStore();
}
},
jumpBannerHandler(item, index) {
console.log("item====", item)
md.sensorLogTake({
xcxClick: '首页-首屏页面点击',
pageName: '首页-首屏',
buttonName: `第${index + 1}张焦点图-入口`,
});
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "首页",
componentName: "首页banner",
componentContent: item.title
});
if (item.videoUrl) {
this.currentVideoUrl = this.$baseUrl + item.videoUrl;
this.showVideo = true;
return;
props: {
scrollTop: {
type: Number,
default: 0
}
if (item.link) {
// 有 link，执行跳转
jump(item.link);
} else {
// 没有 link，预览图片
uni.previewImage({
urls: [this.$baseUrl + item.url], // 预览当前图片
current: this.$baseUrl + item.url // 当前显示的图片
});
},
watch: {
homeStore: {
handler(newVal) {
this.showRegisterLayer = this.isClickPhoneAuth && newVal.isLogin && !newVal.babyExistence;
if (newVal.homeInfo !== null) {
this.initHomeInfo();
this.checkAndShowPopup();
}
},
deep: true,
immediate: true
},
scrollTop: {
handler(newVal) {
this.checkExposure(newVal);
}
}
},
previewImage(url) {
uni.previewImage({
urls: [url], // 预览当前图片
current: url // 当前显示的图片
mounted() {
const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
this.statusBarHeight = menuButtonInfo.top;
this.isClickPhoneAuth = false;
// 获取窗口高度
const systemInfo = uni.getSystemInfoSync();
this.windowHeight = systemInfo.windowHeight;
// 初始化曝光检测工具
this.exposureTracker = new ExposureTracker(this);
this.exposureTracker.addExposureElements(EXPOSURE_CONFIGS);
// 初始检查曝光
this.$nextTick(() => {
this.checkExposure(this.scrollTop);
});
},
jumpLinkWithLogin(link, evt) {
if (evt) {
md.sensorLog(evt);
}
if (this.homeStore.isLogin) {
jump(link);
}
unmounted() {
// 组件销毁时清理弹窗状态（可选，根据业务需求决定是否保留状态）
// 如果需要重置弹窗状态，可以在这里调用 this.resetPopupState()
},
jumpLinkCard(item, evt) {
if (evt) {
md.sensorLog(evt);
}
if (item.btnSubTitle.length > 0 && item.btnTitle.length > 0) {
return; //如果有按钮的话，废弃这个点击事件
}
if (item.link) {
jump(item.link);
}
},
jumpLink(link, videoUrl, index, evt) {
if (evt) {
md.sensorLog(evt);
if (evt.currentTarget.dataset.comlog) {
md.sensorComponentLog(evt);
methods: {
testSource() {
uni.navigateTo({
url: '/pages/syWebview/syWebview?p=xmh'
})
},
async initHomeInfo() {
const {
data
} = await fetchHomeJSON();
console.warn("data", data)
if (data) {
this.swiperList = data.swiperList;
this.vipConfigList = data.vipConfigList;
// this.vipCardList = data.vipCardList;
this.contentImgList = data.contentImgList;
this.channelTabList = data.channelTabList;
this.changelInfoList = data.changelInfoList;
this.childrenInfoList = data.childrenInfoList[0] || [];
this.bottomLinkList = data.bottomLinkList;
this.qrInfoList = data.qrInfoList || [];
this.toolList = data.toolList;
this.expertTeam = data.expertTeam;
this.vipCardList = data.vipCardList;
this.voiceStory = data.voiceStory;
this.suggest = data.suggest;
this.childrenInfoListMianTitle = data.childrenInfoListMianTitle;
this.channelTabListMianTitle = data.channelTabListMianTitle;
this.popupImageUrl = this.$baseUrl + data.popupImageObj?.imageUrl || '';
this.popupImageObj = data.popupImageObj || {};
if (this.homeStore.isLogin) {
this.vipCardList[0] = data.vipConfigList.find(item => item.grade === this.homeStore.homeInfo
?.grade);
this.vipCardList[0].level = this.homeStore.homeInfo?.gradeName;
} else {
this.vipCardList[0] = data.vipConfigList[0];
}
//拿到数据之后，初始化曝光一些节点
this.initExposure();
}
}
if (videoUrl) {
if (videoUrl.indexOf('http') === -1) {
videoUrl = this.$baseUrl + videoUrl;
},
initExposure() {
const componentContent = this.toolList.tools?.[this.currentIndex]?.title || '';
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "首页",
componentName: "工具推荐",
componentContent: componentContent
});
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "首页",
componentName: "首页banner",
componentContent: this.swiperList[0]?.title || ''
});
const childrenInfoList = this.childrenInfoList;
childrenInfoList.forEach((item, index) => {
this.exposureTracker.addExposureElement({
id: 'childrenInfoList' + index,
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '育儿智库',
componentContent: item.desc
}
});
});
this.qrNameList.forEach((item, index) => {
this.exposureTracker.addExposureElement({
id: 'bottomLink' + index,
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '跳转工具',
componentContent: `${item}`
}
});
});
//动态添加专家团的首屏数据
this.exposureTracker.addExposureElements([{
id: 'expertTeam',
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '专家团',
componentContent: '专家团tab切换-名医专家'
}
},
{
id: 'et_joingroup',
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '专家团',
componentContent: '专家团-进群咨询'
}
}, {
id: 'et_more',
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '专家团',
componentContent: '专家团-查看更多'
}
}, {
id: 'childrenInfoList',
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '育儿智库',
componentContent: '育儿智库'
}
},
{
id: 'childrenInfoListMore',
logParams: {
xcxComponentExposure: 'true',
pageName: '首页',
componentName: '育儿智库',
componentContent: '育儿智库-more'
}
}
]);
},
changeIndicatorDots(e) {
this.indicatorDots = !this.indicatorDots
},
changeAutoplay(e) {
this.autoplay = !this.autoplay
},
intervalChange(e) {
this.interval = e.target.value
},
durationChange(e) {
this.duration = e.target.value
},
jumpBannerHandler(item, index) {
console.log("item====", item)
md.sensorLogTake({
xcxClick: '首页-首屏页面点击',
pageName: '首页-首屏',
buttonName: `第${index + 1}张焦点图-入口`,
});
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "首页",
componentName: "首页banner",
componentContent: item.title
});
if (item.videoUrl) {
this.currentVideoUrl = this.$baseUrl + item.videoUrl;
this.showVideo = true;
return;
}
// 弹出视频
this.currentVideoUrl = videoUrl;
if (index === 1) {
this.videoHeight = "100vw";
if (item.link) {
// 有 link，执行跳转
jump(item.link);
} else {
this.videoHeight = "56vw";
// 没有 link，预览图片
uni.previewImage({
urls: [this.$baseUrl + item.url], // 预览当前图片
current: this.$baseUrl + item.url // 当前显示的图片
});
}
this.showVideo = true;
return;
// 视频弹窗出现后，video标签的autoplay会自动播放
} else if (link) {
if (!link || link === '') {
},
previewImage(url) {
uni.previewImage({
urls: [url], // 预览当前图片
current: url // 当前显示的图片
});
},
jumpLinkWithLogin(link, evt) {
if (evt) {
md.sensorLog(evt);
}
if (this.homeStore.isLogin) {
jump(link);
}
},
jumpLinkCard(item, evt) {
if (evt) {
md.sensorLog(evt);
}
if (item.btnSubTitle.length > 0 && item.btnTitle.length > 0) {
return; //如果有按钮的话，废弃这个点击事件
}
if (item.link) {
jump(item.link);
}
},
jumpLink(link, videoUrl, index, evt) {
if (evt) {
md.sensorLog(evt);
if (evt.currentTarget.dataset.comlog) {
md.sensorComponentLog(evt);
}
}
if (videoUrl) {
if (videoUrl.indexOf('http') === -1) {
videoUrl = this.$baseUrl + videoUrl;
}
// 弹出视频
this.currentVideoUrl = videoUrl;
if (index === 1) {
this.videoHeight = "100vw";
} else {
this.videoHeight = "56vw";
}
this.showVideo = true;
return;
// 视频弹窗出现后，video标签的autoplay会自动播放
} else if (link) {
if (!link || link === '') {
return;
}
// 其他跳转逻辑
jump(link);
}
// 其他跳转逻辑
jump(link);
}
},
channelTabHandler(_index, evt) {
if (evt) {
md.sensorLog(evt);
}
this.channelTabIndex = _index;
},
showPopup(_index, evt) {
if (evt) {
md.sensorLog(evt);
if (evt.currentTarget.dataset.comlog) {
md.sensorComponentLog(evt);
},
channelTabHandler(_index, evt) {
if (evt) {
md.sensorLog(evt);
}
}
md.sensorLogTake({
xcxPage: `${this.qrNameList[_index]}拉起半屏二维码入口页面浏览`,
pageName: `${this.qrNameList[_index]}拉起半屏二维码入口`,
});
this.channelTabIndex = _index;
},
showPopup(_index, evt) {
if (evt) {
md.sensorLog(evt);
if (evt.currentTarget.dataset.comlog) {
md.sensorComponentLog(evt);
}
}
md.sensorLogTake({
xcxPage: `${this.qrNameList[_index]}拉起半屏二维码入口页面浏览`,
pageName: `${this.qrNameList[_index]}拉起半屏二维码入口`,
});
if (_index === 3) {
this.qrObj = null;
} else {
_index = Math.max(0, Math.min(_index, this.qrInfoList.length - 1));
this.qrObj = this.qrInfoList[_index];
}
this.popupIndex = _index;
this.$refs.popup.open(this.popType);
},
showPopup1(_index, type) {
md.sensorLogTake({
xcxClick: `首页-二屏页面点击`,
pageName: `首页-二屏`,
buttonName: type == 1 ? '专家团副标题点击' : '专家团进群咨询按钮点击'
});
if (type == 2) {
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "首页",
componentName: "专家团",
componentContent: '专家团-进群咨询'
if (_index === 3) {
this.qrObj = null;
} else {
_index = Math.max(0, Math.min(_index, this.qrInfoList.length - 1));
this.qrObj = this.qrInfoList[_index];
}
this.popupIndex = _index;
this.$refs.popup.open(this.popType);
},
showPopup1(_index, type) {
md.sensorLogTake({
xcxClick: `首页-二屏页面点击`,
pageName: `首页-二屏`,
buttonName: type == 1 ? '专家团副标题点击' : '专家团进群咨询按钮点击'
});
if (type == 2) {
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "首页",
componentName: "专家团",
componentContent: '专家团-进群咨询'
});
}
if (_index === 3) {
this.qrObj = null;
} else {
_index = Math.max(0, Math.min(_index, this.qrInfoList.length - 1));
this.qrObj = this.qrInfoList[_index];
}
this.popupIndex = _index;
this.$refs.popup.open(this.popType);
},
closePop() {
this.$refs.popup.close();
},
goSearchHandler(e) {
md.sensorLog(e);
uni.navigateTo({
url: "/pages/search/search"
})
},
downloadHandler(imgurl) {
md.sensorLogTake({
xcxClick: `${this.qrNameList[this.popupIndex]}拉起半屏二维码入口页面点击`,
pageName: `${this.qrNameList[this.popupIndex]}拉起半屏二维码入口页面点击`,
buttonName: `下载二维码`
});
}
if (_index === 3) {
this.qrObj = null;
} else {
_index = Math.max(0, Math.min(_index, this.qrInfoList.length - 1));
this.qrObj = this.qrInfoList[_index];
}
this.popupIndex = _index;
this.$refs.popup.open(this.popType);
},
closePop() {
this.$refs.popup.close();
},
goSearchHandler(e) {
md.sensorLog(e);
uni.navigateTo({
url: "/pages/search/search"
})
},
downloadHandler(imgurl) {
md.sensorLogTake({
xcxClick: `${this.qrNameList[this.popupIndex]}拉起半屏二维码入口页面点击`,
pageName: `${this.qrNameList[this.popupIndex]}拉起半屏二维码入口页面点击`,
buttonName: `下载二维码`
});
uni.downloadFile({
url: imgurl,
success: (downloadRes) => {
if (downloadRes.statusCode === 200) {
uni.saveImageToPhotosAlbum({
filePath: downloadRes.tempFilePath,
success: (res) => {
uni.showToast({
title: '保存成功',
icon: 'success'
});
},
fail: (err) => {
uni.showToast({
title: '保存失败',
icon: 'none'
});
}
});
} else {
uni.downloadFile({
url: imgurl,
success: (downloadRes) => {
if (downloadRes.statusCode === 200) {
uni.saveImageToPhotosAlbum({
filePath: downloadRes.tempFilePath,
success: (res) => {
uni.showToast({
title: '保存成功',
icon: 'success'
});
},
fail: (err) => {
uni.showToast({
title: '保存失败',
icon: 'none'
});
}
});
} else {
uni.showToast({
title: '下载失败',
icon: 'none'
});
}
},
fail: (err) => {
uni.showToast({
title: '下载失败',
icon: 'none'
});
}
},
fail: (err) => {
});
},
closeVideo() {
this.showVideo = false;
this.currentVideoUrl = '';
},
onGetPhoneNumber(e) {
if (e.detail.errMsg !== 'getPhoneNumber:ok') {
uni.showToast({
title: '下载失败',
icon: 'none'
title: '请授权使用手机号',
icon: 'none',
});
return;
}
});
},
closeVideo() {
this.showVideo = false;
this.currentVideoUrl = '';
},
onGetPhoneNumber(e) {
if (e.detail.errMsg !== 'getPhoneNumber:ok') {
uni.showToast({
title: '请授权使用手机号',
icon: 'none',
console.log('detail', e.detail);
this.isClickPhoneAuth = true;
userStore.phoneCallback(e.detail);
},
goCustomerHandler(e) {
md.sensorLog(e);
const {
memberId,
mobile,
openId,
unionId
} = this.homeStore.homeInfo;
const customerUrl =
`https://intelcc-user.icsoc.net/?channelKey=45839e0505554f8c8aea3c7b6259b049&init=1&crmld=${memberId}&mobile=${mobile}&openId=${openId}&unionId=${unionId}`;
jump({
type: JumpType.H5,
url: customerUrl
});
return;
}
console.log('detail', e.detail);
this.isClickPhoneAuth = true;
userStore.phoneCallback(e.detail);
},
goCustomerHandler(e) {
md.sensorLog(e);
const {
memberId,
mobile,
openId,
unionId
} = this.homeStore.homeInfo;
const customerUrl =
`https://intelcc-user.icsoc.net/?channelKey=45839e0505554f8c8aea3c7b6259b049&init=1&crmld=${memberId}&mobile=${mobile}&openId=${openId}&unionId=${unionId}`;
jump({
type: JumpType.H5,
url: customerUrl
});
},
checkExposure(scrollTop) {
if (this.exposureTracker) {
this.exposureTracker.checkExposure(scrollTop);
}
},
resetExposure() {
if (this.exposureTracker) {
this.exposureTracker.resetAllExposure();
}
},
},
checkExposure(scrollTop) {
if (this.exposureTracker) {
this.exposureTracker.checkExposure(scrollTop);
}
},
resetExposure() {
if (this.exposureTracker) {
this.exposureTracker.resetAllExposure();
}
},
onSwiperChange(e) {
this.currentIndex = e.detail.current;
const componentContent = this.toolList.tools?.[this.currentIndex]?.title || '';
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "首页",
componentName: "工具推荐",
componentContent: componentContent
});
},
onSwiperChange(e) {
this.currentIndex = e.detail.current;
const componentContent = this.toolList.tools?.[this.currentIndex]?.title || '';
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "首页",
componentName: "工具推荐",
componentContent: componentContent
});
},
onBannerSwiperChange(e) {
this.bannerCurrentIndex = e.detail.current;
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "首页",
componentName: "首页banner",
componentContent: this.swiperList[e.detail.current].title
});
},
onBannerSwiperChange(e) {
this.bannerCurrentIndex = e.detail.current;
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "首页",
componentName: "首页banner",
componentContent: this.swiperList[e.detail.current].title
});
},
async handleToolClick(item) {
md.sensorLogTake({
xcxClick: "首页-二屏页面点击",
pageName: "首页-二屏",
buttonName: item.title + "工具点击",
});
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "首页",
componentName: "工具推荐",
componentContent: item.title
});
async handleToolClick(item) {
md.sensorLogTake({
xcxClick: "首页-二屏页面点击",
pageName: "首页-二屏",
buttonName: item.title + "工具点击",
});
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "首页",
componentName: "工具推荐",
componentContent: item.title
});
if (item.title === "医生问诊") {
// if (!cfgStatus.value.isRegister) return;
const res = await getHealthField();
if (item.title === "医生问诊") {
// if (!cfgStatus.value.isRegister) return;
const res = await getHealthField();
if (!res.success) {
uni.showToast({
title: "获取健康字段失败",
icon: "none",
if (!res.success) {
uni.showToast({
title: "获取健康字段失败",
icon: "none",
});
return;
}
const {
sign,
timestamp,
appId,
partnerUserId,
env
} = res.data;
jump({
type: JumpType.MINI,
url: "/pages/partner/redirect",
extra: {
appId: "wx81ecfb5aa3fb512f",
envVersion: env,
extraData: {
sign, // 参考 4.请求参数
timestamp, // 参考 4.请求参数
appId, // 参考 4.请求参数
partnerUserId, // 参考 4.请求参数
targetApp: "/h5/partner/shining-like-a-start/landing-free-consult?sysType=CRF",
},
},
});
} else {
jump({
type: item.link.type,
url: item.link.url
});
return;
}
},
const {
sign,
timestamp,
appId,
partnerUserId,
env
} = res.data;
onSelEtTap(index) {
let str = index === 0 ? '名医专家' : (index === 1 ? '科研专家' : '权威机构')
md.sensorLogTake({
xcxClick: "首页-二屏页面点击",
pageName: "首页-二屏",
buttonName: str + "tab按钮点击",
});
md.sensorComponentLogTake({
xcxComponentClick: "true",
xcxComponentExposure: "true",
pageName: "首页",
componentName: "专家团",
componentContent: '专家团tab切换-' + str
});
jump({
type: JumpType.MINI,
url: "/pages/partner/redirect",
extra: {
appId: "wx81ecfb5aa3fb512f",
envVersion: env,
extraData: {
sign, // 参考 4.请求参数
timestamp, // 参考 4.请求参数
appId, // 参考 4.请求参数
partnerUserId, // 参考 4.请求参数
targetApp: "/h5/partner/shining-like-a-start/landing-free-consult?sysType=CRF",
},
},
this.etTabSelIndex = index;
},
onETMore(index, type) {
let str = '';
if (type === 0) {
str = '名医专家';
} else if (type === 1) {
str = '科研专家';
} else {
str = '权威机构';
}
if (index === 1) {
str += '内容'
} else {
str += '点击查看更多';
}
md.sensorLogTake({
xcxClick: "首页-二屏页面点击",
pageName: "首页-二屏",
buttonName: str + "-点击",
});
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "首页",
componentName: "专家团",
componentContent: str
});
} else {
jump({
type: item.link.type,
url: item.link.url
type: 1,
url: '/pages/expertTeamPage/expertTeamPage?tab=' + (this.etTabSelIndex + 1)
});
}
},
onSelEtTap(index) {
let str = index === 0 ? '名医专家' : (index === 1 ? '科研专家' : '权威机构')
md.sensorLogTake({
xcxClick: "首页-二屏页面点击",
pageName: "首页-二屏",
buttonName: str + "tab按钮点击",
});
md.sensorComponentLogTake({
xcxComponentClick: "true",
xcxComponentExposure: "true",
pageName: "首页",
componentName: "专家团",
componentContent: '专家团tab切换-' + str
});
this.etTabSelIndex = index;
},
onETMore(index, type) {
let str = '';
if (type === 0) {
str = '名医专家';
} else if (type === 1) {
str = '科研专家';
} else {
str = '权威机构';
}
if (index === 1) {
str += '内容'
} else {
str += '点击查看更多';
}
md.sensorLogTake({
xcxClick: "首页-二屏页面点击",
pageName: "首页-二屏",
buttonName: str + "-点击",
});
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "首页",
componentName: "专家团",
componentContent: str
});
jump({
type: 1,
url: '/pages/expertTeamPage/expertTeamPage?tab=' + (this.etTabSelIndex + 1)
});
},
closeImagePopup() {
this.$refs.imagePopup.close();
},
},
closeImagePopup() {
this.$refs.imagePopup.close();
},
imagePopupJump() {
md.sensorPopLogTake({
xcxPopClick: "true",
toolName: "首页",
popName: this.popupImageObj.title || "北纬47°鲜活溯源之旅",
buttonName: this.popupImageObj.btnName || "立即寻宝"
});
jump({
type: this.popupImageObj.jumpType,
url: this.popupImageObj.jumpUrl,
extra: this.popupImageObj.jumpExtra
});
},
showImagePopup() {
md.sensorPopLogTake({
xcxPopExposure: "true",
toolName: "首页",
popName: this.popupImageObj.title || "北纬47°鲜活溯源之旅"
});
this.$refs.imagePopup.open('center');
},
closePop1() {
this.$refs.imagePopup.close();
},
imagePopupJump() {
md.sensorPopLogTake({
xcxPopClick: "true",
toolName: "首页",
popName: this.popupImageObj.title || "北纬47°鲜活溯源之旅",
buttonName: this.popupImageObj.btnName || "立即寻宝"
});
jump({
type: this.popupImageObj.jumpType,
url: this.popupImageObj.jumpUrl,
extra: this.popupImageObj.jumpExtra
});
},
showImagePopup() {
md.sensorPopLogTake({
xcxPopExposure: "true",
toolName: "首页",
popName: this.popupImageObj.title || "北纬47°鲜活溯源之旅"
});
this.$refs.imagePopup.open('center');
},
closePop1() {
this.$refs.imagePopup.close();
},
// 重置弹窗状态（可在需要时调用）
resetPopupState() {
this.homeStore.resetPopupState(); // 重置 store 中的弹窗状态
},
// 重置弹窗状态（可在需要时调用）
resetPopupState() {
this.homeStore.resetPopupState(); // 重置 store 中的弹窗状态
},
// 检查并显示弹窗（使用 store 全局状态管理）
checkAndShowPopup() {
// 使用 store 中的 hasShownPopup 来记录是否已经显示过弹窗
if (!this.homeStore.hasShownPopup && this.homeStore.homeInfo?.showPop1) {
this.homeStore.markPopupAsShown(); // 标记已显示过弹窗（全局状态）
this.$nextTick(() => {
setTimeout(() => {
this.showImagePopup();
}, 500);
});
// 检查并显示弹窗（使用 store 全局状态管理）
checkAndShowPopup() {
// 使用 store 中的 hasShownPopup 来记录是否已经显示过弹窗
if (!this.homeStore.hasShownPopup && this.homeStore.homeInfo?.showPop1) {
this.homeStore.markPopupAsShown(); // 标记已显示过弹窗（全局状态）
this.$nextTick(() => {
setTimeout(() => {
this.showImagePopup();
}, 500);
});
}
}
}
}
}
</script>
<style lang="less" scoped>
@import '@/common.less';
@import '@/common.less';
.home-container {
width: 100vw;
overflow-x: hidden;
background-color: white;
.content {
.home-container {
width: 100vw;
overflow-x: hidden;
background-color: white;
padding-bottom: 200rpx;
.banner {
height: 1116rpx;
.content {
background-color: white;
padding-bottom: 200rpx;
.banneritem {
width: 750rpx;
.banner {
height: 1116rpx;
.b-img {
width: 100%;
height: 100%;
.banneritem {
width: 750rpx;
height: 1116rpx;
.b-img {
width: 100%;
height: 100%;
}
}
}
}
.swiper-mask {
position: absolute;
left: 0;
width: 750rpx;
height: 192rpx;
z-index: 1;
top: 1065rpx;
.swiper-mask-img {
width: 100%;
height: 100%;
}
}
.swiper-mask {
position: absolute;
left: 0;
width: 750rpx;
height: 192rpx;
z-index: 1;
top: 1065rpx;
// 自定义banner指示器样式
.custom-banner-indicator {
position: absolute;
top: 1075rpx;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
gap: 16rpx;
.banner-dot {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background-color: #feebc4;
transition: all 0.3s ease;
flex-shrink: 0;
&.active {
width: 40rpx;
height: 16rpx;
border-radius: 8rpx;
background-color: #D3A358;
.swiper-mask-img {
width: 100%;
height: 100%;
}
}
}
.barbox {
position: absolute;
top: 97rpx;
left: 32rpx;
display: flex;
align-items: center;
// 自定义banner指示器样式
.custom-banner-indicator {
position: absolute;
top: 1075rpx;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
gap: 16rpx;
.btnlogo {
width: 184rpx;
height: 66rpx;
.banner-dot {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background-color: #feebc4;
transition: all 0.3s ease;
flex-shrink: 0;
&.active {
width: 40rpx;
height: 16rpx;
border-radius: 8rpx;
background-color: #D3A358;
}
}
}
.btnsearch {
width: 150rpx;
height: 68rpx;
margin-left: 20rpx;
}
.barbox {
position: absolute;
top: 97rpx;
left: 32rpx;
display: flex;
align-items: center;
.customer-btn-wrap {
position: relative;
display: inline-block;
}
.btnlogo {
width: 184rpx;
height: 66rpx;
}
.btncustomer {
width: 70rpx;
height: 68rpx;
margin-left: 110rpx;
}
.btnsearch {
width: 150rpx;
height: 68rpx;
margin-left: 20rpx;
}
.phone-auth-btn-cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: transparent;
opacity: 0;
border: none;
padding: 0;
margin: 0;
z-index: 10;
pointer-events: auto;
}
}
.customer-btn-wrap {
position: relative;
display: inline-block;
}
// .txtbox {
// width: 100%;
// height: 76rpx;
// background-color: @color-white-soft;
// text-align: center;
// .txtlink {
// color: @color-gold-cover;
// font-size: 24rpx;
// text-underline-offset: 10rpx;
// text-decoration: underline;
// }
// .icon_arrow_yellow {
// width: 12rpx;
// height: 20rpx;
// margin-left: 10rpx;
// }
// }
.tools_box {
width: 750rpx;
height: 840rpx;
margin-top: 40rpx;
overflow-x: scroll;
padding-left: 38rpx;
.tools_maintitle {
// font-size: 42rpx;
// color: #000;
color: @color-black-deep;
font-size: 38rpx;
font-weight: bold;
}
.btncustomer {
width: 70rpx;
height: 68rpx;
margin-left: 110rpx;
}
.tools_subtitle {
margin-top: 10rpx;
font-size: 24rpx;
color: #999;
.phone-auth-btn-cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: transparent;
opacity: 0;
border: none;
padding: 0;
margin: 0;
z-index: 10;
pointer-events: auto;
}
}
.tool_swiper {
margin-top: 35rpx;
width: 720rpx;
height: 700rpx;
overflow: visible;
/* 关键：允许内容溢出 */
.swiperItem {
width: 400rpx;
height: 700rpx;
top: 40rpx;
// .txtbox {
// width: 100%;
// height: 76rpx;
// background-color: @color-white-soft;
// text-align: center;
// .txtlink {
// color: @color-gold-cover;
// font-size: 24rpx;
// text-underline-offset: 10rpx;
// text-decoration: underline;
// }
// .icon_arrow_yellow {
// width: 12rpx;
// height: 20rpx;
// margin-left: 10rpx;
// }
// }
.tools_box {
width: 750rpx;
height: 840rpx;
margin-top: 40rpx;
overflow-x: scroll;
padding-left: 38rpx;
.tools_maintitle {
// font-size: 42rpx;
// color: #000;
color: @color-black-deep;
font-size: 38rpx;
font-weight: bold;
}
/* 当前激活项放大 */
.swiperItem.active {
top: 0rpx !important;
z-index: 10;
transition: top 0.4s ease;
.tools_subtitle {
margin-top: 10rpx;
font-size: 24rpx;
color: #999;
}
.tool {
position: absolute;
width: 400rpx;
.tool_swiper {
margin-top: 35rpx;
width: 720rpx;
height: 700rpx;
overflow: visible;
/* 关键：允许内容溢出 */
.sq_btn {
position: absolute;
left: 0rpx;
top: 0rpx;
.swiperItem {
width: 400rpx;
height: 650rpx;
// background-color: red;
opacity: 0;
z-index: 2;
height: 700rpx;
top: 40rpx;
}
.tool_bg {
position: absolute;
left: 0rpx;
top: 0rpx;
width: 400rpx;
height: 650rpx;
border-radius: 40rpx;
z-index: 1;
/* 当前激活项放大 */
.swiperItem.active {
top: 0rpx !important;
z-index: 10;
transition: top 0.4s ease;
}
.tool_icon {
.tool {
position: absolute;
left: 0rpx;
top: 0rpx;
width: 400rpx;
height: 470rpx;
border-radius: 40rpx;
}
height: 700rpx;
.sq_btn {
position: absolute;
left: 0rpx;
top: 0rpx;
width: 400rpx;
height: 650rpx;
// background-color: red;
opacity: 0;
z-index: 2;
}
.tool_jt {
position: absolute;
left: 300rpx;
top: 510rpx;
width: 74rpx;
height: 44rpx;
}
.tool_bg {
position: absolute;
left: 0rpx;
top: 0rpx;
width: 400rpx;
height: 650rpx;
border-radius: 40rpx;
z-index: 1;
}
.tool_title {
position: absolute;
left: 30rpx;
top: 510rpx;
color: #000;
font-size: 36rpx;
width: 300rpx;
.tool_icon {
position: absolute;
left: 0rpx;
top: 0rpx;
width: 400rpx;
height: 470rpx;
border-radius: 40rpx;
}
}
.tool_jt {
position: absolute;
left: 300rpx;
top: 510rpx;
width: 74rpx;
height: 44rpx;
}
.tool_context {
position: absolute;
left: 30rpx;
top: 575rpx;
font-size: 24rpx;
color: #999;
width: 300rpx;
.tool_title {
position: absolute;
left: 30rpx;
top: 510rpx;
color: #000;
font-size: 36rpx;
width: 300rpx;
}
.tool_context {
position: absolute;
left: 30rpx;
top: 575rpx;
font-size: 24rpx;
color: #999;
width: 300rpx;
}
}
}
}
/* 自定义指示点样式 */
.custom-indicator {
width: 200rpx;
height: 10rpx;
margin-top: -15rpx;
margin-left: -20rpx;
display: flex;
justify-content: center;
gap: 10rpx;
}
/* 自定义指示点样式 */
.custom-indicator {
width: 200rpx;
height: 10rpx;
margin-top: -15rpx;
margin-left: -20rpx;
display: flex;
justify-content: center;
gap: 10rpx;
}
.indicator-dot {
width: 10rpx;
height: 10rpx;
border-radius: 10rpx;
background-color: #feefcc;
transition: all 0.3s;
}
.indicator-dot {
width: 10rpx;
height: 10rpx;
border-radius: 10rpx;
background-color: #feefcc;
transition: all 0.3s;
}
.indicator-dot.active {
width: 70rpx;
border-radius: 10rpx;
background-color: #d3a358;
.indicator-dot.active {
width: 70rpx;
border-radius: 10rpx;
background-color: #d3a358;
}
}
}
.et_box {
width: 750rpx;
// height: 840rpx;
margin-top: 30rpx;
padding-left: 38rpx;
.et_box {
width: 750rpx;
// height: 840rpx;
margin-top: 30rpx;
padding-left: 38rpx;
.et_maintitle {
// font-size: 42rpx;
// color: #000;
color: @color-black-deep;
font-size: 38rpx;
font-weight: bold;
}
.et_maintitle {
// font-size: 42rpx;
// color: #000;
color: @color-black-deep;
font-size: 38rpx;
font-weight: bold;
}
.et_subtitle {
width: 700rpx;
margin-top: 10rpx;
display: flex;
.et_subtitle {
width: 700rpx;
margin-top: 10rpx;
display: flex;
.txtlink {
width: 500rpx;
color: @color-gold-cover;
font-size: 24rpx;
text-underline-offset: 5rpx;
text-decoration: underline;
}
.txtlink {
width: 500rpx;
color: @color-gold-cover;
font-size: 24rpx;
text-underline-offset: 5rpx;
text-decoration: underline;
}
.icon_more {
width: 140rpx;
height: 36rpx;
margin-left: 45rpx;
margin-top: 2rpx;
.icon_more {
width: 140rpx;
height: 36rpx;
margin-left: 45rpx;
margin-top: 2rpx;
}
}
}
.et_main_box {
padding-top: 30rpx;
margin-top: 35rpx;
width: 670rpx;
height: 602rpx;
background-color: #fde8bb;
border-radius: 38rpx;
.et_con_bg {
margin-left: 3rpx;
width: 651rpx;
height: 562rpx;
background-color: #ffffff;
.et_main_box {
padding-top: 30rpx;
margin-top: 35rpx;
width: 670rpx;
height: 602rpx;
background-color: #fde8bb;
border-radius: 38rpx;
padding-left: 15rpx;
padding-top: 25rpx;
.et_tab_box {
height: 70rpx;
display: flex;
gap: 15rpx;
.et_con_bg {
margin-left: 3rpx;
width: 651rpx;
height: 562rpx;
background-color: #ffffff;
border-radius: 38rpx;
padding-left: 15rpx;
padding-top: 25rpx;
.tab_box {
width: 204rpx;
.et_tab_box {
height: 70rpx;
display: flex;
gap: 15rpx;
.et_tab {
.tab_box {
width: 204rpx;
height: 70rpx;
}
}
}
.et_con_box {
width: 631rpx;
height: 365rpx;
margin-top: 40rpx;
.et_con1 {
width: 631rpx;
height: 365rpx;
.et_tab {
width: 204rpx;
height: 70rpx;
}
}
}
.et_con2 {
.et_con_box {
width: 631rpx;
height: 365rpx;
}
margin-top: 40rpx;
.et_con3 {
width: 598rpx;
height: 303rpx;
margin-top: 20rpx;
margin-left: 16rpx;
}
}
.et_con1 {
width: 631rpx;
height: 365rpx;
}
.et_more_txt {
width: 100%;
font-size: 24rpx;
color: @color-gold-cover;
text-align: center;
margin-top: 30rpx;
.et_con2 {
width: 631rpx;
height: 365rpx;
}
.et_con3 {
width: 598rpx;
height: 303rpx;
margin-top: 20rpx;
margin-left: 16rpx;
}
}
.icon_arrow_yellow {
width: 12rpx;
height: 20rpx;
margin-left: 5rpx;
.et_more_txt {
width: 100%;
font-size: 24rpx;
color: @color-gold-cover;
text-align: center;
margin-top: 30rpx;
.icon_arrow_yellow {
width: 12rpx;
height: 20rpx;
margin-left: 5rpx;
}
}
}
}
}
}
.cardScroller {
width: 750rpx;
overflow-x: scroll;
}
.cardbox {
//
position: relative;
display: inline-flex;
flex-wrap: nowrap;
margin-top: 32rpx;
.cardScroller {
width: 750rpx;
overflow-x: scroll;
}
.cardboxitem {
width: 380rpx;
height: 232rpx;
.cardbox {
//
position: relative;
margin-left: 32rpx;
display: inline-flex;
flex-wrap: nowrap;
margin-top: 32rpx;
.bg {
.cardboxitem {
width: 380rpx;
height: 232rpx;
position: absolute;
z-index: 0;
}
.level {
position: absolute;
left: 24rpx;
top: 30rpx;
font-size: 32rpx;
font-weight: bold;
color: @color-gold-cover;
pointer-events: none;
}
.subTitle {
position: absolute;
left: 24rpx;
top: 80rpx;
font-size: 24rpx;
color: @color-black-deep;
pointer-events: none;
}
.showCornerTxt {
position: absolute;
right: 0;
top: 0;
color: white;
font-size: 24rpx;
padding: 10rpx;
border-radius: 0 10rpx 0 10rpx;
background-color: @color-gold-main;
}
.cardbtn {
position: relative;
left: 6rpx;
top: 130rpx;
margin-left: 32rpx;
.phone-auth-btn-cover {
.bg {
width: 380rpx;
height: 232rpx;
position: absolute;
width: 368rpx;
height: 88rpx;
z-index: 0;
left: 0;
top: 0;
opacity: 0;
pointer-events: auto;
}
.cardbtnbg {
.level {
position: absolute;
width: 368rpx;
height: 88rpx;
z-index: 0;
left: 0;
top: 0;
left: 24rpx;
top: 30rpx;
font-size: 32rpx;
font-weight: bold;
color: @color-gold-cover;
pointer-events: none;
}
.btnTitle {
.subTitle {
position: absolute;
// z-index: 1;
width: 180rpx;
text-align: center;
left: 24rpx;
top: 80rpx;
font-size: 24rpx;
color: white;
// border: 1px solid red;
top: 23rpx;
left: 20rpx;
color: @color-black-deep;
pointer-events: none;
}
.btnSubTitle {
.showCornerTxt {
position: absolute;
top: 23rpx;
// z-index: 1;
right: 0;
top: 0;
color: white;
font-size: 24rpx;
font-weight: bold;
color: @color-gold-light;
left: 210rpx;
padding: 10rpx;
border-radius: 0 10rpx 0 10rpx;
background-color: @color-gold-main;
}
}
}
}
.contentbox {
width: 750rpx;
height: 1429rpx;
position: relative;
margin-top: 32px;
.contentbg {
width: 100%;
height: 100%;
position: absolute;
}
.cardbtn {
position: relative;
left: 6rpx;
top: 130rpx;
.phone-auth-btn-cover {
position: absolute;
width: 368rpx;
height: 88rpx;
z-index: 0;
left: 0;
top: 0;
opacity: 0;
pointer-events: auto;
.contentitem {
position: absolute;
}
}
}
.cardbtnbg {
position: absolute;
width: 368rpx;
height: 88rpx;
z-index: 0;
left: 0;
top: 0;
}
.channelbox {
margin-top: 32rpx;
margin-left: 32rpx;
.btnTitle {
position: absolute;
// z-index: 1;
width: 180rpx;
text-align: center;
font-size: 24rpx;
color: white;
// border: 1px solid red;
top: 23rpx;
left: 20rpx;
}
.maintitle {
color: @color-black-deep;
font-size: 38rpx;
font-weight: bold;
display: block;
margin-left: 5rpx;
.btnSubTitle {
position: absolute;
top: 23rpx;
// z-index: 1;
font-size: 24rpx;
font-weight: bold;
color: @color-gold-light;
left: 210rpx;
}
}
}
}
.subtitle_box {
display: flex;
margin-top: 10rpx;
margin-left: 5rpx;
width: 700rpx;
.contentbox {
width: 750rpx;
height: 1429rpx;
position: relative;
margin-top: 32px;
.subtitle {
width: 500rpx;
color: @color-black-deep;
font-size: 24rpx;
.contentbg {
width: 100%;
height: 100%;
position: absolute;
}
.icon_more {
width: 127rpx;
height: 34rpx;
margin-left: 45rpx;
margin-top: 2rpx;
.contentitem {
position: absolute;
}
}
}
.listbox {
display: flex;
margin-top: 20rpx;
width: 686rpx;
align-content: center;
justify-content: space-between;
.channelbox {
margin-top: 32rpx;
margin-left: 32rpx;
.tabitem {
.maintitle {
color: @color-black-deep;
background-color: #e9edf1;
padding: 15rpx 20rpx;
font-size: 22rpx;
// margin-right: 15rpx;
border-radius: 30rpx;
font-size: 38rpx;
font-weight: bold;
display: block;
margin-left: 5rpx;
}
.tabActive {
color: white;
background-color: @color-gold-main;
.subtitle_box {
display: flex;
margin-top: 10rpx;
margin-left: 5rpx;
width: 700rpx;
.subtitle {
width: 500rpx;
color: @color-black-deep;
font-size: 24rpx;
}
.icon_more {
width: 127rpx;
height: 34rpx;
margin-left: 45rpx;
margin-top: 2rpx;
}
}
}
.channelscroll {
width: 718rpx;
overflow-y: scroll;
margin-top: 32rpx;
height: 620rpx;
.box {
.listbox {
display: flex;
flex-direction: column;
margin-top: 20rpx;
width: 686rpx;
align-content: center;
justify-content: space-between;
.tabitem {
color: @color-black-deep;
background-color: #e9edf1;
padding: 15rpx 20rpx;
font-size: 22rpx;
// margin-right: 15rpx;
border-radius: 30rpx;
}
.tabActive {
color: white;
background-color: @color-gold-main;
}
}
.channelscroll {
width: 718rpx;
overflow-y: scroll;
margin-top: 32rpx;
height: 620rpx;
.infobox {
width: 670rpx;
height: 180rpx;
.box {
display: flex;
align-items: center;
background-color: #fff;
border-radius: 16rpx;
border: 2rpx solid #feeecb;
margin-bottom: 20rpx;
.infoimg {
border-radius: 12rpx 0rpx 0rpx 12rpx;
-webkit-flex-shrink: 0;
flex-shrink: 0;
height: 180rpx;
/* margin-top: -1rpx ; */
width: 180rpx;
}
flex-direction: column;
.infotitlebox {
flex: 1;
margin-left: 20rpx;
.infobox {
width: 670rpx;
height: 180rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 16rpx;
border: 2rpx solid #feeecb;
margin-bottom: 20rpx;
.infoimg {
border-radius: 12rpx 0rpx 0rpx 12rpx;
-webkit-flex-shrink: 0;
flex-shrink: 0;
height: 180rpx;
/* margin-top: -1rpx ; */
width: 180rpx;
}
.infotitlecon {
.infotitlebox {
flex: 1;
margin-left: 20rpx;
display: flex;
flex-direction: row;
flex-direction: column;
justify-content: center;
.infotitlecon {
display: flex;
flex-direction: row;
.infotitle {
color: @color-black-deep;
width: 400rpx;
font-size: 24rpx;
font-weight: bold;
margin-bottom: 8rpx;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.3;
}
.infotitletag {
width: 46rpx;
height: 22rpx;
color: #fff;
}
}
.infotitle {
color: @color-black-deep;
width: 400rpx;
font-size: 24rpx;
font-weight: bold;
margin-bottom: 8rpx;
.infodesc {
color: #999999;
font-size: 22rpx;
width: 450rpx;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.3;
}
.infotitletag {
width: 46rpx;
height: 22rpx;
color: #fff;
}
}
.infodesc {
color: #999999;
font-size: 22rpx;
width: 450rpx;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
}
}
}
.channelscroll2 {
width: 718rpx;
margin-top: 32rpx;
margin-left: -16rpx;
}
.box2 {
.channelscroll2 {
width: 718rpx;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 32rpx;
margin-left: -16rpx;
.infobox2 {
width: 330rpx;
height: 430rpx;
.box2 {
width: 718rpx;
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
border-radius: 16rpx;
border: 4rpx solid #feeecb;
margin-bottom: 20rpx;
position: relative;
flex-wrap: wrap;
justify-content: space-between;
.infoimg2 {
.infobox2 {
width: 330rpx;
height: 306rpx;
border-radius: 12rpx 12rpx 0rpx 0rpx;
flex-shrink: 0;
}
.infotitle2box {
margin-top: 10rpx;
flex: 1;
height: 430rpx;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
padding: 0 10rpx;
.infotitle2 {
color: @color-black-deep;
width: 90%;
font-size: 24rpx;
font-weight: bold;
margin-bottom: 8rpx;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.3;
text-align: left;
margin-left: 5%;
align-items: center;
background-color: #fff;
border-radius: 16rpx;
border: 4rpx solid #feeecb;
margin-bottom: 20rpx;
position: relative;
.infoimg2 {
width: 330rpx;
height: 306rpx;
border-radius: 12rpx 12rpx 0rpx 0rpx;
flex-shrink: 0;
}
.infotitle2box {
margin-top: 10rpx;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
padding: 0 10rpx;
.infotitle2 {
color: @color-black-deep;
width: 90%;
font-size: 24rpx;
font-weight: bold;
margin-bottom: 8rpx;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.3;
text-align: left;
margin-left: 5%;
}
}
}
}
}
}
.desc {
.desc {
color: @color-black-deep;
font-size: 24rpx;
display: flex;
align-items: center;
justify-content: center;
margin-top: 32rpx;
color: @color-black-deep;
font-size: 24rpx;
display: flex;
align-items: center;
justify-content: center;
margin-top: 32rpx;
.desc1 {
color: @color-gold-cover;
margin-left: 5rpx;
.desc1 {
color: @color-gold-cover;
margin-left: 5rpx;
}
}
.desc2 {
padding-bottom: 32rpx;
}
}
.desc2 {
padding-bottom: 32rpx;
.bottomlink {
width: 750rpx;
height: 247rpx;
.bottombg {
width: 750rpx;
height: 247rpx;
position: absolute;
}
.box {
position: relative;
top: 100rpx;
width: 74%;
left: 13%;
display: flex;
align-items: flex-end;
justify-content: space-between;
.icon {}
}
}
}
.bottomlink {
.popup-content {
width: 750rpx;
height: 247rpx;
height: 812rpx;
border-top-left-radius: 48rpx;
border-top-right-radius: 48rpx;
position: relative;
.btnclose {
width: 70rpx;
height: 70rpx;
position: absolute;
top: 36rpx;
right: 32rpx;
}
.bottombg {
.xingmahui {
width: 750rpx;
height: 247rpx;
height: 100%;
position: absolute;
bottom: 0;
}
.box {
position: relative;
top: 100rpx;
width: 74%;
left: 13%;
display: flex;
align-items: flex-end;
justify-content: space-between;
.title {
position: absolute;
top: 47rpx;
left: 32rpx;
font-size: 36rpx;
color: @color-black-deep;
font-weight: bold;
}
.icon {}
.desc {
position: absolute;
top: 108rpx;
left: 32rpx;
font-size: 28rpx;
color: @color-black-medium;
font-weight: bold;
}
}
}
.qrcode {
width: 340rpx;
height: 340rpx;
position: absolute;
top: 220rpx;
left: 205rpx;
}
.popup-content {
width: 750rpx;
height: 812rpx;
border-top-left-radius: 48rpx;
border-top-right-radius: 48rpx;
position: relative;
.btnclose {
width: 70rpx;
height: 70rpx;
position: absolute;
top: 36rpx;
right: 32rpx;
.btndownload {
width: 286rpx;
height: 89rpx;
position: absolute;
top: 630rpx;
left: 232rpx;
}
}
.xingmahui {
width: 750rpx;
height: 100%;
position: absolute;
.video-popup {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9999;
}
.title {
position: absolute;
top: 47rpx;
left: 32rpx;
font-size: 36rpx;
color: @color-black-deep;
font-weight: bold;
.close-btn-bottom {
margin: 32rpx auto 0 auto;
width: 64rpx;
height: 64rpx;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 44rpx;
line-height: 64rpx;
text-align: center;
z-index: 10001;
display: flex;
align-items: center;
justify-content: center;
}
.desc {
position: absolute;
top: 108rpx;
left: 32rpx;
font-size: 28rpx;
color: @color-black-medium;
font-weight: bold;
.phone-auth-mask {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
}
.qrcode {
width: 340rpx;
height: 340rpx;
position: absolute;
top: 220rpx;
left: 205rpx;
.phone-auth-popup {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 16rpx;
padding: 40rpx 32rpx;
z-index: 1001;
display: flex;
flex-direction: column;
align-items: center;
}
.btndownload {
width: 286rpx;
height: 89rpx;
position: absolute;
top: 630rpx;
left: 232rpx;
.phone-auth-btn {
background: #ffd700;
color: #333;
font-size: 32rpx;
border-radius: 8rpx;
padding: 20rpx 60rpx;
margin-bottom: 20rpx;
}
}
.video-popup {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9999;
}
.close-btn-bottom {
margin: 32rpx auto 0 auto;
width: 64rpx;
height: 64rpx;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 44rpx;
line-height: 64rpx;
text-align: center;
z-index: 10001;
display: flex;
align-items: center;
justify-content: center;
}
.phone-auth-mask {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
}
.phone-auth-popup {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 16rpx;
padding: 40rpx 32rpx;
z-index: 1001;
display: flex;
flex-direction: column;
align-items: center;
}
.phone-auth-btn {
background: #ffd700;
color: #333;
font-size: 32rpx;
border-radius: 8rpx;
padding: 20rpx 60rpx;
margin-bottom: 20rpx;
}
.close-btn {
font-size: 40rpx;
color: #999;
margin-top: 10rpx;
}
.close-btn {
font-size: 40rpx;
color: #999;
margin-top: 10rpx;
}
.image-popup-content {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 16rpx;
position: relative;
.popup-image {
width: 600rpx;
height: 600rpx;
.image-popup-content {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 16rpx;
object-fit: cover;
}
position: relative;
.popup-close-btn {
width: 70rpx;
height: 70rpx;
position: absolute;
bottom: -120rpx;
left: 50%;
transform: translateX(-50%);
z-index: 10;
.popup-image {
width: 600rpx;
height: 600rpx;
border-radius: 16rpx;
object-fit: cover;
}
.popup-close-btn {
width: 70rpx;
height: 70rpx;
position: absolute;
bottom: -120rpx;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
}
}
}
</style>
\ No newline at end of file
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