12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712 |
- <!DOCTYPE html>
- <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
- xsi:schemaLocation="https://www.thymeleaf.org ">
- <html>
- <head>
- <template th:replace="components/head-link"></template>
- <link href="/lib/swiper.min.css" media="screen and (min-width:768px)" rel="stylesheet" type="text/css">
- <link th:href="@{/css/activity/activityTopic.css(v=${version})}" rel="stylesheet" type="text/css">
- <title>活动专题页面</title>
- </head>
- <body>
- <!-- 引用头部 -->
- <template th:replace="components/header"></template>
- <div id="activity" class="activity" v-cloak>
- <!-- loading -->
- <div v-if="listLoading" class="loading">
- <img src="/img/base/loading.gif">
- </div>
- <!--banner图-->
- <div class="banner" v-if="pageInfo && !listLoading">
- <a :href="pageInfo.headLink !== ''?pageInfo.headLink : 'javascript:void(0)'">
- <img :src="pageInfo.headImage" v-if="isPC">
- <img :src="pageInfo.crmHeadImage" v-else>
- </a>
- </div>
- <!-- 模板1 -->
- <div class="floor-template">
- <div class="inner">
- <div class="right-box"></div>
- <div class="left-box">
- <!-- 楼层模板1 -->
- <div class="floor-template" v-for="(temp,tIndex) in floorList" :key="tIndex">
- <!-- 楼层模板标题 -->
- <div class="floor-title">
- <h2>{{temp.title}}</h2>
- <p>{{temp.detail}}</p>
- </div>
- <!-- 楼层 -->
- <div class="swiper-container floor-main picture-template floor-grid-1"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex"
- v-if="temp.floorContent.templateType === '1'">
- <div class="swiper-wrapper">
- <div class="swiper-slide no-swiping" v-for="list in temp.floorImageList" :key="list.id">
- <template v-for="item in list" :key="item.id">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </a>
- </template>
- </div>
- </div>
- <div class="swiper-pagination"></div>
- </div>
- <div class="swiper-container picture-template floor-main floor-grid-2"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex"
- v-if="temp.floorContent.templateType === '2'">
- <div class="swiper-wrapper">
- <div class="swiper-slide no-swiping" v-for="list in temp.floorImageList" :key="list.id">
- <template v-for="item in list" :key="item.id">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </a>
- </template>
- </div>
- </div>
- <div class="swiper-pagination"></div>
- </div>
- <div class="swiper-box" v-if="temp.floorContent.templateType === '3'">
- <template v-if="isPc">
- <div class="swiper-container article-template floor-main floor-grid-1"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
- <div class="swiper-wrapper">
- <div class="swiper-slide no-swiping clearfix" v-for="list in temp.floorImageList" :key="list.id">
- <template v-for="item in list" :key="item.id">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
- <div class="floor-item-cover">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </div>
- <div class="floor-item-text">
- <h2>{{item.name}}</h2>
- <div class="line"></div>
- <p>{{item.content}}</p>
- </div>
- </a>
- </template>
- </div>
- </div>
- <div class="swiper-pagination"></div>
- </div>
- </template>
- <template v-else>
- <div class="article-template floor-main floor-grid-1" :class="temp.isPageMore?'':'max'">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
- v-for="item in temp.floorImageList" :key="item.id">
- <div class="floor-item-cover">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </div>
- <div class="floor-item-text">
- <h2>{{item.name}}</h2>
- <div class="line"></div>
- <p>{{item.content}}</p>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </template>
- </div>
- <div class="swiper-box" v-if="temp.floorContent.templateType === '4'">
- <template v-if="isPc">
- <div class="swiper-container article-template floor-main floor-grid-2"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
- <div class="swiper-wrapper">
- <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
- <div class="floor-item-cover">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </div>
- <div class="floor-item-text">
- <h2>{{item.name}}</h2>
- <p>{{item.content}}</p>
- </div>
- </a>
- </div>
- </div>
- </div>
- <!-- 左右切换按钮 -->
- <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
- <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
- </template>
- <template v-else>
- <div class="article-template floor-main floor-grid-2" :class="temp.isPageMore?'':'max'">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
- v-for="item in temp.floorImageList" :key="item.id">
- <div class="floor-item-cover">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </div>
- <div class="floor-item-text">
- <h2>{{item.name}}</h2>
- <div class="line"></div>
- <p>{{item.content}}</p>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </template>
- </div>
- <div class="swiper-box" v-if="temp.floorContent.templateType === '5'">
- <template v-if="isPc">
- <div class="swiper-container article-template floor-main floor-grid-3"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
- <div class="swiper-wrapper">
- <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
- <div class="floor-item-cover">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </div>
- <div class="floor-item-text">
- <h2>{{item.name}}</h2>
- <p>{{item.content}}</p>
- </div>
- </a>
- </div>
- </div>
- </div>
- <!-- 左右切换按钮 -->
- <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
- <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
- </template>
- <template v-else>
- <div class="article-template floor-main floor-grid-3 floor-scroll">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
- v-for="item in temp.floorImageList" :key="item.id">
- <div class="floor-item-cover">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </div>
- <div class="floor-item-text">
- <h2>{{item.name}}</h2>
- <div class="line"></div>
- <p>{{item.content}}</p>
- </div>
- </a>
- </div>
- </template>
- </div>
- <div class="swiper-box" v-if="temp.floorContent.templateType === '6'">
- <template v-if="isPc">
- <div class="swiper-container article-template floor-main floor-grid-4"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
- <div class="swiper-wrapper">
- <div class="swiper-slide no-swiping clearfix" v-for="list in temp.floorImageList" :key="list.id">
- <template v-for="item in list" :key="item.id">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
- <div class="floor-item-cover">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </div>
- <div class="floor-item-text">
- <h2>{{item.name}}</h2>
- <p>{{item.content}}</p>
- </div>
- </a>
- </template>
- </div>
- </div>
- <div class="swiper-pagination"></div>
- </div>
- </template>
- <template v-else>
- <div class="article-template floor-main floor-grid-4 clearfix" :class="temp.isPageMore?'':'max'">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
- v-for="item in temp.floorImageList" :key="item.id">
- <div class="floor-item-cover">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </div>
- <div class="floor-item-text">
- <h2>{{item.name}}</h2>
- <div class="line"></div>
- <p>{{item.content}}</p>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </template>
- </div>
- <div class="swiper-box" v-if="temp.floorContent.templateType === '7'">
- <template v-if="isPc">
- <div class="swiper-container picture-template floor-main floor-grid-3"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
- <div class="swiper-wrapper">
- <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </a>
- </div>
- </div>
- </div>
- <!-- 左右切换按钮 -->
- <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
- <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
- </template>
- <template v-else>
- <div class="picture-template floor-main floor-grid-3 floor-scroll">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item"
- v-for="item in temp.floorImageList" :key="item.id">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </a>
- </div>
- </template>
- </div>
- <div class="swiper-box" v-if="temp.floorContent.templateType === '8'">
- <template v-if="isPc">
- <div class="swiper-container picture-template floor-main floor-grid-4"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
- <div class="swiper-wrapper">
- <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </a>
- </div>
- </div>
- </div>
- <!-- 左右切换按钮 -->
- <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
- <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
- </template>
- <template v-else>
- <div class="picture-template floor-main floor-grid-4 clearfix" :class="temp.isPageMore?'':'max'">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item"
- v-for="item in temp.floorImageList" :key="item.id">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </template>
- </div>
- <div class="swiper-box" v-if="temp.floorContent.templateType === '9'">
- <div class="swiper-container floor-main picture-template floor-grid-5"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
- <div class="swiper-wrapper">
- <div class="swiper-slide no-swiping" v-for="list in temp.floorImageList" :key="list.id">
- <template v-for="item in list" :key="item.id">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </a>
- </template>
- </div>
- </div>
- <div class="swiper-pagination"></div>
- </div>
- </div>
- <div class="swiper-box" v-if="temp.floorContent.templateType === '10'">
- <template v-if="isPc">
- <div class="swiper-container picture-template floor-main floor-grid-6"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
- <div class="swiper-wrapper">
- <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </a>
- </div>
- </div>
- </div>
- <!-- 左右切换按钮 -->
- <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
- <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
- </template>
- <template v-else>
- <div class="picture-template floor-main floor-grid-6 clearfix" :class="temp.isPageMore?'':'max'">
- <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item"
- v-for="item in temp.floorImageList" :key="item.id">
- <img :src="item.image" alt="item.name" v-if="isPc">
- <img :src="item.adsImage" alt="item.name" v-else>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </template>
- </div>
- <div class="product-template floor-grid-1 clearfix" v-if="temp.floorContent.templateType === '11'">
- <div class="floor-main clearfix" :class="temp.isPageMore?'':'max'">
- <div class="ad-box">
- <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
- class="floor-item-ad ad1">
- <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
- class="floor-item-ad ad2">
- <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
- class="floor-item-ad ad3">
- <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
- </a>
- </div>
- <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
- :key="index">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </div>
- <div class="product-template floor-grid-2 clearfix" v-if="temp.floorContent.templateType === '12'">
- <div class="floor-main" :class="temp.isPageMore?'':'max'">
- <div class="ad-box">
- <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
- class="floor-item-ad ad1">
- <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
- class="floor-item-ad ad2">
- <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
- class="floor-item-ad ad3">
- <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
- </a>
- </div>
- <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
- :key="index">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </div>
- <div class="product-template floor-grid-3 clearfix" v-if="temp.floorContent.templateType === '13'">
- <div class="floor-main" :class="temp.isPageMore?'':'max'">
- <div class="ad-box">
- <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
- class="floor-item-ad ad1">
- <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
- class="floor-item-ad ad2">
- <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
- class="floor-item-ad ad3">
- <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink4 !== ''?'temp.floorContent.adsLink4':'javascript:void(0)'"
- class="floor-item-ad ad4">
- <img :src="temp.floorContent.pcAdsImage4" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage4" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink5 !== ''?'temp.floorContent.adsLink5':'javascript:void(0)'"
- class="floor-item-ad ad5">
- <img :src="temp.floorContent.pcAdsImage5" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage5" alt="" v-else>
- </a>
- </div>
- <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
- :key="index">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </div>
- <div class="product-template floor-grid-4 clearfix" v-if="temp.floorContent.templateType === '14'">
- <div class="floor-main" :class="temp.isPageMore?'':'max'">
- <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
- :key="index">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </div>
- <div class="product-template floor-grid-5 clearfix" v-if="temp.floorContent.templateType === '15'">
- <div class="floor-main" :class="temp.isPageMore?'':'max'">
- <div class="ad-box">
- <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
- class="floor-item-ad ad1">
- <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
- class="floor-item-ad ad2">
- <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
- class="floor-item-ad ad3">
- <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
- </a>
- </div>
- <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
- :key="index">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </div>
- <div class="product-template floor-grid-6 clearfix" v-if="temp.floorContent.templateType === '16'">
- <div class="floor-main" :class="temp.isPageMore?'':'max'">
- <div class="ad-box">
- <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
- class="floor-item-ad ad1">
- <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
- class="floor-item-ad ad2">
- <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
- </a>
- </div>
- <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
- :key="index">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </div>
- <div class="product-template floor-grid-7 clearfix" v-if="temp.floorContent.templateType === '17'">
- <div class="floor-main" :class="temp.isPageMore?'':'max'">
- <div class="ad-box">
- <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
- class="floor-item-ad ad1">
- <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
- </a>
- <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
- class="floor-item-ad ad2">
- <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
- </a>
- </div>
- <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
- :key="index">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </div>
- <div class="product-template floor-grid-8 clearfix" v-if="temp.floorContent.templateType === '18'">
- <div class="floor-main" :class="temp.isPageMore?'':'max'">
- <div class="ad-box">
- <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
- class="floor-item-ad ad1">
- <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
- </a>
- </div>
- <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
- :key="index">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </div>
- <div class="product-template floor-grid-9 clearfix" v-if="temp.floorContent.templateType === '19'">
- <div class="floor-main" :class="temp.isPageMore?'':'max'">
- <div class="ad-box">
- <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
- class="floor-item-ad ad1">
- <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
- </a>
- </div>
- <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
- :key="index">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </div>
- <div class="product-template floor-grid-10 clearfix" v-if="temp.floorContent.templateType === '20'">
- <div class="floor-main" :class="temp.isPageMore?'':'max'">
- <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
- :key="index">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- <div class="ad-box">
- <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
- class="floor-item-ad ad1">
- <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
- <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
- </a>
- </div>
- </div>
- <div class="show-more" v-if="temp.isPageMore">
- <div class="more-btn" @click="showMore(temp)">查看更多</div>
- </div>
- </div>
- <div class="swiper-box" v-if="temp.floorContent.templateType === '21'">
- <template v-if="isPc">
- <div class="swiper-container product-template floor-grid-11"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
- <div class="swiper-wrapper floor-main">
- <div class="swiper-slide no-swiping" v-for="(pros , index) in temp.floorImageList" :key="index">
- <a :href="pros.link" class="floor-item floor-item-pro">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag"
- v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice |
- NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊
- </div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag"
- v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- </div>
- </div>
- <div class="swiper-pagination"></div>
- </div>
- </template>
- <template v-else>
- <div class="swiper-container product-template floor-grid-11"
- :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
- <div class="swiper-wrapper floor-main">
- <div class="swiper-slide no-swiping clearfix" v-for="(list , index) in temp.floorImageList"
- :key="index">
- <a :href="pros.link" class="floor-item floor-item-pro" v-for="pros in list" :key="pros.id">
- <div class="floor-item-cover">
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
- </div>
- <div class="floor-item-text">
- <!-- 商品标签 -->
- <div class="pro-tags">
- <!-- <span class="tag">优惠活动</span> -->
- <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
- </div>
- <!-- 商品名称 -->
- <div class="pro-title">
- <span class="tag"
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
- </div>
- <!-- 商品价格 -->
- <!-- listType:1:一手商品 2:二手商品 -->
- <div class="pro-price" v-if="pros.listType == 1">
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
- <template v-if="pros.product.productCategory==1">
- <!-- 样式1 价格未公开-->
- <template v-if="pros.product.price1TextFlag==1">
- <div class="price-tag">
- <span class="tag"
- v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">¥价格未公开</div>
- </template>
- <template v-else>
- <!-- 样式2-->
- <template
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
- <div class="price-tag">
- <span class="tag" v-if="pros.product.actStatus==1">
- {{pros.product.promotions.name}}
- <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice |
- NumFormat}}</span>
- </span>
- </div>
- <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
- <span>
- ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
- : pros.product.retailPrice) | NumFormat }}
- </span>
- </div>
- </template>
- <!-- 样式3 -->
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥会员可见</span></div>
- </template>
- <!-- 样式4 -->
- <template v-else>
- <div class="price-tag" v-if="pros.product.actStatus==1">
- <span class="tag">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price"><span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- </template>
- </template>
- <!-- 样式5 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊
- </div>
- <div class="price" v-else>
- <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
- </div>
- </template>
- </template>
- <template v-else>
- <!-- 样式6 -->
- <template v-if="pros.product.productCategory == 1">
- <div class="price-tag">
- <span class="tag"
- v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
- </div>
- <div class="price">
- <span>¥</span>
- <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
- </div>
- </template>
- <!-- 样式7 -->
- <template v-else>
- <div class="price-tag"></div>
- <div class="price"><span>¥登录可见</span></div>
- </template>
- </template>
- </div>
- </div>
- </a>
- </div>
- </div>
- <div class="swiper-pagination"></div>
- </div>
- </template>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 引入底部 -->
- <template th:replace="components/footer"></template>
- <template th:replace="components/foot-link"></template>
- <script charset="utf-8" type="text/javascript"
- th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
- <script charset="utf-8" type="text/javascript" th:src="@{/js/activity/activityTopic.js(v=${version})}"></script>
- </body>
- </html>
|