Commit a1d719fb authored by 王炽's avatar 王炽
parents 3f3ba0e1 0a9b4d1e
No preview for this file type
...@@ -68,7 +68,7 @@ export const brandObj = { ...@@ -68,7 +68,7 @@ export const brandObj = {
"productId": "1234567890", "productId": "1234567890",
"skuId": "1234567890", "skuId": "1234567890",
"contentImg": "0-2", "contentImg": "0-2",
"contentImgLen": 10, "contentImgLen": 25,
"shareTitle": "星飞帆卓睿 3段", "shareTitle": "星飞帆卓睿 3段",
"shareImg": "brandpage/products/share/0/0_2.png", "shareImg": "brandpage/products/share/0/0_2.png",
}, },
...@@ -142,7 +142,7 @@ export const brandObj = { ...@@ -142,7 +142,7 @@ export const brandObj = {
"productId": "1234567890", "productId": "1234567890",
"skuId": "1234567890", "skuId": "1234567890",
"contentImg": "1-2", "contentImg": "1-2",
"contentImgLen": 10, "contentImgLen": 25,
"shareTitle": "星飞帆卓睿 3段", "shareTitle": "星飞帆卓睿 3段",
"shareImg": "brandpage/products/share/1/1_2.png", "shareImg": "brandpage/products/share/1/1_2.png",
}, },
......
...@@ -16,7 +16,7 @@ export const homeObj = { ...@@ -16,7 +16,7 @@ export const homeObj = {
"url": "homepage/banner1.jpg", "url": "homepage/banner1.jpg",
"link": { "link": {
"type": 1, "type": 1,
"url": "/pages/product/product?id:1-1" "url": "/pages/library/ContentLibrary"
} }
}, },
{ {
...@@ -233,7 +233,7 @@ export const homeObj = { ...@@ -233,7 +233,7 @@ export const homeObj = {
"title": "教宝宝认识人体:【为什么肚子会咕咕叫?】", "title": "教宝宝认识人体:【为什么肚子会咕咕叫?】",
"link": { "link": {
"type": 3, "type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21880&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=1220", "url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21823&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=1220",
"extra": {} "extra": {}
} }
} }
......
const brandObj = { const brandObj = {
"channel":{ "channel":{
"finderUserName": "sphgexisAi0pRGm", "finderUserName": "sphgexisAi0pRGm",
"feedId": "export/UzFfAgtgekIEAQAAAAAABbEMmxr36QAAAAstQy6ubaLX4KHWvLEZgBPEgaJkYSYbLr6JzNPgMJp7tTZCYcYsIpU6Z0fgSnSE" "feedId": "export/UzFfAgtgekIEAQAAAAAABbEMmxr36QAAAAstQy6ubaLX4KHWvLEZgBPEgaJkYSYbLr6JzNPgMJp7tTZCYcYsIpU6Z0fgSnSE"
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
"productId": "1234567890", "productId": "1234567890",
"skuId": "1234567890", "skuId": "1234567890",
"contentImg": "0-2", "contentImg": "0-2",
"contentImgLen": 10, "contentImgLen": 25,
"shareTitle": "星飞帆卓睿 3段", "shareTitle": "星飞帆卓睿 3段",
"shareImg": "brandpage/products/share/0/0_2.png", "shareImg": "brandpage/products/share/0/0_2.png",
}, },
...@@ -142,7 +142,7 @@ ...@@ -142,7 +142,7 @@
"productId": "1234567890", "productId": "1234567890",
"skuId": "1234567890", "skuId": "1234567890",
"contentImg": "1-2", "contentImg": "1-2",
"contentImgLen": 10, "contentImgLen": 25,
"shareTitle": "星飞帆卓睿 3段", "shareTitle": "星飞帆卓睿 3段",
"shareImg": "brandpage/products/share/1/1_2.png", "shareImg": "brandpage/products/share/1/1_2.png",
}, },
......
const homeObj = { const homeObj = {
"voiceStory":{ "voiceStory":{
"link":{ "link":{
"type": 3, "type": 3,
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
"url": "homepage/banner1.jpg", "url": "homepage/banner1.jpg",
"link": { "link": {
"type": 1, "type": 1,
"url": "/pages/product/product?id:1-1" "url": "/pages/library/ContentLibrary"
} }
}, },
{ {
...@@ -233,7 +233,7 @@ ...@@ -233,7 +233,7 @@
"title": "教宝宝认识人体:【为什么肚子会咕咕叫?】", "title": "教宝宝认识人体:【为什么肚子会咕咕叫?】",
"link": { "link": {
"type": 3, "type": 3,
"url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21880&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=1220", "url": "https://mom.feihe.com/babyWikipedia/audioDetail?id=21823&type=3&period_id=5&tag_id=1&navActive=1&fnTagId=1220",
"extra": {} "extra": {}
} }
} }
...@@ -351,5 +351,6 @@ ...@@ -351,5 +351,6 @@
var b = JSON.stringify(JSON.stringify(homeObj)); var b = JSON.stringify(JSON.stringify(homeObj));
console.log(b); console.log(b);
\ No newline at end of file
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<view class="person-header"> <view class="person-header">
<image <image
class="banner_bg" class="banner_bg"
:src="$baseUrl + 'person/banner.png'" :src="formData.backgroundImg || $baseUrl + 'person/banner.png'"
mode="aspectFill" mode="aspectFill"
/> />
<image <image
...@@ -542,12 +542,11 @@ const onSubmit = async (e) => { ...@@ -542,12 +542,11 @@ const onSubmit = async (e) => {
} }
const data = { const data = {
dueDate: formData.value.dueDate, dueDate: formData.value.dueDate || formData.value.babyBirthday,
babyType: formData.value.babyType, babyType: formData.value.babyType,
contentPreference: formData.value.contentPreference, contentPreference: formData.value.contentPreference,
followInfo: formData.value.followInfo, followInfo: formData.value.followInfo,
babyName: formData.value.babyName, babyName: formData.value.babyName,
babyBirthday: formData.value.babyBirthday,
feedingType: formData.value.feedingType, feedingType: formData.value.feedingType,
productPreference: formData.value.productPreference, productPreference: formData.value.productPreference,
purchaseChannel: formData.value.purchaseChannel, purchaseChannel: formData.value.purchaseChannel,
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
:indicator-color="indicatorColor" :indicator-active-color="indicatoractiveColor"> :indicator-color="indicatorColor" :indicator-active-color="indicatoractiveColor">
<swiper-item v-for="item in swiperList" :key="item.url"> <swiper-item v-for="item in swiperList" :key="item.url">
<view class="swiper-item banneritem"> <view class="swiper-item banneritem">
<image :data-link="item.link" @tap="jumpLink(item.link,item.videoUrl)" class="b-img" <image :data-link="item.link" @tap="jumpLink(item.link, item.videoUrl)" class="b-img"
:src="$baseUrl + item.url"> :src="$baseUrl + item.url">
</image> </image>
</view> </view>
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
</view> </view>
<view class="ipbox"> <view class="ipbox">
<image class="iphexiaofei" :src="$baseUrl + 'brandpage/iphexiaofei.png'"></image> <image @tap="showPopup(1)" class="iphexiaofei" :src="$baseUrl + 'brandpage/iphexiaofei.png'"></image>
<view class="ipcard"> <view class="ipcard">
<view class="title"> <view class="title">
飞鹤品牌IP<view class="t1">鹤小飞一家</view> 飞鹤品牌IP<view class="t1">鹤小飞一家</view>
...@@ -153,9 +153,9 @@ export default { ...@@ -153,9 +153,9 @@ export default {
esgInfoList: [], esgInfoList: [],
qrInfoList: [], qrInfoList: [],
popupIndex: 0, popupIndex: 0,
showVideo:false, showVideo: false,
testVideoUrl:'', testVideoUrl: '',
channel:{} channel: {}
} }
...@@ -172,9 +172,9 @@ export default { ...@@ -172,9 +172,9 @@ export default {
this.initBrandInfo(); this.initBrandInfo();
}, },
methods: { methods: {
async initBrandInfo(){ async initBrandInfo() {
const {data} = await fetchBrandJSON(); const { data } = await fetchBrandJSON();
if(data){ if (data) {
this.swiperList = data.swiperList; this.swiperList = data.swiperList;
this.productTabList = data.productTabList; this.productTabList = data.productTabList;
this.productInfoList = data.product; this.productInfoList = data.product;
...@@ -182,8 +182,8 @@ export default { ...@@ -182,8 +182,8 @@ export default {
this.qrInfoList = data.qrInfoList; this.qrInfoList = data.qrInfoList;
this.ipDesc = data.ipDesc; this.ipDesc = data.ipDesc;
this.swiperIconList = data.swiperIconList; this.swiperIconList = data.swiperIconList;
this.testVideoUrl=data.videoUrl; this.testVideoUrl = data.videoUrl;
this.currentVideoUrl=data.videoUrl; this.currentVideoUrl = data.videoUrl;
this.channel = data.channel; this.channel = data.channel;
} }
}, },
...@@ -194,7 +194,7 @@ export default { ...@@ -194,7 +194,7 @@ export default {
this.swiperIndex = _index; this.swiperIndex = _index;
}, },
jumpLink(_link,videoUrl) { jumpLink(_link, videoUrl) {
// console.log(_link) // console.log(_link)
// uni.navigateTo({ // uni.navigateTo({
// url: "/pages/product/product?id=1-1" // url: "/pages/product/product?id=1-1"
...@@ -210,10 +210,10 @@ export default { ...@@ -210,10 +210,10 @@ export default {
jump(_link); jump(_link);
} }
}, },
jumpProduct(item){ jumpProduct(item) {
const {productId,skuId,contentImg,contentImgLen,shareTitle,shareImg} = item; const { productId, skuId, contentImg, contentImgLen, shareTitle, shareImg } = item;
uni.navigateTo({ uni.navigateTo({
url: "/pages/product/product?productId="+productId+"&skuId="+skuId+"&contentImg="+contentImg+"&contentImgLen="+contentImgLen+"&shareTitle="+shareTitle+"&shareImg="+shareImg url: "/pages/product/product?productId=" + productId + "&skuId=" + skuId + "&contentImg=" + contentImg + "&contentImgLen=" + contentImgLen + "&shareTitle=" + shareTitle + "&shareImg=" + shareImg
}) })
}, },
channelTabHandler(_index) { channelTabHandler(_index) {
...@@ -261,16 +261,16 @@ export default { ...@@ -261,16 +261,16 @@ export default {
} }
}); });
}, },
showVideoHandler(){ showVideoHandler() {
this.currentVideoUrl = this.testVideoUrl; this.currentVideoUrl = this.testVideoUrl;
this.showVideo = true; this.showVideo = true;
}, },
closeVideo() { closeVideo() {
this.showVideo = false; this.showVideo = false;
this.currentVideoUrl = ''; this.currentVideoUrl = '';
}, },
openChannel(){ openChannel() {
const finderUserName = this.channel.finderUserName; const finderUserName = this.channel.finderUserName;
const feedId = this.channel.feedId; const feedId = this.channel.feedId;
uni.openChannelsActivity({ uni.openChannelsActivity({
...@@ -366,13 +366,15 @@ export default { ...@@ -366,13 +366,15 @@ export default {
.listbox { .listbox {
display: flex; display: flex;
margin-top: 10rpx; margin-top: 10rpx;
width: 686rpx;
align-content: center;
justify-content:space-between;
.tabitem { .tabitem {
color: @color-black-deep; color: @color-black-deep;
background-color: #e9edf1; background-color: #e9edf1;
padding: 15rpx; padding: 15rpx 20rpx;
font-size: 22rpx; font-size: 22rpx;
margin-right: 15rpx; // margin-right: 15rpx;
border-radius: 30rpx; border-radius: 30rpx;
} }
...@@ -404,7 +406,7 @@ export default { ...@@ -404,7 +406,7 @@ export default {
.infotitle { .infotitle {
font-size: 36rpx; font-size: 36rpx;
font-weight: 400; font-weight: 400;
width: 75rpx; width: 100rpx;
color: @color-black-deep; color: @color-black-deep;
margin-left: 36rpx; //一点偏移量 margin-left: 36rpx; //一点偏移量
text-align: center; text-align: center;
...@@ -562,6 +564,7 @@ export default { ...@@ -562,6 +564,7 @@ export default {
.listbox { .listbox {
display: flex; display: flex;
margin-top: 10rpx; margin-top: 10rpx;
.tabitem { .tabitem {
color: @color-black-deep; color: @color-black-deep;
...@@ -677,6 +680,7 @@ export default { ...@@ -677,6 +680,7 @@ export default {
left: 232rpx; left: 232rpx;
} }
} }
.video-popup { .video-popup {
position: fixed; position: fixed;
left: 0; left: 0;
......
...@@ -600,13 +600,15 @@ export default { ...@@ -600,13 +600,15 @@ export default {
.listbox { .listbox {
display: flex; display: flex;
margin-top: 10rpx; margin-top: 10rpx;
width: 686rpx;
align-content: center;
justify-content:space-between;
.tabitem { .tabitem {
color: @color-black-deep; color: @color-black-deep;
background-color: #e9edf1; background-color: #e9edf1;
padding: 15rpx; padding: 15rpx 20rpx;
font-size: 22rpx; font-size: 22rpx;
margin-right: 15rpx; // margin-right: 15rpx;
border-radius: 30rpx; border-radius: 30rpx;
} }
......
...@@ -14,13 +14,18 @@ ...@@ -14,13 +14,18 @@
<image <image
class="bg-img" class="bg-img"
:src=" :src="
babyInfo?.content?.backgroundImg || $baseUrl + 'my/cover_white_bg.png' babyInfo?.content?.backgroundImg || $baseUrl + 'my/default_bg.png'
" "
mode="widthFix" mode="widthFix"
lazy-load="false" lazy-load="false"
binderror="" binderror=""
bindload="" bindload=""
/> />
<image
class="banner_cover"
:src="$baseUrl + 'my/cover_white.png'"
mode="aspectFill"
/>
</view> </view>
<button <button
...@@ -400,6 +405,15 @@ defineExpose({}); ...@@ -400,6 +405,15 @@ defineExpose({});
height: 100%; height: 100%;
display: block; display: block;
} }
.banner_cover {
width: 100%;
height: 239rpx;
position: absolute;
bottom: -10rpx;
left: 0;
z-index: 1;
display: block;
}
} }
.user-info { .user-info {
......
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