Skip to content

飞
飞鹤小程序
Commit e39fed7c authored by 张九刚's avatar 张九刚
Browse files
Options

Merge branch 'feature/20250529home' into dev

parents 877fec59 bbef66cc
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1531 additions and 521 deletions
api/brand.js 0 → 100644
View file @ e39fed7c
import requestModule from './request.js';
const {
api
} = requestModule;
export const fetchBrandJSON = () => api.get('/c/front/content',{type:'brand'});
\ No newline at end of file
api/home.js 0 → 100644
View file @ e39fed7c
import requestModule from './request.js';
const {
api
} = requestModule;
/**
* 获取首页信息
* @returns
*/
export const fetchHomeInfo = () => api.get('/c/user/index');
export const fetchHomeJSON = () => api.get('/c/front/content',{type:'home'});
\ No newline at end of file
api/search.js 0 → 100644
View file @ e39fed7c
import requestModule from './request.js';
const {
api
} = requestModule;
/**
* 获取历史搜索
* @returns
*/
export const historySearch = () => api.get('/c/mini/historySearch');
/**
* 清空历史搜索
* @returns
*/
export const historyClear = () => api.get('/c/mini/historyClear');
/**
* 搜索
*/
export const search = (data) => api.post('/c/mini/search',data);
\ No newline at end of file
mock/brand.js 0 → 100644
View file @ e39fed7c
export const brandObj = {
"videoUrl": "https://duiba.oss-cn-hangzhou.aliyuncs.com/fh/brandpage/banner_1%E6%85%A2%E4%BA%BA%E8%8A%82x%E9%A3%9E%E9%B9%A4%2B-%2B%E5%9C%9FFINAL.mp4",
"swiperList": [
{
"url": "brandpage/Banner1.jpg",
"link": "www.baidu.com"
},
{
"url": "brandpage/Banner2.jpg",
"link": "www.baidu.com"
},
{
"url": "brandpage/Banner3.jpg",
"link": "www.baidu.com"
}
],
"swiperIconList": [
{
"baseUrl": "brandpage/corn1.png",
"activeUrl": "brandpage/corn2.png"
},
{
"baseUrl": "brandpage/cattle1.png",
"activeUrl": "brandpage/cattle2.png"
},
{
"baseUrl": "brandpage/factory1.png",
"activeUrl": "brandpage/factory2.png"
}
],
"productTabList": [
"全部", "母婴全阶", "功能营养", "儿童产品", "北纬47°"
],
"product": [
[
{
"bgUrl": "brandpage/pic_0_1.png",
"title": "超凡 吸收",
"desc": "星飞帆经典 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_0_2.png",
"title": "顶配 脑育",
"desc": "星飞帆卓睿 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_0_3.png",
"title": "亲和 自护",
"desc": "星飞帆卓耀 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_0_4.png",
"title": " 4维 效力",
"desc": "爱本跃动蛋白营养粉",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_0_5.png",
"title": "高钙 爆脆",
"desc": "高钙奶酪泡芙脆",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_0_6.png",
"title": "软糯 Q弹",
"desc": "北纬47度黄糯玉米",
"link": "www.baidu.com"
}
],
[
{
"bgUrl": "brandpage/pic_1_1.png",
"title": "超凡 吸收",
"desc": "星飞帆经典 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_1_2.png",
"title": "顶配 脑育",
"desc": "星飞帆卓睿 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_1_3.png",
"title": "亲和 自护",
"desc": "星飞帆卓耀 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_1_4.png",
"title": "顶配 A 2",
"desc": "星飞帆卓睿A2奶源",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_1_5.png",
"title": "活性 有机",
"desc": "臻稚卓蓓 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_1_6.png",
"title": "高端 乳铁",
"desc": "臻爱倍护 3段",
"link": "www.baidu.com"
}
],
[
{
"bgUrl": "brandpage/pic_2_1.png",
"title": " 4维 效力",
"desc": "爱本跃动蛋白营养粉",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_2_2.png",
"title": "初乳 精华",
"desc": "爱本牛初乳",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_2_3.png",
"title": "每日 蛋白",
"desc": "爱本每日蛋白营养糊",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_2_4.png",
"title": "腰腹 燃脂",
"desc": "爱本纤纤益生菌\n羽衣甘蓝蛋白粉",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_2_5.png",
"title": "药食 同源",
"desc": "爱本参芝初乳肽",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_2_6.png",
"title": "一夜 天亮",
"desc": "爱本悦眠功能粉",
"link": "www.baidu.com"
}
],
[
{
"bgUrl": "brandpage/pic_3_1.png",
"title": "高钙 高纤",
"desc": "爱上吃菜乳酪",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_3_2.png",
"title": "高钙 爆脆",
"desc": "高钙奶酪泡芙脆",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_3_3.png",
"title": "醇香 黑巧",
"desc": "高纤黑巧乳酪",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_3_4.png",
"title": "10倍 奶钙",
"desc": "超新星水果奶酪",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_3_5.png",
"title": "浓郁 爆浆",
"desc": "厚切流心芝士片",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_3_6.png",
"title": "洁净 配方",
"desc": "嚼奶粉乳酪",
"link": "www.baidu.com"
}
],
[
{
"bgUrl": "brandpage/pic_4_1.png",
"title": "含有 叶酸",
"desc": "北纬47度白甜糯玉米",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_4_2.png",
"title": "软糯 Q弹",
"desc": "北纬47度黄糯玉米",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_4_3.png",
"title": "开袋 即食",
"desc": "北纬47度低GI水果玉米粒袋装",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_4_4.png",
"title": "秘制 工艺",
"desc": "北纬47度东北烧烤味玉米段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_4_5.png",
"title": "0乳糖 低GI",
"desc": "N47°植物酵素乳",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_4_6.png",
"title": "轻卡 低GI",
"desc": "N47°水果玉米汁",
"link": "www.baidu.com"
}
]
],
"ipDesc": "鹤小飞一家是由鹤爸、鹤妈、鹤小飞（哥哥）、鹤小小（妹妹） 组成的一家。\n四口热爱生活、积极向上，是他们一家对生活的态度。",
"esgInfoList": [
{
"bgUrl": "brandpage/esg1.png",
"title": "中国飞鹤发布2024年ESG报告",
"desc": "飞鹤践行低碳节能，打造绿色产业链；承担 龙头责任，引领行业创新发展；履行社会责 任，构建共富共享生态。",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/esg2.png",
"title": "12亿元生育补贴计划",
"desc": "中国飞鹤于2025年4月初在全国范围内启动 总规模为12亿元，为符合条件的孕期家庭提 供不少于1500元生育补贴的飞鹤生育补贴",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/esg3.png",
"title": "教育公益",
"desc": "百年大计，教育为本；教育大计，教师为本。 近三年来，飞鹤已投入超过6500万元开展专 项助教活动，惠及在职专任教师超过28万人",
"link": "www.baidu.com"
}
],
"qrInfoList": [
{
"title": "视频号",
"desc": "扫码关注<span style='color:#D3A358;'>鹤小飞一家</span>视频号，看超多有爱的趣味故事",
"qrUrl": "brandpage/qrhxf_sph.png"
},
{
"title": "微信小店",
"desc": "扫码进入<span style='color:#D3A358;'>鹤小飞一家</span>店铺，挑选精美限量周边",
"qrUrl": "brandpage/qrhxf_wxxd.png"
}
]
}
\ No newline at end of file
mock/home.js
View file @ e39fed7c
This diff is collapsed.
mock/node_brand.js 0 → 100644
View file @ e39fed7c
var a ={
"videoUrl": "https://duiba.oss-cn-hangzhou.aliyuncs.com/fh/brandpage/banner_1%E6%85%A2%E4%BA%BA%E8%8A%82x%E9%A3%9E%E9%B9%A4%2B-%2B%E5%9C%9FFINAL.mp4",
"swiperList": [
{
"url": "brandpage/Banner1.jpg",
"link": "www.baidu.com"
},
{
"url": "brandpage/Banner2.jpg",
"link": "www.baidu.com"
},
{
"url": "brandpage/Banner3.jpg",
"link": "www.baidu.com"
}
],
"swiperIconList": [
{
"baseUrl": "brandpage/corn1.png",
"activeUrl": "brandpage/corn2.png"
},
{
"baseUrl": "brandpage/cattle1.png",
"activeUrl": "brandpage/cattle2.png"
},
{
"baseUrl": "brandpage/factory1.png",
"activeUrl": "brandpage/factory2.png"
}
],
"productTabList": [
"全部", "母婴全阶", "功能营养", "儿童产品", "北纬47°"
],
"product": [
[
{
"bgUrl": "brandpage/pic_0_1.png",
"title": "超凡 吸收",
"desc": "星飞帆经典 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_0_2.png",
"title": "顶配 脑育",
"desc": "星飞帆卓睿 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_0_3.png",
"title": "亲和 自护",
"desc": "星飞帆卓耀 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_0_4.png",
"title": " 4维 效力",
"desc": "爱本跃动蛋白营养粉",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_0_5.png",
"title": "高钙 爆脆",
"desc": "高钙奶酪泡芙脆",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_0_6.png",
"title": "软糯 Q弹",
"desc": "北纬47度黄糯玉米",
"link": "www.baidu.com"
}
],
[
{
"bgUrl": "brandpage/pic_1_1.png",
"title": "超凡 吸收",
"desc": "星飞帆经典 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_1_2.png",
"title": "顶配 脑育",
"desc": "星飞帆卓睿 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_1_3.png",
"title": "亲和 自护",
"desc": "星飞帆卓耀 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_1_4.png",
"title": "顶配 A 2",
"desc": "星飞帆卓睿A2奶源",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_1_5.png",
"title": "活性 有机",
"desc": "臻稚卓蓓 3段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_1_6.png",
"title": "高端 乳铁",
"desc": "臻爱倍护 3段",
"link": "www.baidu.com"
}
],
[
{
"bgUrl": "brandpage/pic_2_1.png",
"title": " 4维 效力",
"desc": "爱本跃动蛋白营养粉",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_2_2.png",
"title": "初乳 精华",
"desc": "爱本牛初乳",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_2_3.png",
"title": "每日 蛋白",
"desc": "爱本每日蛋白营养糊",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_2_4.png",
"title": "腰腹 燃脂",
"desc": "爱本纤纤益生菌\n羽衣甘蓝蛋白粉",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_2_5.png",
"title": "药食 同源",
"desc": "爱本参芝初乳肽",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_2_6.png",
"title": "一夜 天亮",
"desc": "爱本悦眠功能粉",
"link": "www.baidu.com"
}
],
[
{
"bgUrl": "brandpage/pic_3_1.png",
"title": "高钙 高纤",
"desc": "爱上吃菜乳酪",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_3_2.png",
"title": "高钙 爆脆",
"desc": "高钙奶酪泡芙脆",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_3_3.png",
"title": "醇香 黑巧",
"desc": "高纤黑巧乳酪",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_3_4.png",
"title": "10倍 奶钙",
"desc": "超新星水果奶酪",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_3_5.png",
"title": "浓郁 爆浆",
"desc": "厚切流心芝士片",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_3_6.png",
"title": "洁净 配方",
"desc": "嚼奶粉乳酪",
"link": "www.baidu.com"
}
],
[
{
"bgUrl": "brandpage/pic_4_1.png",
"title": "含有 叶酸",
"desc": "北纬47度白甜糯玉米",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_4_2.png",
"title": "软糯 Q弹",
"desc": "北纬47度黄糯玉米",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_4_3.png",
"title": "开袋 即食",
"desc": "北纬47度低GI水果玉米粒袋装",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_4_4.png",
"title": "秘制 工艺",
"desc": "北纬47度东北烧烤味玉米段",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_4_5.png",
"title": "0乳糖 低GI",
"desc": "N47°植物酵素乳",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/pic_4_6.png",
"title": "轻卡 低GI",
"desc": "N47°水果玉米汁",
"link": "www.baidu.com"
}
]
],
"ipDesc": "鹤小飞一家是由鹤爸、鹤妈、鹤小飞（哥哥）、鹤小小（妹妹） 组成的一家。\n四口热爱生活、积极向上，是他们一家对生活的态度。",
"esgInfoList": [
{
"bgUrl": "brandpage/esg1.png",
"title": "中国飞鹤发布2024年ESG报告",
"desc": "飞鹤践行低碳节能，打造绿色产业链；承担 龙头责任，引领行业创新发展；履行社会责 任，构建共富共享生态。",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/esg2.png",
"title": "12亿元生育补贴计划",
"desc": "中国飞鹤于2025年4月初在全国范围内启动 总规模为12亿元，为符合条件的孕期家庭提 供不少于1500元生育补贴的飞鹤生育补贴",
"link": "www.baidu.com"
},
{
"bgUrl": "brandpage/esg3.png",
"title": "教育公益",
"desc": "百年大计，教育为本；教育大计，教师为本。 近三年来，飞鹤已投入超过6500万元开展专 项助教活动，惠及在职专任教师超过28万人",
"link": "www.baidu.com"
}
],
"qrInfoList": [
{
"title": "视频号",
"desc": "扫码关注<span style='color:#D3A358;'>鹤小飞一家</span>视频号，看超多有爱的趣味故事",
"qrUrl": "brandpage/qrhxf_sph.png"
},
{
"title": "微信小店",
"desc": "扫码进入<span style='color:#D3A358;'>鹤小飞一家</span>店铺，挑选精美限量周边",
"qrUrl": "brandpage/qrhxf_wxxd.png"
}
]
}
var b = JSON.stringify(JSON.stringify(a));
console.log(b);
\ No newline at end of file
mock/node_home.js 0 → 100644
View file @ e39fed7c
var a ={
"swiperList": [{
"url": "homepage/banner1.jpg",
"link": {
"type": 1,
"url": "/pages/product/product?id:1-1"
}
},
{
"url": "homepage/banner2.jpg",
"link": {
"type": 2,
"url": "pages/product/product?id:1-1",
"extra": {
"appId": "wx1234567890abcdef",
"envVersion": "release"
}
}
},
{
"url": "homepage/banner3.jpg",
"link": {
"type": 3,
"url": "https://www.baidu.com",
"extra": {}
}
},
],
"vipConfigList": [
{
"grade": "-1",
"level": "注册会员",
"subTitle": "新人礼权益",
"bgUrl": "homepage/cardbg1.png",
"btnTitle": "首注200元优惠券",
"btnSubTitle": "立即注册",
},
{
"grade": "0",
"subTitle": "免费问诊权益",
"bgUrl": "homepage/cardbg1.png",
"btnTitle": "三甲医生在线问诊",
"btnSubTitle": "立即了解",
},
{
"grade": "1",
"subTitle": "育儿课程权益",
"bgUrl": "homepage/cardbg1.png",
"btnTitle": "12类系列课程",
"btnSubTitle": "立即领取",
"showCornerTxt": "待领取",
},
{
"grade": "2",
"subTitle": "育儿课程权益",
"bgUrl": "homepage/cardbg1.png",
"btnTitle": "12类系列课程",
"btnSubTitle": "立即领取",
"showCornerTxt": "待领取",
},
{
"grade": "3",
"subTitle": "月月礼权益",
"bgUrl": "homepage/cardbg1.png",
"btnTitle": "1分购、优惠券",
"btnSubTitle": "立即领取",
"showCornerTxt": "待领取",
},
{
"grade": "4",
"subTitle": "月月礼权益",
"bgUrl": "homepage/cardbg1.png",
"btnTitle": "1分购、优惠券",
"btnSubTitle": "立即领取",
"showCornerTxt": "待领取",
},
],
"vipCardList": [{
"level": "钻石会员",
"subTitle": "育儿课程权益",
"btnTitle": "12类系列课程",
"btnSubTitle": "立即领取",
"showCornerTxt": "待领取",
"link": "www.baidu.com",
"bgUrl": "homepage/cardbg1.png"
},
{
"level": "北纬47°系列",
"subTitle": "来自万年黑土的健康食品",
"btnTitle": "",
"btnSubTitle": "",
"showCornerTxt": "",
"link": "",
"bgUrl": "homepage/cardbg2.png"
},
{
"level": "育儿宝典",
"subTitle": "专家文章、育儿知识、饮食知识",
"btnTitle": "",
"btnSubTitle": "",
"showCornerTxt": "",
"link": "",
"bgUrl": "homepage/cardbg3.png"
},
],
"contentImgList": [{
"bgUrl": 'homepage/content_1.png',
"link": 'www.baidu.com',
"videoUrl": 'https://duiba.oss-cn-hangzhou.aliyuncs.com/fh/homepage/%E9%A6%96%E9%A1%B5_1%E3%80%8A%E5%AE%98%E7%BD%91%E8%A7%86%E9%A2%91%E3%80%8B_%E4%B8%8A%E7%BA%AA%E7%89%88%E5%B8%A6%E5%B0%81%E9%9D%A20306.m4v',
"_style": 'width:311rpx;height: 324rpx;left: 40rpx;top: 0;'
},
{
"bgUrl": 'homepage/content_2.png',
"link": 'www.baidu.com',
"videoUrl":"https://duiba.oss-cn-hangzhou.aliyuncs.com/fh/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;'
},
{
"bgUrl": 'homepage/content_3.png',
"link": 'www.baidu.com',
"videoUrl":"https://duiba.oss-cn-hangzhou.aliyuncs.com/fh/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;'
},
{
"bgUrl": 'homepage/content_4.png',
"link": 'www.baidu.com',
"_style": 'width:263rpx;height: 324rpx;right: 40rpx;top: 1120rpx;'
}
],
"channelTabList": ["凯叔讲故事", "哄睡故事", "知识科普", "安全意识", "社交能力"],
"changelInfoList": [
[{
"bgUrl": "homepage/channel_0_1.png",
"title": "凯叔·金子美铃童诗:【星星和蒲公英】",
"link": "www.baidu.com"
},
{
"bgUrl": "homepage/channel_0_1.png",
"title": "凯叔·金子美铃童诗:【天空和海】",
"link": "www.baidu.com"
}
],
[{
"bgUrl": "homepage/channel_1_1.png",
"title": "凯叔-小睡仙:【睡吧睡吧，香香的】",
"link": "www.baidu.com"
},
{
"bgUrl": "homepage/channel_1_1.png",
"title": "凯叔-小睡仙:【睡觉仙气，3,2,1,】",
"link": "www.baidu.com"
}
],
[{
"bgUrl": "homepage/channel_2_1.png",
"title": "教宝宝认识人体:【守护眼睛的睫毛】",
"link": "www.baidu.com"
},
{
"bgUrl": "homepage/channel_2_1.png",
"title": "教宝宝认识人体：【为什么肚子会咕咕叫？】",
"link": "www.baidu.com"
}
],
[{
"bgUrl": "homepage/channel_3_1.png",
"title": "教宝宝不乱吃东西:【这个不能吃】",
"link": "www.baidu.com"
},
{
"bgUrl": "homepage/channel_3_1.png",
"title": "培养宝宝不摸插座的安全意识:【电线插座不好玩】",
"link": "www.baidu.com"
}
],
[{
"bgUrl": "homepage/channel_4_1.png",
"title": "教会宝宝不嘲笑别人:【鹤鸟】",
"link": "www.baidu.com"
},
{
"bgUrl": "homepage/channel_4_1.png",
"title": "培养宝宝尊重别人的习惯:【爱嘲笑人的斑斑】",
"link": "www.baidu.com"
}
]
],
"childrenInfoList": [{
"bgUrl": "homepage/children_0.png",
"title": "1+3 育儿妙招大揭秘，带娃从此不”蕉绿“",
"link": "www.baidu.com"
},
{
"bgUrl": "homepage/children_1.png",
"title": "已有儿童中招，严重可瘫痪夏季防蜱虫最全指南速看",
"link": "www.baidu.com"
},
{
"bgUrl": "homepage/children_2.png",
"title": "99% 家长忽略的脑发育关键动作",
"link": "www.baidu.com"
}
]
, "bottomLinkList": [{
"bgUrl": "homepage/iconwx.png",
"link": "www.baidu.com",
"_style": "width:70rpx;height:109rpx;"
},
{
"bgUrl": "homepage/iconqw.png",
"link": "www.baidu.com",
"_style": "width:95rpx;height:109rpx;"
},
{
"bgUrl": "homepage/iconsph.png",
"link": "www.baidu.com",
"_style": "width:70rpx;height:109rpx;"
},
{
"bgUrl": "homepage/iconxhs.png",
"link": "www.baidu.com",
"_style": "width:88rpx;height:99rpx;"
}
],
"qrInfoList": [{
"title": "公众号",
"desc": "扫码关注<span style:'color:#D3A358;'>星妈会</span>公众号，了解更多专业育儿资讯",
"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"
},
]
}
var b = JSON.stringify(JSON.stringify(a));
console.log(b);
\ No newline at end of file
mock/products.js 0 → 100644
View file @ e39fed7c
export const productsObj = {
productList: [
{
id: '1-1',
imgLength:20,
shareTitle: '产品1',
shareImg: 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png'
},
{
id: '1-2',
imgLength:10,
shareTitle: '产品2',
shareImg: 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png'
},
{
id: '2-1',
imgLength:15,
shareTitle: '产品1',
shareImg: 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png'
}
]
}
\ No newline at end of file
pages/product/product.vue
View file @ e39fed7c
<template>
<view class="container">
<image mode="widthFix" class="productimg" :src="$baseUrl + 'brandpage/products/' + productId + '.jpg'"></image>
<image :key="index" v-for="(item,index) in imgList" mode="widthFix" class="productimg" :src="item.imgUrl"></image>
<view class="btnbox">
<image @tap="buyHandler" class="btnbuy" :src="$baseUrl + 'brandpage/btnbuy.png'"></image>
<button class="btnshare" open-type="share" style="background: none; border: none; padding: 0;">
......@@ -11,17 +11,33 @@
</template>
<script>
import { productsObj } from '../../mock/products';
export default {
data() {
return {
productId: ''
productId: '',
imgLength:0,
imgList:[],
shareTitle:'',
shareImg:''
}
},
onLoad(options) {
// options 就是跳转时传递的参数对象
console.log('页面参数:', options);
this.productId = options.id;
const { productList } = productsObj;
const product = productList.find(item => item.id === this.productId);
this.imgLength = product.imgLength;
this.shareTitle = product.shareTitle;
this.shareImg = product.shareImg;
this.imgList = Array.from({ length: this.imgLength }, (_, index) => {
return {
imgUrl: this.$baseUrl + 'brandpage/products/' + this.productId.split('-')[0] + '/' + this.productId+'/product_'+this.productId.replace('-','_')+'_'+index + '.jpg'
}
});
},
methods: {
buyHandler() {
......@@ -43,9 +59,9 @@ export default {
},
onShareAppMessage() {
return {
title: '商品详情',
path: '/pages/product/product?id=123',
imageUrl: 'https://你的图片链接.jpg'
title: this.shareTitle,
path: '/pages/product/product?id='+this.productId,
imageUrl: this.shareImg
}
},
}
......@@ -56,6 +72,7 @@ export default {
.productimg {
width: 750rpx;
vertical-align: top;
}
.btnbox {
......
pages/search/search.vue
View file @ e39fed7c
......@@ -12,8 +12,8 @@
</view>
</view>
<view class="topbox" :style="`margin-top:${statusBarHeight+10}px`">
<view v-if="step === 1" class="recentbox">
<image class="icon_trash" :src="$baseUrl+'searchpage/icon_trash.png'"></image>
<view v-if="step === 1 && recentTagsList.length > 0" class="recentbox">
<image @tap="historyClearHandler" class="icon_trash" :src="$baseUrl+'searchpage/icon_trash.png'"></image>
<view class="title">最近搜索</view>
<view class="tagbox">
<view @tap="searchHandler(item)" :key="index" v-for="(item,index) in recentTagsList" class="tag">{{item}}</view>
......@@ -29,9 +29,9 @@
<view v-if="step !== 1" class="tabbox">
<van-tabs :color="`#d3a358`" line-width="15px" :active="tabIndex" @click="onTabChange">
<van-tab title="内容" name="a"></van-tab>
<van-tab title="工具" name="b"></van-tab>
<van-tab title="商品" name="c"></van-tab>
<van-tab title="内容" name="content"></van-tab>
<van-tab title="工具" name="tool"></van-tab>
<van-tab title="商品" name="product"></van-tab>
</van-tabs>
</view>
......@@ -53,14 +53,13 @@
<script>
import { historySearch,historyClear,search } from '../../api/search';
const recentTagsList=[
"功能营养","母婴","功能营养","母婴","功能营养","母婴","功能营养","母婴","功能营养","母婴"
]
const oftenTagsList=[
"功能营养","母婴","功能营养","母婴","功能营养","母婴","功能营养","母婴","功能营养","母婴"
]
const resultList = [
[
const oftenTagsList=["婴幼儿奶粉","权益","奶酪棒","星飞帆经典"]
const resultList = {
"content":[
{
bgUrl:"searchpage/test.png",
desc:"宝宝出生必做6件事，90 %爸妈漏掉第3条",
......@@ -110,7 +109,7 @@
link:"www.baidu.com"
}
],
[
"tool":[
{
bgUrl:"searchpage/test2.png",
desc:"秋风渐凉，宝宝的免疫力 也进入 “换季挑战期”",
......@@ -142,7 +141,7 @@
link:"www.baidu.com"
},
],
[
"product":[
{
bgUrl:"searchpage/test3.png",
desc:"3 个 0 成本游戏，让宝宝 越玩越聪明～",
......@@ -174,7 +173,7 @@
link:"www.baidu.com"
},
]
]
}
export default {
data() {
......@@ -185,21 +184,39 @@
oftenTagsList:oftenTagsList,
step:1,
resultList:resultList,
tabIndex:0,
tabIndex:'content',
searchValue:''
}
},
mounted() {
const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
this.statusBarHeight = menuButtonInfo.top;
this.initHistorySearch();
},
methods: {
initHistorySearch(){
historySearch().then(res=>{
console.log(res);
this.recentTagsList=res.data || [];
});
},
historyClearHandler(){
historyClear().then(res=>{
console.log(res);
this.recentTagsList=[]
});
},
backHandler() {
uni.navigateBack();
},
onTabChange(evt)
{
this.tabIndex = evt.detail.index;
console.log(evt);
this.tabIndex = evt.detail.name;
console.log(this.tabIndex);
console.log(this.resultList);
console.log(this.resultList[this.tabIndex]);
console.log(this.resultList['tool']);
},
confirm(evt){
this.searchHandler(evt.detail.value);
......@@ -209,6 +226,12 @@
this.searchValue=_searchValue;
}
this.step=2;
search({
keyword:this.searchValue
}).then(res=>{
console.log(res);
this.resultList=res.data || {'tool':[],'content':[],'product':[]};
});
}
}
}
......
stores/home.js 0 → 100644
View file @ e39fed7c
import {
defineStore
} from 'pinia';
import {
fetchHomeInfo
} from '../api/home.js';
export const useHomeStore = defineStore('homeInfo', {
state: () => {
return {
homeInfo: null,
isLogin:false,
babyExistence:false
};
},
actions: {
/**
* 更新首页信息
* @param {Object} homeInfo
*/
setHomeInfo(homeInfo) {
this.homeInfo = homeInfo;
if(homeInfo?.memberId === "not_login"){
this.isLogin = false;
}else{
this.isLogin = true;
}
},
setBabyExistence(babyExistence){
console.log('setBabyExistence', babyExistence);
this.babyExistence = !babyExistence;
},
/**
* 获取首页信息
*/
async loadHomeInfo() {
const {
data
} = await fetchHomeInfo();
console.log('loadHomeInfo', data);
if(data){
this.setHomeInfo(data);
}
},
},
});
\ No newline at end of file
stores/user.js
View file @ e39fed7c
......@@ -10,6 +10,8 @@ import {
} from "../api/user.js";
import { useGlobalStore } from "./global.js";
import { showLoading, hideLoading } from "../utils/index.js";
import { useHomeStore } from './home.js';
const globalStore = useGlobalStore();
......@@ -70,12 +72,15 @@ export const useUserStore = defineStore("userInfo", {
// console.log('wxAutoLogin', res);
if (res.errMsg === "login:ok") {
// 用户手机授权
await fetchAutoPhone({
const { data: babyExistence } = await fetchAutoPhone({
phoneEncryptedData: data.encryptedData,
phoneIv: data.iv,
code: data.code,
codeLogin: res.code,
});
const homeStore = useHomeStore();
await homeStore.setBabyExistence(babyExistence);
// 授权注册成功后做一次登录
this.wxAutoLogin();
} else {
......@@ -109,19 +114,26 @@ export const useUserStore = defineStore("userInfo", {
this.babyInfo = data;
}
},
/**
* 获取用户积分信息
*/
async loadMemberInfo() {
const { data } = await fetchMemberInfo();
console.log("fetchMemberInfo=", data);
this.setMemberInfo(data);
// this.memberInfo = data;
// if (data?.memberId !== "not_login") {
// this.babyInfo = data;
// }
},
async loadMemberInfo() {
const { data } = await fetchMemberInfo();
console.log("fetchMemberInfo=", data);
this.setMemberInfo(data);
// this.memberInfo = data;
// if (data?.memberId !== "not_login") {
// this.babyInfo = data;
// }
},
/**
* 获取宝宝信息
*/
async loadHomeInfo() {
const homeStore = useHomeStore();
await homeStore.loadHomeInfo();
},
/**
* wx.login 获取code后，调用此方法完成登录
......@@ -134,8 +146,9 @@ export const useUserStore = defineStore("userInfo", {
if (data && data.cuk) {
globalStore.setCuk(data.cuk);
this.loadUserInfo();
this.loadBabyInfo();
await this.loadUserInfo();
await this.loadBabyInfo();
await this.loadHomeInfo();
}
},
......
views/Brand.vue
View file @ e39fed7c
This diff is collapsed.
views/Home.vue
View file @ e39fed7c
This diff is collapsed.
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