activityTopic.html 97 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3. xsi:schemaLocation="https://www.thymeleaf.org ">
  4. <html>
  5. <head>
  6. <template th:replace="components/head-link"></template>
  7. <link href="/lib/swiper.min.css" media="screen and (min-width:768px)" rel="stylesheet" type="text/css">
  8. <link th:href="@{/css/activity/activityTopic.css(v=${version})}" rel="stylesheet" type="text/css">
  9. <title>活动专题页面</title>
  10. </head>
  11. <body>
  12. <!-- 引用头部 -->
  13. <template th:replace="components/header"></template>
  14. <div id="activity" class="activity" v-cloak>
  15. <!-- loading -->
  16. <div v-if="listLoading" class="loading">
  17. <img src="/img/base/loading.gif">
  18. </div>
  19. <!--banner图-->
  20. <div class="banner" v-if="pageInfo && !listLoading">
  21. <a :href="pageInfo.headLink !== ''?pageInfo.headLink : 'javascript:void(0)'">
  22. <img :src="pageInfo.headImage" v-if="isPC">
  23. <img :src="pageInfo.crmHeadImage" v-else>
  24. </a>
  25. </div>
  26. <!-- 模板1 -->
  27. <div class="floor-template">
  28. <div class="inner">
  29. <div class="right-box"></div>
  30. <div class="left-box">
  31. <!-- 楼层模板1 -->
  32. <div class="floor-template" v-for="(temp,tIndex) in floorList" :key="tIndex">
  33. <!-- 楼层模板标题 -->
  34. <div class="floor-title">
  35. <h2>{{temp.title}}</h2>
  36. <p>{{temp.detail}}</p>
  37. </div>
  38. <!-- 楼层 -->
  39. <div class="swiper-container floor-main picture-template floor-grid-1"
  40. :id="'template-' + temp.floorContent.templateType + '-' + tIndex"
  41. v-if="temp.floorContent.templateType === '1'">
  42. <div class="swiper-wrapper">
  43. <div class="swiper-slide no-swiping" v-for="list in temp.floorImageList" :key="list.id">
  44. <template v-for="item in list" :key="item.id">
  45. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
  46. <img :src="item.image" alt="item.name" v-if="isPc">
  47. <img :src="item.adsImage" alt="item.name" v-else>
  48. </a>
  49. </template>
  50. </div>
  51. </div>
  52. <div class="swiper-pagination"></div>
  53. </div>
  54. <div class="swiper-container picture-template floor-main floor-grid-2"
  55. :id="'template-' + temp.floorContent.templateType + '-' + tIndex"
  56. v-if="temp.floorContent.templateType === '2'">
  57. <div class="swiper-wrapper">
  58. <div class="swiper-slide no-swiping" v-for="list in temp.floorImageList" :key="list.id">
  59. <template v-for="item in list" :key="item.id">
  60. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
  61. <img :src="item.image" alt="item.name" v-if="isPc">
  62. <img :src="item.adsImage" alt="item.name" v-else>
  63. </a>
  64. </template>
  65. </div>
  66. </div>
  67. <div class="swiper-pagination"></div>
  68. </div>
  69. <div class="swiper-box" v-if="temp.floorContent.templateType === '3'">
  70. <template v-if="isPc">
  71. <div class="swiper-container article-template floor-main floor-grid-1"
  72. :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
  73. <div class="swiper-wrapper">
  74. <div class="swiper-slide no-swiping clearfix" v-for="list in temp.floorImageList" :key="list.id">
  75. <template v-for="item in list" :key="item.id">
  76. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
  77. <div class="floor-item-cover">
  78. <img :src="item.image" alt="item.name" v-if="isPc">
  79. <img :src="item.adsImage" alt="item.name" v-else>
  80. </div>
  81. <div class="floor-item-text">
  82. <h2>{{item.name}}</h2>
  83. <div class="line"></div>
  84. <p>{{item.content}}</p>
  85. </div>
  86. </a>
  87. </template>
  88. </div>
  89. </div>
  90. <div class="swiper-pagination"></div>
  91. </div>
  92. </template>
  93. <template v-else>
  94. <div class="article-template floor-main floor-grid-1" :class="temp.isPageMore?'':'max'">
  95. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
  96. v-for="item in temp.floorImageList" :key="item.id">
  97. <div class="floor-item-cover">
  98. <img :src="item.image" alt="item.name" v-if="isPc">
  99. <img :src="item.adsImage" alt="item.name" v-else>
  100. </div>
  101. <div class="floor-item-text">
  102. <h2>{{item.name}}</h2>
  103. <div class="line"></div>
  104. <p>{{item.content}}</p>
  105. </div>
  106. </a>
  107. </div>
  108. <div class="show-more" v-if="temp.isPageMore">
  109. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  110. </div>
  111. </template>
  112. </div>
  113. <div class="swiper-box" v-if="temp.floorContent.templateType === '4'">
  114. <template v-if="isPc">
  115. <div class="swiper-container article-template floor-main floor-grid-2"
  116. :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
  117. <div class="swiper-wrapper">
  118. <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
  119. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
  120. <div class="floor-item-cover">
  121. <img :src="item.image" alt="item.name" v-if="isPc">
  122. <img :src="item.adsImage" alt="item.name" v-else>
  123. </div>
  124. <div class="floor-item-text">
  125. <h2>{{item.name}}</h2>
  126. <p>{{item.content}}</p>
  127. </div>
  128. </a>
  129. </div>
  130. </div>
  131. </div>
  132. <!-- 左右切换按钮 -->
  133. <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
  134. <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
  135. </template>
  136. <template v-else>
  137. <div class="article-template floor-main floor-grid-2" :class="temp.isPageMore?'':'max'">
  138. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
  139. v-for="item in temp.floorImageList" :key="item.id">
  140. <div class="floor-item-cover">
  141. <img :src="item.image" alt="item.name" v-if="isPc">
  142. <img :src="item.adsImage" alt="item.name" v-else>
  143. </div>
  144. <div class="floor-item-text">
  145. <h2>{{item.name}}</h2>
  146. <div class="line"></div>
  147. <p>{{item.content}}</p>
  148. </div>
  149. </a>
  150. </div>
  151. <div class="show-more" v-if="temp.isPageMore">
  152. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  153. </div>
  154. </template>
  155. </div>
  156. <div class="swiper-box" v-if="temp.floorContent.templateType === '5'">
  157. <template v-if="isPc">
  158. <div class="swiper-container article-template floor-main floor-grid-3"
  159. :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
  160. <div class="swiper-wrapper">
  161. <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
  162. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
  163. <div class="floor-item-cover">
  164. <img :src="item.image" alt="item.name" v-if="isPc">
  165. <img :src="item.adsImage" alt="item.name" v-else>
  166. </div>
  167. <div class="floor-item-text">
  168. <h2>{{item.name}}</h2>
  169. <p>{{item.content}}</p>
  170. </div>
  171. </a>
  172. </div>
  173. </div>
  174. </div>
  175. <!-- 左右切换按钮 -->
  176. <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
  177. <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
  178. </template>
  179. <template v-else>
  180. <div class="article-template floor-main floor-grid-3 floor-scroll">
  181. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
  182. v-for="item in temp.floorImageList" :key="item.id">
  183. <div class="floor-item-cover">
  184. <img :src="item.image" alt="item.name" v-if="isPc">
  185. <img :src="item.adsImage" alt="item.name" v-else>
  186. </div>
  187. <div class="floor-item-text">
  188. <h2>{{item.name}}</h2>
  189. <div class="line"></div>
  190. <p>{{item.content}}</p>
  191. </div>
  192. </a>
  193. </div>
  194. </template>
  195. </div>
  196. <div class="swiper-box" v-if="temp.floorContent.templateType === '6'">
  197. <template v-if="isPc">
  198. <div class="swiper-container article-template floor-main floor-grid-4"
  199. :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
  200. <div class="swiper-wrapper">
  201. <div class="swiper-slide no-swiping clearfix" v-for="list in temp.floorImageList" :key="list.id">
  202. <template v-for="item in list" :key="item.id">
  203. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
  204. <div class="floor-item-cover">
  205. <img :src="item.image" alt="item.name" v-if="isPc">
  206. <img :src="item.adsImage" alt="item.name" v-else>
  207. </div>
  208. <div class="floor-item-text">
  209. <h2>{{item.name}}</h2>
  210. <p>{{item.content}}</p>
  211. </div>
  212. </a>
  213. </template>
  214. </div>
  215. </div>
  216. <div class="swiper-pagination"></div>
  217. </div>
  218. </template>
  219. <template v-else>
  220. <div class="article-template floor-main floor-grid-4 clearfix" :class="temp.isPageMore?'':'max'">
  221. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
  222. v-for="item in temp.floorImageList" :key="item.id">
  223. <div class="floor-item-cover">
  224. <img :src="item.image" alt="item.name" v-if="isPc">
  225. <img :src="item.adsImage" alt="item.name" v-else>
  226. </div>
  227. <div class="floor-item-text">
  228. <h2>{{item.name}}</h2>
  229. <div class="line"></div>
  230. <p>{{item.content}}</p>
  231. </div>
  232. </a>
  233. </div>
  234. <div class="show-more" v-if="temp.isPageMore">
  235. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  236. </div>
  237. </template>
  238. </div>
  239. <div class="swiper-box" v-if="temp.floorContent.templateType === '7'">
  240. <template v-if="isPc">
  241. <div class="swiper-container picture-template floor-main floor-grid-3"
  242. :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
  243. <div class="swiper-wrapper">
  244. <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
  245. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
  246. <img :src="item.image" alt="item.name" v-if="isPc">
  247. <img :src="item.adsImage" alt="item.name" v-else>
  248. </a>
  249. </div>
  250. </div>
  251. </div>
  252. <!-- 左右切换按钮 -->
  253. <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
  254. <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
  255. </template>
  256. <template v-else>
  257. <div class="picture-template floor-main floor-grid-3 floor-scroll">
  258. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item"
  259. v-for="item in temp.floorImageList" :key="item.id">
  260. <img :src="item.image" alt="item.name" v-if="isPc">
  261. <img :src="item.adsImage" alt="item.name" v-else>
  262. </a>
  263. </div>
  264. </template>
  265. </div>
  266. <div class="swiper-box" v-if="temp.floorContent.templateType === '8'">
  267. <template v-if="isPc">
  268. <div class="swiper-container picture-template floor-main floor-grid-4"
  269. :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
  270. <div class="swiper-wrapper">
  271. <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
  272. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
  273. <img :src="item.image" alt="item.name" v-if="isPc">
  274. <img :src="item.adsImage" alt="item.name" v-else>
  275. </a>
  276. </div>
  277. </div>
  278. </div>
  279. <!-- 左右切换按钮 -->
  280. <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
  281. <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
  282. </template>
  283. <template v-else>
  284. <div class="picture-template floor-main floor-grid-4 clearfix" :class="temp.isPageMore?'':'max'">
  285. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item"
  286. v-for="item in temp.floorImageList" :key="item.id">
  287. <img :src="item.image" alt="item.name" v-if="isPc">
  288. <img :src="item.adsImage" alt="item.name" v-else>
  289. </a>
  290. </div>
  291. <div class="show-more" v-if="temp.isPageMore">
  292. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  293. </div>
  294. </template>
  295. </div>
  296. <div class="swiper-box" v-if="temp.floorContent.templateType === '9'">
  297. <div class="swiper-container floor-main picture-template floor-grid-5"
  298. :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
  299. <div class="swiper-wrapper">
  300. <div class="swiper-slide no-swiping" v-for="list in temp.floorImageList" :key="list.id">
  301. <template v-for="item in list" :key="item.id">
  302. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
  303. <img :src="item.image" alt="item.name" v-if="isPc">
  304. <img :src="item.adsImage" alt="item.name" v-else>
  305. </a>
  306. </template>
  307. </div>
  308. </div>
  309. <div class="swiper-pagination"></div>
  310. </div>
  311. </div>
  312. <div class="swiper-box" v-if="temp.floorContent.templateType === '10'">
  313. <template v-if="isPc">
  314. <div class="swiper-container picture-template floor-main floor-grid-6"
  315. :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
  316. <div class="swiper-wrapper">
  317. <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
  318. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
  319. <img :src="item.image" alt="item.name" v-if="isPc">
  320. <img :src="item.adsImage" alt="item.name" v-else>
  321. </a>
  322. </div>
  323. </div>
  324. </div>
  325. <!-- 左右切换按钮 -->
  326. <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
  327. <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
  328. </template>
  329. <template v-else>
  330. <div class="picture-template floor-main floor-grid-6 clearfix" :class="temp.isPageMore?'':'max'">
  331. <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item"
  332. v-for="item in temp.floorImageList" :key="item.id">
  333. <img :src="item.image" alt="item.name" v-if="isPc">
  334. <img :src="item.adsImage" alt="item.name" v-else>
  335. </a>
  336. </div>
  337. <div class="show-more" v-if="temp.isPageMore">
  338. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  339. </div>
  340. </template>
  341. </div>
  342. <div class="product-template floor-grid-1 clearfix" v-if="temp.floorContent.templateType === '11'">
  343. <div class="floor-main clearfix" :class="temp.isPageMore?'':'max'">
  344. <div class="ad-box">
  345. <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
  346. class="floor-item-ad ad1">
  347. <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
  348. <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
  349. </a>
  350. <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
  351. class="floor-item-ad ad2">
  352. <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
  353. <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
  354. </a>
  355. <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
  356. class="floor-item-ad ad3">
  357. <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
  358. <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
  359. </a>
  360. </div>
  361. <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
  362. :key="index">
  363. <div class="floor-item-cover">
  364. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  365. </div>
  366. <div class="floor-item-text">
  367. <!-- 商品标签 -->
  368. <div class="pro-tags">
  369. <!-- <span class="tag">优惠活动</span> -->
  370. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  371. </div>
  372. <!-- 商品名称 -->
  373. <div class="pro-title">
  374. <span class="tag"
  375. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  376. </div>
  377. <!-- 商品价格 -->
  378. <!-- listType:1:一手商品 2:二手商品 -->
  379. <div class="pro-price" v-if="pros.listType == 1">
  380. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  381. <template v-if="pros.product.productCategory==1">
  382. <!-- 样式1 价格未公开-->
  383. <template v-if="pros.product.price1TextFlag==1">
  384. <div class="price-tag">
  385. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  386. </div>
  387. <div class="price">¥价格未公开</div>
  388. </template>
  389. <template v-else>
  390. <!-- 样式2-->
  391. <template
  392. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  393. <div class="price-tag">
  394. <span class="tag" v-if="pros.product.actStatus==1">
  395. {{pros.product.promotions.name}}
  396. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  397. </span>
  398. </div>
  399. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  400. <span>
  401. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  402. : pros.product.retailPrice) | NumFormat }}
  403. </span>
  404. </div>
  405. </template>
  406. <!-- 样式3 -->
  407. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  408. <div class="price-tag" v-if="pros.product.actStatus==1">
  409. <span class="tag">{{pros.product.promotions.name}}</span>
  410. </div>
  411. <div class="price"><span>¥会员可见</span></div>
  412. </template>
  413. <!-- 样式4 -->
  414. <template v-else>
  415. <div class="price-tag" v-if="pros.product.actStatus==1">
  416. <span class="tag">{{pros.product.promotions.name}}</span>
  417. </div>
  418. <div class="price"><span>¥</span>
  419. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  420. </div>
  421. </template>
  422. </template>
  423. </template>
  424. <!-- 样式5 -->
  425. <template v-else>
  426. <div class="price-tag"></div>
  427. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
  428. <div class="price" v-else>
  429. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  430. </div>
  431. </template>
  432. </template>
  433. <template v-else>
  434. <!-- 样式6 -->
  435. <template v-if="pros.product.productCategory == 1">
  436. <div class="price-tag">
  437. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  438. </div>
  439. <div class="price">
  440. <span>¥</span>
  441. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  442. </div>
  443. </template>
  444. <!-- 样式7 -->
  445. <template v-else>
  446. <div class="price-tag"></div>
  447. <div class="price"><span>¥登录可见</span></div>
  448. </template>
  449. </template>
  450. </div>
  451. </div>
  452. </a>
  453. </div>
  454. <div class="show-more" v-if="temp.isPageMore">
  455. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  456. </div>
  457. </div>
  458. <div class="product-template floor-grid-2 clearfix" v-if="temp.floorContent.templateType === '12'">
  459. <div class="floor-main" :class="temp.isPageMore?'':'max'">
  460. <div class="ad-box">
  461. <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
  462. class="floor-item-ad ad1">
  463. <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
  464. <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
  465. </a>
  466. <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
  467. class="floor-item-ad ad2">
  468. <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
  469. <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
  470. </a>
  471. <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
  472. class="floor-item-ad ad3">
  473. <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
  474. <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
  475. </a>
  476. </div>
  477. <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
  478. :key="index">
  479. <div class="floor-item-cover">
  480. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  481. </div>
  482. <div class="floor-item-text">
  483. <!-- 商品标签 -->
  484. <div class="pro-tags">
  485. <!-- <span class="tag">优惠活动</span> -->
  486. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  487. </div>
  488. <!-- 商品名称 -->
  489. <div class="pro-title">
  490. <span class="tag"
  491. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  492. </div>
  493. <!-- 商品价格 -->
  494. <!-- listType:1:一手商品 2:二手商品 -->
  495. <div class="pro-price" v-if="pros.listType == 1">
  496. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  497. <template v-if="pros.product.productCategory==1">
  498. <!-- 样式1 价格未公开-->
  499. <template v-if="pros.product.price1TextFlag==1">
  500. <div class="price-tag">
  501. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  502. </div>
  503. <div class="price">¥价格未公开</div>
  504. </template>
  505. <template v-else>
  506. <!-- 样式2-->
  507. <template
  508. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  509. <div class="price-tag">
  510. <span class="tag" v-if="pros.product.actStatus==1">
  511. {{pros.product.promotions.name}}
  512. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  513. </span>
  514. </div>
  515. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  516. <span>
  517. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  518. : pros.product.retailPrice) | NumFormat }}
  519. </span>
  520. </div>
  521. </template>
  522. <!-- 样式3 -->
  523. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  524. <div class="price-tag" v-if="pros.product.actStatus==1">
  525. <span class="tag">{{pros.product.promotions.name}}</span>
  526. </div>
  527. <div class="price"><span>¥会员可见</span></div>
  528. </template>
  529. <!-- 样式4 -->
  530. <template v-else>
  531. <div class="price-tag" v-if="pros.product.actStatus==1">
  532. <span class="tag">{{pros.product.promotions.name}}</span>
  533. </div>
  534. <div class="price"><span>¥</span>
  535. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  536. </div>
  537. </template>
  538. </template>
  539. </template>
  540. <!-- 样式5 -->
  541. <template v-else>
  542. <div class="price-tag"></div>
  543. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
  544. <div class="price" v-else>
  545. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  546. </div>
  547. </template>
  548. </template>
  549. <template v-else>
  550. <!-- 样式6 -->
  551. <template v-if="pros.product.productCategory == 1">
  552. <div class="price-tag">
  553. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  554. </div>
  555. <div class="price">
  556. <span>¥</span>
  557. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  558. </div>
  559. </template>
  560. <!-- 样式7 -->
  561. <template v-else>
  562. <div class="price-tag"></div>
  563. <div class="price"><span>¥登录可见</span></div>
  564. </template>
  565. </template>
  566. </div>
  567. </div>
  568. </a>
  569. </div>
  570. <div class="show-more" v-if="temp.isPageMore">
  571. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  572. </div>
  573. </div>
  574. <div class="product-template floor-grid-3 clearfix" v-if="temp.floorContent.templateType === '13'">
  575. <div class="floor-main" :class="temp.isPageMore?'':'max'">
  576. <div class="ad-box">
  577. <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
  578. class="floor-item-ad ad1">
  579. <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
  580. <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
  581. </a>
  582. <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
  583. class="floor-item-ad ad2">
  584. <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
  585. <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
  586. </a>
  587. <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
  588. class="floor-item-ad ad3">
  589. <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
  590. <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
  591. </a>
  592. <a :href="temp.floorContent.adsLink4 !== ''?'temp.floorContent.adsLink4':'javascript:void(0)'"
  593. class="floor-item-ad ad4">
  594. <img :src="temp.floorContent.pcAdsImage4" alt="" v-if="isPc">
  595. <img :src="temp.floorContent.appletsAdsImage4" alt="" v-else>
  596. </a>
  597. <a :href="temp.floorContent.adsLink5 !== ''?'temp.floorContent.adsLink5':'javascript:void(0)'"
  598. class="floor-item-ad ad5">
  599. <img :src="temp.floorContent.pcAdsImage5" alt="" v-if="isPc">
  600. <img :src="temp.floorContent.appletsAdsImage5" alt="" v-else>
  601. </a>
  602. </div>
  603. <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
  604. :key="index">
  605. <div class="floor-item-cover">
  606. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  607. </div>
  608. <div class="floor-item-text">
  609. <!-- 商品标签 -->
  610. <div class="pro-tags">
  611. <!-- <span class="tag">优惠活动</span> -->
  612. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  613. </div>
  614. <!-- 商品名称 -->
  615. <div class="pro-title">
  616. <span class="tag"
  617. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  618. </div>
  619. <!-- 商品价格 -->
  620. <!-- listType:1:一手商品 2:二手商品 -->
  621. <div class="pro-price" v-if="pros.listType == 1">
  622. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  623. <template v-if="pros.product.productCategory==1">
  624. <!-- 样式1 价格未公开-->
  625. <template v-if="pros.product.price1TextFlag==1">
  626. <div class="price-tag">
  627. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  628. </div>
  629. <div class="price">¥价格未公开</div>
  630. </template>
  631. <template v-else>
  632. <!-- 样式2-->
  633. <template
  634. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  635. <div class="price-tag">
  636. <span class="tag" v-if="pros.product.actStatus==1">
  637. {{pros.product.promotions.name}}
  638. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  639. </span>
  640. </div>
  641. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  642. <span>
  643. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  644. : pros.product.retailPrice) | NumFormat }}
  645. </span>
  646. </div>
  647. </template>
  648. <!-- 样式3 -->
  649. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  650. <div class="price-tag" v-if="pros.product.actStatus==1">
  651. <span class="tag">{{pros.product.promotions.name}}</span>
  652. </div>
  653. <div class="price"><span>¥会员可见</span></div>
  654. </template>
  655. <!-- 样式4 -->
  656. <template v-else>
  657. <div class="price-tag" v-if="pros.product.actStatus==1">
  658. <span class="tag">{{pros.product.promotions.name}}</span>
  659. </div>
  660. <div class="price"><span>¥</span>
  661. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  662. </div>
  663. </template>
  664. </template>
  665. </template>
  666. <!-- 样式5 -->
  667. <template v-else>
  668. <div class="price-tag"></div>
  669. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
  670. <div class="price" v-else>
  671. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  672. </div>
  673. </template>
  674. </template>
  675. <template v-else>
  676. <!-- 样式6 -->
  677. <template v-if="pros.product.productCategory == 1">
  678. <div class="price-tag">
  679. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  680. </div>
  681. <div class="price">
  682. <span>¥</span>
  683. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  684. </div>
  685. </template>
  686. <!-- 样式7 -->
  687. <template v-else>
  688. <div class="price-tag"></div>
  689. <div class="price"><span>¥登录可见</span></div>
  690. </template>
  691. </template>
  692. </div>
  693. </div>
  694. </a>
  695. </div>
  696. <div class="show-more" v-if="temp.isPageMore">
  697. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  698. </div>
  699. </div>
  700. <div class="product-template floor-grid-4 clearfix" v-if="temp.floorContent.templateType === '14'">
  701. <div class="floor-main" :class="temp.isPageMore?'':'max'">
  702. <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
  703. :key="index">
  704. <div class="floor-item-cover">
  705. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  706. </div>
  707. <div class="floor-item-text">
  708. <!-- 商品标签 -->
  709. <div class="pro-tags">
  710. <!-- <span class="tag">优惠活动</span> -->
  711. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  712. </div>
  713. <!-- 商品名称 -->
  714. <div class="pro-title">
  715. <span class="tag"
  716. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  717. </div>
  718. <!-- 商品价格 -->
  719. <!-- listType:1:一手商品 2:二手商品 -->
  720. <div class="pro-price" v-if="pros.listType == 1">
  721. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  722. <template v-if="pros.product.productCategory==1">
  723. <!-- 样式1 价格未公开-->
  724. <template v-if="pros.product.price1TextFlag==1">
  725. <div class="price-tag">
  726. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  727. </div>
  728. <div class="price">¥价格未公开</div>
  729. </template>
  730. <template v-else>
  731. <!-- 样式2-->
  732. <template
  733. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  734. <div class="price-tag">
  735. <span class="tag" v-if="pros.product.actStatus==1">
  736. {{pros.product.promotions.name}}
  737. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  738. </span>
  739. </div>
  740. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  741. <span>
  742. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  743. : pros.product.retailPrice) | NumFormat }}
  744. </span>
  745. </div>
  746. </template>
  747. <!-- 样式3 -->
  748. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  749. <div class="price-tag" v-if="pros.product.actStatus==1">
  750. <span class="tag">{{pros.product.promotions.name}}</span>
  751. </div>
  752. <div class="price"><span>¥会员可见</span></div>
  753. </template>
  754. <!-- 样式4 -->
  755. <template v-else>
  756. <div class="price-tag" v-if="pros.product.actStatus==1">
  757. <span class="tag">{{pros.product.promotions.name}}</span>
  758. </div>
  759. <div class="price"><span>¥</span>
  760. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  761. </div>
  762. </template>
  763. </template>
  764. </template>
  765. <!-- 样式5 -->
  766. <template v-else>
  767. <div class="price-tag"></div>
  768. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
  769. <div class="price" v-else>
  770. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  771. </div>
  772. </template>
  773. </template>
  774. <template v-else>
  775. <!-- 样式6 -->
  776. <template v-if="pros.product.productCategory == 1">
  777. <div class="price-tag">
  778. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  779. </div>
  780. <div class="price">
  781. <span>¥</span>
  782. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  783. </div>
  784. </template>
  785. <!-- 样式7 -->
  786. <template v-else>
  787. <div class="price-tag"></div>
  788. <div class="price"><span>¥登录可见</span></div>
  789. </template>
  790. </template>
  791. </div>
  792. </div>
  793. </a>
  794. </div>
  795. <div class="show-more" v-if="temp.isPageMore">
  796. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  797. </div>
  798. </div>
  799. <div class="product-template floor-grid-5 clearfix" v-if="temp.floorContent.templateType === '15'">
  800. <div class="floor-main" :class="temp.isPageMore?'':'max'">
  801. <div class="ad-box">
  802. <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
  803. class="floor-item-ad ad1">
  804. <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
  805. <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
  806. </a>
  807. <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
  808. class="floor-item-ad ad2">
  809. <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
  810. <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
  811. </a>
  812. <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
  813. class="floor-item-ad ad3">
  814. <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
  815. <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
  816. </a>
  817. </div>
  818. <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
  819. :key="index">
  820. <div class="floor-item-cover">
  821. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  822. </div>
  823. <div class="floor-item-text">
  824. <!-- 商品标签 -->
  825. <div class="pro-tags">
  826. <!-- <span class="tag">优惠活动</span> -->
  827. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  828. </div>
  829. <!-- 商品名称 -->
  830. <div class="pro-title">
  831. <span class="tag"
  832. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  833. </div>
  834. <!-- 商品价格 -->
  835. <!-- listType:1:一手商品 2:二手商品 -->
  836. <div class="pro-price" v-if="pros.listType == 1">
  837. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  838. <template v-if="pros.product.productCategory==1">
  839. <!-- 样式1 价格未公开-->
  840. <template v-if="pros.product.price1TextFlag==1">
  841. <div class="price-tag">
  842. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  843. </div>
  844. <div class="price">¥价格未公开</div>
  845. </template>
  846. <template v-else>
  847. <!-- 样式2-->
  848. <template
  849. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  850. <div class="price-tag">
  851. <span class="tag" v-if="pros.product.actStatus==1">
  852. {{pros.product.promotions.name}}
  853. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  854. </span>
  855. </div>
  856. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  857. <span>
  858. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  859. : pros.product.retailPrice) | NumFormat }}
  860. </span>
  861. </div>
  862. </template>
  863. <!-- 样式3 -->
  864. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  865. <div class="price-tag" v-if="pros.product.actStatus==1">
  866. <span class="tag">{{pros.product.promotions.name}}</span>
  867. </div>
  868. <div class="price"><span>¥会员可见</span></div>
  869. </template>
  870. <!-- 样式4 -->
  871. <template v-else>
  872. <div class="price-tag" v-if="pros.product.actStatus==1">
  873. <span class="tag">{{pros.product.promotions.name}}</span>
  874. </div>
  875. <div class="price"><span>¥</span>
  876. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  877. </div>
  878. </template>
  879. </template>
  880. </template>
  881. <!-- 样式5 -->
  882. <template v-else>
  883. <div class="price-tag"></div>
  884. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
  885. <div class="price" v-else>
  886. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  887. </div>
  888. </template>
  889. </template>
  890. <template v-else>
  891. <!-- 样式6 -->
  892. <template v-if="pros.product.productCategory == 1">
  893. <div class="price-tag">
  894. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  895. </div>
  896. <div class="price">
  897. <span>¥</span>
  898. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  899. </div>
  900. </template>
  901. <!-- 样式7 -->
  902. <template v-else>
  903. <div class="price-tag"></div>
  904. <div class="price"><span>¥登录可见</span></div>
  905. </template>
  906. </template>
  907. </div>
  908. </div>
  909. </a>
  910. </div>
  911. <div class="show-more" v-if="temp.isPageMore">
  912. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  913. </div>
  914. </div>
  915. <div class="product-template floor-grid-6 clearfix" v-if="temp.floorContent.templateType === '16'">
  916. <div class="floor-main" :class="temp.isPageMore?'':'max'">
  917. <div class="ad-box">
  918. <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
  919. class="floor-item-ad ad1">
  920. <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
  921. <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
  922. </a>
  923. <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
  924. class="floor-item-ad ad2">
  925. <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
  926. <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
  927. </a>
  928. </div>
  929. <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
  930. :key="index">
  931. <div class="floor-item-cover">
  932. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  933. </div>
  934. <div class="floor-item-text">
  935. <!-- 商品标签 -->
  936. <div class="pro-tags">
  937. <!-- <span class="tag">优惠活动</span> -->
  938. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  939. </div>
  940. <!-- 商品名称 -->
  941. <div class="pro-title">
  942. <span class="tag"
  943. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  944. </div>
  945. <!-- 商品价格 -->
  946. <!-- listType:1:一手商品 2:二手商品 -->
  947. <div class="pro-price" v-if="pros.listType == 1">
  948. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  949. <template v-if="pros.product.productCategory==1">
  950. <!-- 样式1 价格未公开-->
  951. <template v-if="pros.product.price1TextFlag==1">
  952. <div class="price-tag">
  953. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  954. </div>
  955. <div class="price">¥价格未公开</div>
  956. </template>
  957. <template v-else>
  958. <!-- 样式2-->
  959. <template
  960. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  961. <div class="price-tag">
  962. <span class="tag" v-if="pros.product.actStatus==1">
  963. {{pros.product.promotions.name}}
  964. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  965. </span>
  966. </div>
  967. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  968. <span>
  969. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  970. : pros.product.retailPrice) | NumFormat }}
  971. </span>
  972. </div>
  973. </template>
  974. <!-- 样式3 -->
  975. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  976. <div class="price-tag" v-if="pros.product.actStatus==1">
  977. <span class="tag">{{pros.product.promotions.name}}</span>
  978. </div>
  979. <div class="price"><span>¥会员可见</span></div>
  980. </template>
  981. <!-- 样式4 -->
  982. <template v-else>
  983. <div class="price-tag" v-if="pros.product.actStatus==1">
  984. <span class="tag">{{pros.product.promotions.name}}</span>
  985. </div>
  986. <div class="price"><span>¥</span>
  987. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  988. </div>
  989. </template>
  990. </template>
  991. </template>
  992. <!-- 样式5 -->
  993. <template v-else>
  994. <div class="price-tag"></div>
  995. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
  996. <div class="price" v-else>
  997. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  998. </div>
  999. </template>
  1000. </template>
  1001. <template v-else>
  1002. <!-- 样式6 -->
  1003. <template v-if="pros.product.productCategory == 1">
  1004. <div class="price-tag">
  1005. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1006. </div>
  1007. <div class="price">
  1008. <span>¥</span>
  1009. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1010. </div>
  1011. </template>
  1012. <!-- 样式7 -->
  1013. <template v-else>
  1014. <div class="price-tag"></div>
  1015. <div class="price"><span>¥登录可见</span></div>
  1016. </template>
  1017. </template>
  1018. </div>
  1019. </div>
  1020. </a>
  1021. </div>
  1022. <div class="show-more" v-if="temp.isPageMore">
  1023. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  1024. </div>
  1025. </div>
  1026. <div class="product-template floor-grid-7 clearfix" v-if="temp.floorContent.templateType === '17'">
  1027. <div class="floor-main" :class="temp.isPageMore?'':'max'">
  1028. <div class="ad-box">
  1029. <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
  1030. class="floor-item-ad ad1">
  1031. <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
  1032. <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
  1033. </a>
  1034. <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
  1035. class="floor-item-ad ad2">
  1036. <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
  1037. <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
  1038. </a>
  1039. </div>
  1040. <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
  1041. :key="index">
  1042. <div class="floor-item-cover">
  1043. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  1044. </div>
  1045. <div class="floor-item-text">
  1046. <!-- 商品标签 -->
  1047. <div class="pro-tags">
  1048. <!-- <span class="tag">优惠活动</span> -->
  1049. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  1050. </div>
  1051. <!-- 商品名称 -->
  1052. <div class="pro-title">
  1053. <span class="tag"
  1054. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  1055. </div>
  1056. <!-- 商品价格 -->
  1057. <!-- listType:1:一手商品 2:二手商品 -->
  1058. <div class="pro-price" v-if="pros.listType == 1">
  1059. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  1060. <template v-if="pros.product.productCategory==1">
  1061. <!-- 样式1 价格未公开-->
  1062. <template v-if="pros.product.price1TextFlag==1">
  1063. <div class="price-tag">
  1064. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1065. </div>
  1066. <div class="price">¥价格未公开</div>
  1067. </template>
  1068. <template v-else>
  1069. <!-- 样式2-->
  1070. <template
  1071. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  1072. <div class="price-tag">
  1073. <span class="tag" v-if="pros.product.actStatus==1">
  1074. {{pros.product.promotions.name}}
  1075. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  1076. </span>
  1077. </div>
  1078. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  1079. <span>
  1080. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  1081. : pros.product.retailPrice) | NumFormat }}
  1082. </span>
  1083. </div>
  1084. </template>
  1085. <!-- 样式3 -->
  1086. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  1087. <div class="price-tag" v-if="pros.product.actStatus==1">
  1088. <span class="tag">{{pros.product.promotions.name}}</span>
  1089. </div>
  1090. <div class="price"><span>¥会员可见</span></div>
  1091. </template>
  1092. <!-- 样式4 -->
  1093. <template v-else>
  1094. <div class="price-tag" v-if="pros.product.actStatus==1">
  1095. <span class="tag">{{pros.product.promotions.name}}</span>
  1096. </div>
  1097. <div class="price"><span>¥</span>
  1098. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1099. </div>
  1100. </template>
  1101. </template>
  1102. </template>
  1103. <!-- 样式5 -->
  1104. <template v-else>
  1105. <div class="price-tag"></div>
  1106. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
  1107. <div class="price" v-else>
  1108. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  1109. </div>
  1110. </template>
  1111. </template>
  1112. <template v-else>
  1113. <!-- 样式6 -->
  1114. <template v-if="pros.product.productCategory == 1">
  1115. <div class="price-tag">
  1116. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1117. </div>
  1118. <div class="price">
  1119. <span>¥</span>
  1120. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1121. </div>
  1122. </template>
  1123. <!-- 样式7 -->
  1124. <template v-else>
  1125. <div class="price-tag"></div>
  1126. <div class="price"><span>¥登录可见</span></div>
  1127. </template>
  1128. </template>
  1129. </div>
  1130. </div>
  1131. </a>
  1132. </div>
  1133. <div class="show-more" v-if="temp.isPageMore">
  1134. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  1135. </div>
  1136. </div>
  1137. <div class="product-template floor-grid-8 clearfix" v-if="temp.floorContent.templateType === '18'">
  1138. <div class="floor-main" :class="temp.isPageMore?'':'max'">
  1139. <div class="ad-box">
  1140. <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
  1141. class="floor-item-ad ad1">
  1142. <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
  1143. <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
  1144. </a>
  1145. </div>
  1146. <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
  1147. :key="index">
  1148. <div class="floor-item-cover">
  1149. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  1150. </div>
  1151. <div class="floor-item-text">
  1152. <!-- 商品标签 -->
  1153. <div class="pro-tags">
  1154. <!-- <span class="tag">优惠活动</span> -->
  1155. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  1156. </div>
  1157. <!-- 商品名称 -->
  1158. <div class="pro-title">
  1159. <span class="tag"
  1160. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  1161. </div>
  1162. <!-- 商品价格 -->
  1163. <!-- listType:1:一手商品 2:二手商品 -->
  1164. <div class="pro-price" v-if="pros.listType == 1">
  1165. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  1166. <template v-if="pros.product.productCategory==1">
  1167. <!-- 样式1 价格未公开-->
  1168. <template v-if="pros.product.price1TextFlag==1">
  1169. <div class="price-tag">
  1170. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1171. </div>
  1172. <div class="price">¥价格未公开</div>
  1173. </template>
  1174. <template v-else>
  1175. <!-- 样式2-->
  1176. <template
  1177. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  1178. <div class="price-tag">
  1179. <span class="tag" v-if="pros.product.actStatus==1">
  1180. {{pros.product.promotions.name}}
  1181. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  1182. </span>
  1183. </div>
  1184. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  1185. <span>
  1186. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  1187. : pros.product.retailPrice) | NumFormat }}
  1188. </span>
  1189. </div>
  1190. </template>
  1191. <!-- 样式3 -->
  1192. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  1193. <div class="price-tag" v-if="pros.product.actStatus==1">
  1194. <span class="tag">{{pros.product.promotions.name}}</span>
  1195. </div>
  1196. <div class="price"><span>¥会员可见</span></div>
  1197. </template>
  1198. <!-- 样式4 -->
  1199. <template v-else>
  1200. <div class="price-tag" v-if="pros.product.actStatus==1">
  1201. <span class="tag">{{pros.product.promotions.name}}</span>
  1202. </div>
  1203. <div class="price"><span>¥</span>
  1204. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1205. </div>
  1206. </template>
  1207. </template>
  1208. </template>
  1209. <!-- 样式5 -->
  1210. <template v-else>
  1211. <div class="price-tag"></div>
  1212. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
  1213. <div class="price" v-else>
  1214. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  1215. </div>
  1216. </template>
  1217. </template>
  1218. <template v-else>
  1219. <!-- 样式6 -->
  1220. <template v-if="pros.product.productCategory == 1">
  1221. <div class="price-tag">
  1222. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1223. </div>
  1224. <div class="price">
  1225. <span>¥</span>
  1226. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1227. </div>
  1228. </template>
  1229. <!-- 样式7 -->
  1230. <template v-else>
  1231. <div class="price-tag"></div>
  1232. <div class="price"><span>¥登录可见</span></div>
  1233. </template>
  1234. </template>
  1235. </div>
  1236. </div>
  1237. </a>
  1238. </div>
  1239. <div class="show-more" v-if="temp.isPageMore">
  1240. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  1241. </div>
  1242. </div>
  1243. <div class="product-template floor-grid-9 clearfix" v-if="temp.floorContent.templateType === '19'">
  1244. <div class="floor-main" :class="temp.isPageMore?'':'max'">
  1245. <div class="ad-box">
  1246. <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
  1247. class="floor-item-ad ad1">
  1248. <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
  1249. <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
  1250. </a>
  1251. </div>
  1252. <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
  1253. :key="index">
  1254. <div class="floor-item-cover">
  1255. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  1256. </div>
  1257. <div class="floor-item-text">
  1258. <!-- 商品标签 -->
  1259. <div class="pro-tags">
  1260. <!-- <span class="tag">优惠活动</span> -->
  1261. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  1262. </div>
  1263. <!-- 商品名称 -->
  1264. <div class="pro-title">
  1265. <span class="tag"
  1266. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  1267. </div>
  1268. <!-- 商品价格 -->
  1269. <!-- listType:1:一手商品 2:二手商品 -->
  1270. <div class="pro-price" v-if="pros.listType == 1">
  1271. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  1272. <template v-if="pros.product.productCategory==1">
  1273. <!-- 样式1 价格未公开-->
  1274. <template v-if="pros.product.price1TextFlag==1">
  1275. <div class="price-tag">
  1276. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1277. </div>
  1278. <div class="price">¥价格未公开</div>
  1279. </template>
  1280. <template v-else>
  1281. <!-- 样式2-->
  1282. <template
  1283. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  1284. <div class="price-tag">
  1285. <span class="tag" v-if="pros.product.actStatus==1">
  1286. {{pros.product.promotions.name}}
  1287. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  1288. </span>
  1289. </div>
  1290. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  1291. <span>
  1292. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  1293. : pros.product.retailPrice) | NumFormat }}
  1294. </span>
  1295. </div>
  1296. </template>
  1297. <!-- 样式3 -->
  1298. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  1299. <div class="price-tag" v-if="pros.product.actStatus==1">
  1300. <span class="tag">{{pros.product.promotions.name}}</span>
  1301. </div>
  1302. <div class="price"><span>¥会员可见</span></div>
  1303. </template>
  1304. <!-- 样式4 -->
  1305. <template v-else>
  1306. <div class="price-tag" v-if="pros.product.actStatus==1">
  1307. <span class="tag">{{pros.product.promotions.name}}</span>
  1308. </div>
  1309. <div class="price"><span>¥</span>
  1310. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1311. </div>
  1312. </template>
  1313. </template>
  1314. </template>
  1315. <!-- 样式5 -->
  1316. <template v-else>
  1317. <div class="price-tag"></div>
  1318. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
  1319. <div class="price" v-else>
  1320. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  1321. </div>
  1322. </template>
  1323. </template>
  1324. <template v-else>
  1325. <!-- 样式6 -->
  1326. <template v-if="pros.product.productCategory == 1">
  1327. <div class="price-tag">
  1328. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1329. </div>
  1330. <div class="price">
  1331. <span>¥</span>
  1332. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1333. </div>
  1334. </template>
  1335. <!-- 样式7 -->
  1336. <template v-else>
  1337. <div class="price-tag"></div>
  1338. <div class="price"><span>¥登录可见</span></div>
  1339. </template>
  1340. </template>
  1341. </div>
  1342. </div>
  1343. </a>
  1344. </div>
  1345. <div class="show-more" v-if="temp.isPageMore">
  1346. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  1347. </div>
  1348. </div>
  1349. <div class="product-template floor-grid-10 clearfix" v-if="temp.floorContent.templateType === '20'">
  1350. <div class="floor-main" :class="temp.isPageMore?'':'max'">
  1351. <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
  1352. :key="index">
  1353. <div class="floor-item-cover">
  1354. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  1355. </div>
  1356. <div class="floor-item-text">
  1357. <!-- 商品标签 -->
  1358. <div class="pro-tags">
  1359. <!-- <span class="tag">优惠活动</span> -->
  1360. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  1361. </div>
  1362. <!-- 商品名称 -->
  1363. <div class="pro-title">
  1364. <span class="tag"
  1365. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  1366. </div>
  1367. <!-- 商品价格 -->
  1368. <!-- listType:1:一手商品 2:二手商品 -->
  1369. <div class="pro-price" v-if="pros.listType == 1">
  1370. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  1371. <template v-if="pros.product.productCategory==1">
  1372. <!-- 样式1 价格未公开-->
  1373. <template v-if="pros.product.price1TextFlag==1">
  1374. <div class="price-tag">
  1375. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1376. </div>
  1377. <div class="price">¥价格未公开</div>
  1378. </template>
  1379. <template v-else>
  1380. <!-- 样式2-->
  1381. <template
  1382. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  1383. <div class="price-tag">
  1384. <span class="tag" v-if="pros.product.actStatus==1">
  1385. {{pros.product.promotions.name}}
  1386. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  1387. </span>
  1388. </div>
  1389. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  1390. <span>
  1391. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  1392. : pros.product.retailPrice) | NumFormat }}
  1393. </span>
  1394. </div>
  1395. </template>
  1396. <!-- 样式3 -->
  1397. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  1398. <div class="price-tag" v-if="pros.product.actStatus==1">
  1399. <span class="tag">{{pros.product.promotions.name}}</span>
  1400. </div>
  1401. <div class="price"><span>¥会员可见</span></div>
  1402. </template>
  1403. <!-- 样式4 -->
  1404. <template v-else>
  1405. <div class="price-tag" v-if="pros.product.actStatus==1">
  1406. <span class="tag">{{pros.product.promotions.name}}</span>
  1407. </div>
  1408. <div class="price"><span>¥</span>
  1409. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1410. </div>
  1411. </template>
  1412. </template>
  1413. </template>
  1414. <!-- 样式5 -->
  1415. <template v-else>
  1416. <div class="price-tag"></div>
  1417. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊</div>
  1418. <div class="price" v-else>
  1419. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  1420. </div>
  1421. </template>
  1422. </template>
  1423. <template v-else>
  1424. <!-- 样式6 -->
  1425. <template v-if="pros.product.productCategory == 1">
  1426. <div class="price-tag">
  1427. <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1428. </div>
  1429. <div class="price">
  1430. <span>¥</span>
  1431. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1432. </div>
  1433. </template>
  1434. <!-- 样式7 -->
  1435. <template v-else>
  1436. <div class="price-tag"></div>
  1437. <div class="price"><span>¥登录可见</span></div>
  1438. </template>
  1439. </template>
  1440. </div>
  1441. </div>
  1442. </a>
  1443. <div class="ad-box">
  1444. <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
  1445. class="floor-item-ad ad1">
  1446. <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
  1447. <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
  1448. </a>
  1449. </div>
  1450. </div>
  1451. <div class="show-more" v-if="temp.isPageMore">
  1452. <div class="more-btn" @click="showMore(temp)">查看更多</div>
  1453. </div>
  1454. </div>
  1455. <div class="swiper-box" v-if="temp.floorContent.templateType === '21'">
  1456. <template v-if="isPc">
  1457. <div class="swiper-container product-template floor-grid-11"
  1458. :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
  1459. <div class="swiper-wrapper floor-main">
  1460. <div class="swiper-slide no-swiping" v-for="(pros , index) in temp.floorImageList" :key="index">
  1461. <a :href="pros.link" class="floor-item floor-item-pro">
  1462. <div class="floor-item-cover">
  1463. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  1464. </div>
  1465. <div class="floor-item-text">
  1466. <!-- 商品标签 -->
  1467. <div class="pro-tags">
  1468. <!-- <span class="tag">优惠活动</span> -->
  1469. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  1470. </div>
  1471. <!-- 商品名称 -->
  1472. <div class="pro-title">
  1473. <span class="tag"
  1474. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  1475. </div>
  1476. <!-- 商品价格 -->
  1477. <!-- listType:1:一手商品 2:二手商品 -->
  1478. <div class="pro-price" v-if="pros.listType == 1">
  1479. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  1480. <template v-if="pros.product.productCategory==1">
  1481. <!-- 样式1 价格未公开-->
  1482. <template v-if="pros.product.price1TextFlag==1">
  1483. <div class="price-tag">
  1484. <span class="tag"
  1485. v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1486. </div>
  1487. <div class="price">¥价格未公开</div>
  1488. </template>
  1489. <template v-else>
  1490. <!-- 样式2-->
  1491. <template
  1492. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  1493. <div class="price-tag">
  1494. <span class="tag" v-if="pros.product.actStatus==1">
  1495. {{pros.product.promotions.name}}
  1496. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice |
  1497. NumFormat}}</span>
  1498. </span>
  1499. </div>
  1500. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  1501. <span>
  1502. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  1503. : pros.product.retailPrice) | NumFormat }}
  1504. </span>
  1505. </div>
  1506. </template>
  1507. <!-- 样式3 -->
  1508. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  1509. <div class="price-tag" v-if="pros.product.actStatus==1">
  1510. <span class="tag">{{pros.product.promotions.name}}</span>
  1511. </div>
  1512. <div class="price"><span>¥会员可见</span></div>
  1513. </template>
  1514. <!-- 样式4 -->
  1515. <template v-else>
  1516. <div class="price-tag" v-if="pros.product.actStatus==1">
  1517. <span class="tag">{{pros.product.promotions.name}}</span>
  1518. </div>
  1519. <div class="price"><span>¥</span>
  1520. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1521. </div>
  1522. </template>
  1523. </template>
  1524. </template>
  1525. <!-- 样式5 -->
  1526. <template v-else>
  1527. <div class="price-tag"></div>
  1528. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊
  1529. </div>
  1530. <div class="price" v-else>
  1531. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  1532. </div>
  1533. </template>
  1534. </template>
  1535. <template v-else>
  1536. <!-- 样式6 -->
  1537. <template v-if="pros.product.productCategory == 1">
  1538. <div class="price-tag">
  1539. <span class="tag"
  1540. v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1541. </div>
  1542. <div class="price">
  1543. <span>¥</span>
  1544. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1545. </div>
  1546. </template>
  1547. <!-- 样式7 -->
  1548. <template v-else>
  1549. <div class="price-tag"></div>
  1550. <div class="price"><span>¥登录可见</span></div>
  1551. </template>
  1552. </template>
  1553. </div>
  1554. </div>
  1555. </a>
  1556. </div>
  1557. </div>
  1558. <div class="swiper-pagination"></div>
  1559. </div>
  1560. </template>
  1561. <template v-else>
  1562. <div class="swiper-container product-template floor-grid-11"
  1563. :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
  1564. <div class="swiper-wrapper floor-main">
  1565. <div class="swiper-slide no-swiping clearfix" v-for="(list , index) in temp.floorImageList"
  1566. :key="index">
  1567. <a :href="pros.link" class="floor-item floor-item-pro" v-for="pros in list" :key="pros.id">
  1568. <div class="floor-item-cover">
  1569. <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  1570. </div>
  1571. <div class="floor-item-text">
  1572. <!-- 商品标签 -->
  1573. <div class="pro-tags">
  1574. <!-- <span class="tag">优惠活动</span> -->
  1575. <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
  1576. </div>
  1577. <!-- 商品名称 -->
  1578. <div class="pro-title">
  1579. <span class="tag"
  1580. v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
  1581. </div>
  1582. <!-- 商品价格 -->
  1583. <!-- listType:1:一手商品 2:二手商品 -->
  1584. <div class="pro-price" v-if="pros.listType == 1">
  1585. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  1586. <template v-if="pros.product.productCategory==1">
  1587. <!-- 样式1 价格未公开-->
  1588. <template v-if="pros.product.price1TextFlag==1">
  1589. <div class="price-tag">
  1590. <span class="tag"
  1591. v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1592. </div>
  1593. <div class="price">¥价格未公开</div>
  1594. </template>
  1595. <template v-else>
  1596. <!-- 样式2-->
  1597. <template
  1598. v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
  1599. <div class="price-tag">
  1600. <span class="tag" v-if="pros.product.actStatus==1">
  1601. {{pros.product.promotions.name}}
  1602. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice |
  1603. NumFormat}}</span>
  1604. </span>
  1605. </div>
  1606. <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  1607. <span>
  1608. ¥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
  1609. : pros.product.retailPrice) | NumFormat }}
  1610. </span>
  1611. </div>
  1612. </template>
  1613. <!-- 样式3 -->
  1614. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  1615. <div class="price-tag" v-if="pros.product.actStatus==1">
  1616. <span class="tag">{{pros.product.promotions.name}}</span>
  1617. </div>
  1618. <div class="price"><span>¥会员可见</span></div>
  1619. </template>
  1620. <!-- 样式4 -->
  1621. <template v-else>
  1622. <div class="price-tag" v-if="pros.product.actStatus==1">
  1623. <span class="tag">{{pros.product.promotions.name}}</span>
  1624. </div>
  1625. <div class="price"><span>¥</span>
  1626. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1627. </div>
  1628. </template>
  1629. </template>
  1630. </template>
  1631. <!-- 样式5 -->
  1632. <template v-else>
  1633. <div class="price-tag"></div>
  1634. <div class="price" v-if="pros.product.detailTalkFlag == '2'">¥价格详聊
  1635. </div>
  1636. <div class="price" v-else>
  1637. <span>¥{{ pros.product.retailPrice | NumFormat }}</span>
  1638. </div>
  1639. </template>
  1640. </template>
  1641. <template v-else>
  1642. <!-- 样式6 -->
  1643. <template v-if="pros.product.productCategory == 1">
  1644. <div class="price-tag">
  1645. <span class="tag"
  1646. v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
  1647. </div>
  1648. <div class="price">
  1649. <span>¥</span>
  1650. <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
  1651. </div>
  1652. </template>
  1653. <!-- 样式7 -->
  1654. <template v-else>
  1655. <div class="price-tag"></div>
  1656. <div class="price"><span>¥登录可见</span></div>
  1657. </template>
  1658. </template>
  1659. </div>
  1660. </div>
  1661. </a>
  1662. </div>
  1663. </div>
  1664. <div class="swiper-pagination"></div>
  1665. </div>
  1666. </template>
  1667. </div>
  1668. </div>
  1669. </div>
  1670. </div>
  1671. </div>
  1672. </div>
  1673. <!-- 引入底部 -->
  1674. <template th:replace="components/footer"></template>
  1675. <template th:replace="components/foot-link"></template>
  1676. <script charset="utf-8" type="text/javascript"
  1677. th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
  1678. <script charset="utf-8" type="text/javascript" th:src="@{/js/activity/activityTopic.js(v=${version})}"></script>
  1679. </body>
  1680. </html>