Skip to content

飞
飞鹤小程序
Commit 5b1d1b1c authored by spc's avatar spc
Browse files
Options

fixed

parent 1ec1d109
Hide whitespace changes
Inline Side-by-side
Showing with 121 additions and 276 deletions
views/Brand.vue
View file @ 5b1d1b1c
<template> <template>
<view class="brand-container"> <view class="brand-container">
<view class="content"> <view class="content">
<swiper <swiper id="firstScreen" class="swiper banner" :current="swiperIndex" @animationfinish="intervalChange" circular
id="firstScreen" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration"
class="swiper banner" :indicator-color="indicatorColor" :indicator-active-color="indicatoractiveColor">
:current="swiperIndex"
@animationfinish="intervalChange"
circular
:indicator-dots="indicatorDots"
:autoplay="autoplay"
:interval="interval"
:duration="duration"
:indicator-color="indicatorColor"
:indicator-active-color="indicatoractiveColor"
>
<swiper-item v-for="(item, index) in swiperList" :key="index"> <swiper-item v-for="(item, index) in swiperList" :key="index">
<view class="swiper-item banneritem"> <view class="swiper-item banneritem">
<image <image :data-log="{
:data-log="{ xcxClick: '品牌故事-首屏页面点击',
xcxClick: '品牌故事-首屏页面点击', pageName: '品牌故事-首屏页面',
pageName: '品牌故事-首屏页面', buttonName: `背景图-${swiperNameList[index]}`,
buttonName: `背景图-${swiperNameList[index]}`, }" :data-comlog="{
}"
:data-comlog="{
xcxComponentClick: 'true', xcxComponentClick: 'true',
pageName: '品牌故事页', pageName: '品牌故事页',
componentName: '品牌故事页banner', componentName: '品牌故事页banner',
componentContent: item.title || '', componentContent: item.title || '',
}" }" :data-link="item.link" @tap="jumpLink(item.link, item.videoUrl, $event)" class="b-img"
:data-link="item.link" :src="item?.url?.indexOf('http') === 0 ? item.url : $baseUrl + item.url">
@tap="jumpLink(item.link, item.videoUrl, $event)"
class="b-img"
:src="item?.url?.indexOf('http') === 0 ? item.url : $baseUrl + item.url"
>
</image> </image>
</view> </view>
</swiper-item> </swiper-item>
...@@ -62,170 +46,106 @@ ...@@ -62,170 +46,106 @@
<view class="swiper-mask"> <view class="swiper-mask">
<image class="swiper-mask-img" :src="$baseUrl + 'homepage/home_format_v2.png'"></image> <image class="swiper-mask-img" :src="$baseUrl + 'homepage/home_format_v2.png'"></image>
</view> </view>
<view <view class="videoposterbox"
class="videoposterbox" v-if="video1Channel.videoUrl || (video1Channel.finderUserName && video1Channel.feedId)">
v-if="video1Channel.videoUrl || (video1Channel.finderUserName && video1Channel.feedId)" <video v-if="video1Channel.videoUrl" ref="brandVideo1Ref" id="brandVideo1" class="videoposter" :src="video1Channel.videoUrl?.indexOf('http') === 0
> ? video1Channel.videoUrl
<video : $baseUrl + video1Channel.videoUrl
v-if="video1Channel.videoUrl" " :autoplay="false" :data-log="{
ref="brandVideo1Ref"
id="brandVideo1"
class="videoposter"
:src="
video1Channel.videoUrl?.indexOf('http') === 0
? video1Channel.videoUrl
: $baseUrl + video1Channel.videoUrl
"
:autoplay="false"
:data-log="{
xcxClick: '品牌故事-次屏页面点击', xcxClick: '品牌故事-次屏页面点击',
pageName: '品牌故事-首屏页面', pageName: '品牌故事-首屏页面',
buttonName: '腰部品牌Video', buttonName: '腰部品牌Video',
}" }" :poster="video1Channel.posterUrl?.indexOf('http') === 0
:poster="
video1Channel.posterUrl?.indexOf('http') === 0
? video1Channel.posterUrl ? video1Channel.posterUrl
: $baseUrl + video1Channel.posterUrl : $baseUrl + video1Channel.posterUrl
" " object-fit="cover" @loadedmetadata="onVideoLoadedMeta" @play="onVideo1Play" @ended="onVideo1Ended"></video>
object-fit="cover" <image v-else :data-log="{
@loadedmetadata="onVideoLoadedMeta" xcxClick: '品牌故事-次屏页面点击',
@play="onVideo1Play" pageName: '品牌故事-首屏页面',
@ended="onVideo1Ended" buttonName: '腰部品牌Video',
></video> }" :data-comlog="{
<image
v-else
:data-log="{
xcxClick: '品牌故事-次屏页面点击',
pageName: '品牌故事-首屏页面',
buttonName: '腰部品牌Video',
}"
:data-comlog="{
xcxComponentClick: 'true', xcxComponentClick: 'true',
pageName: '品牌故事页', pageName: '品牌故事页',
componentName: '品牌故事视频', componentName: '品牌故事视频',
componentContent: video1Channel.title || '', componentContent: video1Channel.title || '',
}" }" @tap="openChannel(video1Channel, $event)" class="videoposter" :src="video1Channel.posterUrl?.indexOf('http') === 0
@tap="openChannel(video1Channel, $event)"
class="videoposter"
:src="
video1Channel.posterUrl?.indexOf('http') === 0
? video1Channel.posterUrl ? video1Channel.posterUrl
: $baseUrl + video1Channel.posterUrl : $baseUrl + video1Channel.posterUrl
" ">
>
</image> </image>
<view class="videoposterboxtitle" v-if="showVideo1Title">{{ video1Channel.title || '' }}</view> <view class="videoposterboxtitle" v-if="showVideo1Title">{{ video1Channel.title || '' }}</view>
</view> </view>
<!-- 产品家族 --> <!-- 产品家族 -->
<view <view id="secondScreen" class="productcontai" v-if="productTabList.length > 0 && productInfoList.length > 0">
id="secondScreen"
class="productcontai"
v-if="productTabList.length > 0 && productInfoList.length > 0"
>
<text class="maintitle">{{ erqiPeizhi.title1 }}</text> <text class="maintitle">{{ erqiPeizhi.title1 }}</text>
<!-- tab容器 --> <!-- tab容器 -->
<scroll-view <scroll-view class="listbox" scroll-x="true" show-scrollbar="false" :scroll-into-view="'tab-' + channelTabIndex"
class="listbox" :scroll-with-animation="true">
scroll-x="true"
show-scrollbar="false"
:scroll-into-view="'tab-' + channelTabIndex"
:scroll-with-animation="true"
>
<view class="tab-container"> <view class="tab-container">
<view <view @tap="channelTabHandler(index, $event)" :data-log="{
@tap="channelTabHandler(index, $event)" xcxClick: '品牌故事-次屏页面点击',
:data-log="{ pageName: '品牌故事-次屏页面',
xcxClick: '品牌故事-次屏页面点击', buttonName: `${item}`,
pageName: '品牌故事-次屏页面', }" :data-comlog="{
buttonName: `${item}`,
}"
:data-comlog="{
xcxComponentClick: 'true', xcxComponentClick: 'true',
pageName: '品牌故事页', pageName: '品牌故事页',
componentName: '飞鹤产品家族', componentName: '飞鹤产品家族',
componentContent: '产品家族切换分类-' + item, componentContent: '产品家族切换分类-' + item,
}" }" :class="channelTabIndex === index ? 'tabitem tabActive' : 'tabitem'"
:class="channelTabIndex === index ? 'tabitem tabActive' : 'tabitem'" v-for="(item, index) in productTabList" :key="index" :id="'tab-' + index">
v-for="(item, index) in productTabList"
:key="index"
:id="'tab-' + index"
>
{{ item }} {{ item }}
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
<!-- 内容 --> <!-- 内容 -->
<scroll-view <scroll-view v-if="productInfoList.length > 0" class="productbox" scroll-x="true" show-scrollbar="false">
v-if="productInfoList.length > 0"
class="productbox"
scroll-x="true"
show-scrollbar="false"
>
<view class="product-grid"> <view class="product-grid">
<view class="product-row"> <view class="product-row">
<view <view class="infobox" :key="'top-' + index"
class="infobox" v-for="(infoItem, index) in productInfoList[channelTabIndex].filter((item, i) => i % 2 === 0)" :style="{
:key="'top-' + index"
v-for="(infoItem, index) in productInfoList[channelTabIndex].filter((item, i) => i % 2 === 0)"
:style="{
background: `url(${$baseUrl}brandpage/infoBoxBg.png) no-repeat center/contain`, background: `url(${$baseUrl}brandpage/infoBoxBg.png) no-repeat center/contain`,
}" }" :data-log="{
:data-log="{
xcxClick: '品牌故事-次屏页面点击', xcxClick: '品牌故事-次屏页面点击',
pageName: '品牌故事-次屏页面', pageName: '品牌故事-次屏页面',
buttonName: `${productTabList[channelTabIndex] + '中的' + infoItem.title}+'商品'`, buttonName: `${productTabList[channelTabIndex] + '中的' + infoItem.title}+'商品'`,
}" }" :data-comlog="{
:data-comlog="{
xcxComponentClick: 'true', xcxComponentClick: 'true',
pageName: '品牌故事页', pageName: '品牌故事页',
componentName: '飞鹤产品家族', componentName: '飞鹤产品家族',
componentContent: '产品家族商品-' + infoItem.desc, componentContent: '产品家族商品-' + infoItem.desc,
}" }" @tap="jumpProduct(infoItem, $event)">
@tap="jumpProduct(infoItem, $event)"
>
<view class="flexbox"> <view class="flexbox">
<view class="infotitle"> <view class="infotitle">
{{ infoItem.title }} {{ infoItem.title }}
</view> </view>
<image <image class="infoimg"
class="infoimg" :src="infoItem.bgUrl?.indexOf('http') === 0 ? infoItem.bgUrl : $baseUrl + infoItem.bgUrl">
:src="infoItem.bgUrl?.indexOf('http') === 0 ? infoItem.bgUrl : $baseUrl + infoItem.bgUrl"
>
</image> </image>
</view> </view>
<view class="infodesc">{{ infoItem.desc }}</view> <view class="infodesc">{{ infoItem.desc }}</view>
</view> </view>
</view> </view>
<view class="product-row"> <view class="product-row">
<view <view class="infobox" :key="'bottom-' + index"
class="infobox" v-for="(infoItem, index) in productInfoList[channelTabIndex].filter((item, i) => i % 2 === 1)" :style="{
:key="'bottom-' + index"
v-for="(infoItem, index) in productInfoList[channelTabIndex].filter((item, i) => i % 2 === 1)"
:style="{
background: `url(${$baseUrl}brandpage/infoBoxBg.png) no-repeat center/contain`, background: `url(${$baseUrl}brandpage/infoBoxBg.png) no-repeat center/contain`,
}" }" :data-log="{
:data-log="{
xcxClick: '品牌故事-次屏页面点击', xcxClick: '品牌故事-次屏页面点击',
pageName: '品牌故事-次屏页面', pageName: '品牌故事-次屏页面',
buttonName: `${productTabList[channelTabIndex] + '中的' + infoItem.title}+'商品'`, buttonName: `${productTabList[channelTabIndex] + '中的' + infoItem.title}+'商品'`,
}" }" :data-comlog="{
:data-comlog="{
xcxComponentClick: 'true', xcxComponentClick: 'true',
pageName: '品牌故事页', pageName: '品牌故事页',
componentName: '飞鹤产品家族', componentName: '飞鹤产品家族',
componentContent: '产品家族商品-' + infoItem.desc, componentContent: '产品家族商品-' + infoItem.desc,
}" }" @tap="jumpProduct(infoItem, $event)">
@tap="jumpProduct(infoItem, $event)"
>
<view class="flexbox"> <view class="flexbox">
<view class="infotitle"> <view class="infotitle">
{{ infoItem.title }} {{ infoItem.title }}
</view> </view>
<image <image class="infoimg"
class="infoimg" :src="infoItem.bgUrl?.indexOf('http') === 0 ? infoItem.bgUrl : $baseUrl + infoItem.bgUrl">
:src="infoItem.bgUrl?.indexOf('http') === 0 ? infoItem.bgUrl : $baseUrl + infoItem.bgUrl"
>
</image> </image>
</view> </view>
<view class="infodesc">{{ infoItem.desc }}</view> <view class="infodesc">{{ infoItem.desc }}</view>
...@@ -235,68 +155,37 @@ ...@@ -235,68 +155,37 @@
</scroll-view> </scroll-view>
</view> </view>
<!-- 视频 --> <!-- 视频 -->
<view <view class="videoposterbox"
class="videoposterbox" v-if="video2Channel.videoUrl || (video2Channel.finderUserName && video2Channel.feedId)">
v-if="video2Channel.videoUrl || (video2Channel.finderUserName && video2Channel.feedId)" <video v-if="video2Channel.videoUrl" ref="brandVideo2Ref" id="brandVideo2" class="videoposter" :src="video2Channel.videoUrl?.indexOf('http') === 0
> ? video2Channel.videoUrl
<video : $baseUrl + video2Channel.videoUrl
v-if="video2Channel.videoUrl" " :autoplay="false" object-fit="cover" @loadedmetadata="onVideoLoadedMeta" @play="onVideo2Play" :poster="video2Channel.posterUrl?.indexOf('http') === 0
ref="brandVideo2Ref"
id="brandVideo2"
class="videoposter"
:src="
video2Channel.videoUrl?.indexOf('http') === 0
? video2Channel.videoUrl
: $baseUrl + video2Channel.videoUrl
"
:autoplay="false"
object-fit="cover"
@loadedmetadata="onVideoLoadedMeta"
@play="onVideo2Play"
:poster="
video2Channel.posterUrl?.indexOf('http') === 0
? video2Channel.posterUrl ? video2Channel.posterUrl
: $baseUrl + video2Channel.posterUrl : $baseUrl + video2Channel.posterUrl
" " @ended="onVideo2Ended"></video>
@ended="onVideo2Ended" <image v-else class="videoposter" :data-comlog="{
></video> xcxComponentClick: 'true',
<image pageName: '品牌故事页',
v-else componentName: '品牌故事视频',
class="videoposter" componentContent: video2Channel.title || '',
:data-comlog="{ }" @tap="openChannel(video2Channel, $event)" :src="video2Channel.posterUrl?.indexOf('http') === 0
xcxComponentClick: 'true',
pageName: '品牌故事页',
componentName: '品牌故事视频',
componentContent: video2Channel.title || '',
}"
@tap="openChannel(video2Channel, $event)"
:src="
video2Channel.posterUrl?.indexOf('http') === 0
? video2Channel.posterUrl ? video2Channel.posterUrl
: $baseUrl + video2Channel.posterUrl : $baseUrl + video2Channel.posterUrl
" ">
>
</image> </image>
<view class="videoposterboxtitle" v-if="showVideo2Title">{{ video2Channel.title || '' }}</view> <view class="videoposterboxtitle" v-if="showVideo2Title">{{ video2Channel.title || '' }}</view>
</view> </view>
<!-- 鹤小飞一家 --> <!-- 鹤小飞一家 -->
<view <view id="thirdScreen" class="ipbox" v-if="erqiPeizhi.appId1 && erqiPeizhi.appId2"
id="thirdScreen" :style="{ background: `url(${$baseUrl}brandpage/hexiaofeiBg.png) no-repeat center/contain` }">
class="ipbox"
v-if="erqiPeizhi.appId1 && erqiPeizhi.appId2"
:style="{ background: `url(${$baseUrl}brandpage/hexiaofeiBg.png) no-repeat center/contain` }"
>
<!-- <store-product appid="wx1ad0903b95889ea1" product-id="10000239570622" custom-content="true"> --> <!-- <store-product appid="wx1ad0903b95889ea1" product-id="10000239570622" custom-content="true"> -->
<image <image :data-log="{
:data-log="{ xcxClick: '品牌故事-三屏页面点击',
xcxClick: '品牌故事-三屏页面点击', pageName: '品牌故事-三屏页面',
pageName: '品牌故事-三屏页面', buttonName: `全家形象`,
buttonName: `全家形象`, }" class="iphexiaofei" @tap="jumpLink(erqiPeizhi.link, erqiPeizhi.videoUrl, $event)"
}" :src="erqiPeizhi.iphexiaofeiUrl">
class="iphexiaofei"
@tap="jumpLink(erqiPeizhi.link, erqiPeizhi.videoUrl, $event)"
:src="erqiPeizhi.iphexiaofeiUrl"
>
</image> </image>
<!-- </store-product> --> <!-- </store-product> -->
<view class="ipcard"> <view class="ipcard">
...@@ -308,26 +197,17 @@ ...@@ -308,26 +197,17 @@
<view class="ipflex"> <view class="ipflex">
<!-- 竖版商品 --> <!-- 竖版商品 -->
<view class="ipbg ip1" id="ip1" @tap="ipTapEvent(1, $event)"> <view class="ipbg ip1" id="ip1" @tap="ipTapEvent(1, $event)">
<store-product <store-product :appid="erqiPeizhi.appId1" :product-id="erqiPeizhi.productId1" custom-content="true"
:appid="erqiPeizhi.appId1" class="store-product-container">
:product-id="erqiPeizhi.productId1"
custom-content="true"
class="store-product-container"
>
<view class="ipcontainer"> <view class="ipcontainer">
<image <image :data-log="{
:data-log="{ xcxClick: '品牌故事-三屏页面点击',
xcxClick: '品牌故事-三屏页面点击', pageName: '品牌故事-三屏页面',
pageName: '品牌故事-三屏页面', buttonName: `${hexiaofeiNameList[0]}`,
buttonName: `${hexiaofeiNameList[0]}`, }" :src="erqiPeizhi.ipImg1?.indexOf('http') === 0
}"
:src="
erqiPeizhi.ipImg1?.indexOf('http') === 0
? erqiPeizhi.ipImg1 ? erqiPeizhi.ipImg1
: $baseUrl + erqiPeizhi.ipImg1 : $baseUrl + erqiPeizhi.ipImg1
" " class="ip1">
class="ip1"
>
</image> </image>
<view class="ipcontext"> <view class="ipcontext">
<view class="ipcontext-desc">{{ erqiPeizhi.ipDesc1 || '' }}</view> <view class="ipcontext-desc">{{ erqiPeizhi.ipDesc1 || '' }}</view>
...@@ -340,29 +220,21 @@ ...@@ -340,29 +220,21 @@
<view class="ipright"> <view class="ipright">
<!-- 横版商品 --> <!-- 横版商品 -->
<view class="ipbg ip2" id="ip2" @tap="ipTapEvent(2, $event)"> <view class="ipbg ip2" id="ip2" @tap="ipTapEvent(2, $event)">
<store-product <store-product :appid="erqiPeizhi.appId2" :product-id="erqiPeizhi.productId2" custom-content="true"
:appid="erqiPeizhi.appId2" class="store-product-container">
:product-id="erqiPeizhi.productId2"
custom-content="true"
class="store-product-container"
>
<view class="ipcontainer"> <view class="ipcontainer">
<view class="ipcontext"> <view class="ipcontext">
<view class="ipcontext-title">{{ erqiPeizhi.ipTitle2 || '' }}</view> <view class="ipcontext-title">{{ erqiPeizhi.ipTitle2 || '' }}</view>
<view class="ipcontext-desc">{{ erqiPeizhi.ipDesc2 || '' }}</view> <view class="ipcontext-desc">{{ erqiPeizhi.ipDesc2 || '' }}</view>
</view> </view>
<image <image :data-log="{
:data-log="{ xcxClick: '品牌故事-三屏页面点击',
xcxClick: '品牌故事-三屏页面点击', pageName: '品牌故事-三屏页面',
pageName: '品牌故事-三屏页面', buttonName: `${hexiaofeiNameList[1]}`,
buttonName: `${hexiaofeiNameList[1]}`, }" :src="erqiPeizhi.ipImg2?.indexOf('http') === 0
}"
:src="
erqiPeizhi.ipImg2?.indexOf('http') === 0
? erqiPeizhi.ipImg2 ? erqiPeizhi.ipImg2
: $baseUrl + erqiPeizhi.ipImg2 : $baseUrl + erqiPeizhi.ipImg2
" ">
>
</image> </image>
</view> </view>
</store-product> </store-product>
...@@ -370,36 +242,26 @@ ...@@ -370,36 +242,26 @@
<view style="display: flex; justify-content: space-between; margin-top: 20rpx"> <view style="display: flex; justify-content: space-between; margin-top: 20rpx">
<!-- 视频号 --> <!-- 视频号 -->
<view class="ipbg ip3" id="ip3" @tap="ipTapEvent(3, $event)"> <view class="ipbg ip3" id="ip3" @tap="ipTapEvent(3, $event)">
<image <image :data-log="{
:data-log="{ xcxClick: '品牌故事-三屏页面点击',
xcxClick: '品牌故事-三屏页面点击', pageName: '品牌故事-三屏页面',
pageName: '品牌故事-三屏页面', buttonName: `${hexiaofeiNameList[2]}`,
buttonName: `${hexiaofeiNameList[2]}`, }" @tap="showPopup(0, $event)" :src="erqiPeizhi.ipImg3?.indexOf('http') === 0
}"
@tap="showPopup(0, $event)"
:src="
erqiPeizhi.ipImg3?.indexOf('http') === 0
? erqiPeizhi.ipImg3 ? erqiPeizhi.ipImg3
: $baseUrl + erqiPeizhi.ipImg3 : $baseUrl + erqiPeizhi.ipImg3
" ">
>
</image> </image>
</view> </view>
<!-- 小红书 --> <!-- 小红书 -->
<view class="ipbg ip4" id="ip4" @tap="ipTapEvent(4, $event)"> <view class="ipbg ip4" id="ip4" @tap="ipTapEvent(4, $event)">
<image <image :data-log="{
:data-log="{ xcxClick: '品牌故事-三屏页面点击',
xcxClick: '品牌故事-三屏页面点击', pageName: '品牌故事-三屏页面',
pageName: '品牌故事-三屏页面', buttonName: `${hexiaofeiNameList[3]}`,
buttonName: `${hexiaofeiNameList[3]}`, }" @tap="showPopup(2, $event)" :src="erqiPeizhi.ipImg4?.indexOf('http') === 0
}"
@tap="showPopup(2, $event)"
:src="
erqiPeizhi.ipImg4?.indexOf('http') === 0
? erqiPeizhi.ipImg4 ? erqiPeizhi.ipImg4
: $baseUrl + erqiPeizhi.ipImg4 : $baseUrl + erqiPeizhi.ipImg4
" ">
>
</image> </image>
</view> </view>
</view> </view>
...@@ -412,31 +274,21 @@ ...@@ -412,31 +274,21 @@
<!-- <text class="subtitle">关注祖国下一代的营养、教育和陪伴</text> --> <!-- <text class="subtitle">关注祖国下一代的营养、教育和陪伴</text> -->
<view class="channelscroll"> <view class="channelscroll">
<view class="box"> <view class="box">
<view <view class="infobox" :key="index" v-for="(infoItem, index) in esgInfoList" :id="'esg' + (index + 1)"
class="infobox"
:key="index"
v-for="(infoItem, index) in esgInfoList"
:id="'esg' + (index + 1)"
:style="{ :style="{
background: `url(${$baseUrl}brandpage/esgItemBg.png) no-repeat center/505rpx 638rpx`, background: `url(${$baseUrl}brandpage/esgItemBg.png) no-repeat center/505rpx 638rpx`,
}" }" :data-log="{
:data-log="{
xcxClick: `品牌故事-三屏页面点击`, xcxClick: `品牌故事-三屏页面点击`,
pageName: `品牌故事-三屏页面ESG点击`, pageName: `品牌故事-三屏页面ESG点击`,
buttonName: `${index + 1}-${infoItem.desc}`, buttonName: `${index + 1}-${infoItem.desc}`,
}" }" :data-comlog="{
:data-comlog="{
xcxComponentClick: 'true', xcxComponentClick: 'true',
pageName: '品牌故事页', pageName: '品牌故事页',
componentName: '飞鹤ESG', componentName: '飞鹤ESG',
componentContent: infoItem.desc, componentContent: infoItem.desc,
}" }" @tap="jumpLink(infoItem.link, infoItem.videoUrl, $event)">
@tap="jumpLink(infoItem.link, infoItem.videoUrl, $event)" <image class="infoimg imgRaduis"
> :src="infoItem.bgUrl?.indexOf('http') === 0 ? infoItem.bgUrl : $baseUrl + infoItem.bgUrl">
<image
class="infoimg imgRaduis"
:src="infoItem.bgUrl?.indexOf('http') === 0 ? infoItem.bgUrl : $baseUrl + infoItem.bgUrl"
>
</image> </image>
<view class="infotitle">{{ infoItem.desc }}</view> <view class="infotitle">{{ infoItem.desc }}</view>
<view class="infodesc">{{ infoItem.desc2 }}</view> <view class="infodesc">{{ infoItem.desc2 }}</view>
...@@ -448,13 +300,7 @@ ...@@ -448,13 +300,7 @@
<view> <view>
<!-- 普通弹窗 --> <!-- 普通弹窗 -->
<uni-popup <uni-popup :is-mask-click="false" :safe-area="false" ref="popup" background-color="#fff" border-radius="48rpx">
:is-mask-click="false"
:safe-area="false"
ref="popup"
background-color="#fff"
border-radius="48rpx"
>
<view v-if="qrInfoObj !== null" class="popup-content"> <view v-if="qrInfoObj !== null" class="popup-content">
<image class="btnclose" @tap="closePop" :src="$baseUrl + 'homepage/btnclose.png'"></image> <image class="btnclose" @tap="closePop" :src="$baseUrl + 'homepage/btnclose.png'"></image>
<view class="title"> <view class="title">
...@@ -462,11 +308,8 @@ ...@@ -462,11 +308,8 @@
</view> </view>
<rich-text class="desc" :nodes="qrInfoObj.desc"> </rich-text> <rich-text class="desc" :nodes="qrInfoObj.desc"> </rich-text>
<image :show-menu-by-longpress="true" class="qrcode" :src="$baseUrl + qrInfoObj.qrUrl"></image> <image :show-menu-by-longpress="true" class="qrcode" :src="$baseUrl + qrInfoObj.qrUrl"></image>
<image <image @tap="downloadHandler($baseUrl + qrInfoObj.qrUrl)" class="btndownload"
@tap="downloadHandler($baseUrl + qrInfoObj.qrUrl)" :src="$baseUrl + 'homepage/btn_download.png'"></image>
class="btndownload"
:src="$baseUrl + 'homepage/btn_download.png'"
></image>
</view> </view>
<view v-else class="popup-content" style="height: 899rpx"> <view v-else class="popup-content" style="height: 899rpx">
<image class="xingmahui" :src="$baseUrl + 'brandpage/hexiaofei.png'"></image> <image class="xingmahui" :src="$baseUrl + 'brandpage/hexiaofei.png'"></image>
...@@ -475,14 +318,8 @@ ...@@ -475,14 +318,8 @@
</uni-popup> </uni-popup>
</view> </view>
<view v-if="showVideo" class="video-popup"> <view v-if="showVideo" class="video-popup">
<video <video :src="currentVideoUrl" controls autoplay :style="{ width: videoWidth + 'px', height: videoHeight + 'px' }"
:src="currentVideoUrl" @loadedmetadata="onVideoLoadedMeta" @play="onVideoPlay"></video>
controls
autoplay
:style="{ width: videoWidth + 'px', height: videoHeight + 'px' }"
@loadedmetadata="onVideoLoadedMeta"
@play="onVideoPlay"
></video>
<view class="close-btn-bottom" @tap="closeVideo">×</view> <view class="close-btn-bottom" @tap="closeVideo">×</view>
</view> </view>
</view> </view>
...@@ -630,8 +467,8 @@ export default { ...@@ -630,8 +467,8 @@ export default {
data.videoUrl = this.$baseUrl + data.videoUrl; data.videoUrl = this.$baseUrl + data.videoUrl;
} }
this.currentVideoUrl = data.videoUrl; this.currentVideoUrl = data.videoUrl;
this.video1Channel = data.video1Channel; this.video1Channel = data.video1Channel || {};
this.video2Channel = data.video2Channel; this.video2Channel = data.video2Channel || {};
this.initExposure(); this.initExposure();
} }
}, },
...@@ -1444,6 +1281,7 @@ export default { ...@@ -1444,6 +1281,7 @@ export default {
.ipcontainer { .ipcontainer {
position: relative; position: relative;
.ipcontext { .ipcontext {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -1451,6 +1289,7 @@ export default { ...@@ -1451,6 +1289,7 @@ export default {
justify-content: flex-start; justify-content: flex-start;
font-size: 20rpx; font-size: 20rpx;
text-align: center; text-align: center;
.ipcontext-desc, .ipcontext-desc,
.ipcontext-title { .ipcontext-title {
width: 100%; width: 100%;
...@@ -1458,6 +1297,7 @@ export default { ...@@ -1458,6 +1297,7 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.ipcontext-title { .ipcontext-title {
color: @color-gold-main; color: @color-gold-main;
} }
...@@ -1475,6 +1315,7 @@ export default { ...@@ -1475,6 +1315,7 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.store-product-container { .store-product-container {
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -1486,6 +1327,7 @@ export default { ...@@ -1486,6 +1327,7 @@ export default {
width: 288rpx; width: 288rpx;
height: 380rpx; height: 380rpx;
overflow: hidden; overflow: hidden;
.ipcontainer { .ipcontainer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -1493,6 +1335,7 @@ export default { ...@@ -1493,6 +1335,7 @@ export default {
justify-content: center; justify-content: center;
width: 268rpx; width: 268rpx;
height: 330rpx; height: 330rpx;
.ipcontext { .ipcontext {
width: 100%; width: 100%;
margin-top: 6rpx; margin-top: 6rpx;
...@@ -1508,6 +1351,7 @@ export default { ...@@ -1508,6 +1351,7 @@ export default {
.ip2 { .ip2 {
width: 342rpx; width: 342rpx;
height: 201rpx; height: 201rpx;
.ipcontainer { .ipcontainer {
height: 152rpx; height: 152rpx;
width: 322rpx; width: 322rpx;
...@@ -1515,6 +1359,7 @@ export default { ...@@ -1515,6 +1359,7 @@ export default {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.ipcontext { .ipcontext {
// width: 210rpx; // width: 210rpx;
flex: 1; flex: 1;
......
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