index.html 78 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904
  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. <head>
  5. <title>采美365网--医疗美容生活美容正品采购平台</title>
  6. <meta name="baidu-site-verification" content="KbkRJg9357"/>
  7. <template th:replace="components/head-link"></template>
  8. <link th:href="@{/css/index/index_new.h5.css(v=${version})}" media="screen and (max-width:768px)" rel="stylesheet" type="text/css">
  9. <link th:href="@{/css/index/index_new.pc.css(v=${version})}" media="screen and (min-width:768px)" rel="stylesheet" type="text/css">
  10. </head>
  11. <body>
  12. <!-- 引用头部 -->
  13. <template th:replace="components/header"></template>
  14. <!-- 首页 -->
  15. <div id="container">
  16. <!--loading-->
  17. <div v-if="listLoading" class="loading">
  18. <img src="/img/base/loading.gif">
  19. </div>
  20. <template v-else>
  21. <!--首页图片轮播-->
  22. <div id="swiper-container" class="swiper-container">
  23. <ul class="swiper-wrapper swiper-wrapper-banner">
  24. <li class="swiper-slide mfc" v-for="img in images">
  25. <a :href="img.link"><img :src="img.image" :alt="img.title"></a>
  26. </li>
  27. </ul>
  28. <div class="swiper-pagination swiper-pagination-banner mfc"><span v-if="isPC" v-for="i in images.length"></span></div>
  29. <a class="swiper-button-prev" href="javascript:void(0)"></a>
  30. <a class="swiper-button-next" href="javascript:void(0)"></a>
  31. </div>
  32. <div class="mNavBox h5Only clear">
  33. <!--导航菜单-->
  34. <a class="nav" :href="menu.link" target="_blank" v-for="(menu,index) in topMenuList">
  35. <img class="nav-icon" :src="menu.icon" :alt="menu.name">
  36. <p v-text="menu.name"></p>
  37. </a>
  38. </div>
  39. <!--首页楼层主体数据-->
  40. <div class="section_container">
  41. <div class="inner">
  42. <div class="section_right">
  43. <div class="box swiper-wrapper" >
  44. <div class="section_right_item" v-if="liveList && liveList.length>0">
  45. <div class="right_item_title">
  46. <p>精彩直播</p>
  47. <a href="https://wx.vzan.com/plug-ins/?v=637429463853329710#/FixupIndex/399803126?shareuid=0" target="_blank" v-if="isPC">更多></a>
  48. <a href="https://wx.vzan.com/plug-ins/?v=637429463853329710#/FixupIndex/399803126?shareuid=0" target="_blank" v-if="!isPC">></a>
  49. </div>
  50. <div class="right_item_main" v-for="(live,index) in liveList">
  51. <a :href="live.link" class="item_banner" v-if="index === 0" target="_blank" :title="live.liveTitle">
  52. <img src="/img/base/placeholder.png" :data-original="live.homePageImage" :alt="live.liveTitle">
  53. <div class="name" v-text="live.liveTitle"></div>
  54. <div class="statu">
  55. <i :class="live.liveStatus | statusTypeClass" class="mIcon"></i>
  56. <p>{{ live.liveStatus | statusType }}</p>
  57. </div>
  58. </a>
  59. <a :href="live.link" class="item_text" v-if="index > 0" target="_blank" :title="live.liveTitle">
  60. <p class="item_text_name" v-text="live.liveTitle"></p>
  61. <p class="item_text_time" v-if="isPC" v-text="live.beginTime"></p>
  62. </a>
  63. </div>
  64. </div>
  65. <div class="section_right_item" v-if="cmImageList && cmImageList.length>0">
  66. <div class="right_item_title">
  67. <p>最新活动</p>
  68. <a href="/promotions.html" target="_blank" v-if="isPC">更多></a>
  69. <a href="/promotions.html" target="_blank" v-if="!isPC">></a>
  70. </div>
  71. <div class="right_item_main" v-for="(cmImage,index) in cmImageList">
  72. <a :href="cmImage.link" class="item_banner" v-if="index === 0" target="_blank" :title="cmImage.title">
  73. <img src="/img/base/placeholder.png" :data-original="cmImage.homePageImage" :alt="cmImage.title">
  74. <div class="name" v-text="cmImage.title"></div>
  75. </a>
  76. <a :href="cmImage.link" class="item_text" v-if="index > 0" target="_blank" :title="cmImage.title">
  77. <p class="item_text_name info" v-text="cmImage.title"></p>
  78. </a>
  79. </div>
  80. </div>
  81. <div class="section_right_item" v-if="infoList && infoList.length>0">
  82. <div class="right_item_title">
  83. <p>热门文章</p>
  84. <a href="https://www.caimei365.com/info/center-3-1.html" target="_blank" v-if="isPC">更多></a>
  85. <a href="https://www.caimei365.com/info/center-3-1.html" target="_blank" v-if="!isPC">></a>
  86. </div>
  87. <div class="right_item_main" v-for="(info,index) in infoList">
  88. <a :href="info.link" class="item_banner" v-if="index === 0" target="_blank" :title="info.title">
  89. <img src="/img/base/placeholder.png" :data-original="info.homePageImage" :alt="info.title">
  90. <div class="name" v-text="info.title"></div>
  91. </a>
  92. <a :href="info.link" class="item_text" v-if="index > 0" target="_blank" :title="info.title">
  93. <p class="item_text_name " v-text="info.title"></p>
  94. <p class="item_text_time" v-if="isPC" v-text="info.createDate"></p>
  95. </a>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="section_left ">
  101. <div class="section_page" v-for="(page,index) in pageList">
  102. <div class="section_page_title" v-if="page.floorContent">
  103. <h1 v-text="page.title" :data-id="index+1"></h1>
  104. <p v-text="page.detail"></p>
  105. </div>
  106. <template v-if="page.floorContent && page.floorContent.templateType == '1'">
  107. <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
  108. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  109. class="page_main_item ad_02" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  110. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  111. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
  112. <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
  113. </a>
  114. <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
  115. <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  116. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  117. <div class="page_main_text">{{ pros.name }}</div>
  118. <div class="page_main_price" v-if="pros.listType == 1">
  119. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  120. <!--正常商品, 二手商品-->
  121. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  122. <template v-if="pros.product.productCategory==1">
  123. <template v-if="pros.product.price1TextFlag==1">
  124. <!--价格未公开-->
  125. <div class="main_price_text">
  126. <div class="price_text_tag">
  127. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  128. </div>
  129. <div class="main_price_unde">¥价格未公开</div>
  130. </div>
  131. </template>
  132. <template v-else>
  133. <!--可见价格-->
  134. <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)">
  135. <div class="main_price_text" v-if="pros.product.productCategory == 1">
  136. <div class="price_text_tag">
  137. <p class="listTag" v-if="pros.product.actStatus==1">
  138. {{pros.product.promotions.name}}
  139. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  140. </p>
  141. </div>
  142. <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  143. ¥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
  144. </div>
  145. </div>
  146. </template>
  147. <!--仅会员机构可见-->
  148. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  149. <div class="main_price_text">
  150. <div class="price_text_tag">
  151. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  152. </div>
  153. <div class="main_price_unde">¥会员可见</div>
  154. </div>
  155. </template>
  156. <template v-else>
  157. <div class="price_text_tag right-box">
  158. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  159. </div>
  160. <div class="main_price_none">
  161. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  162. <p class="listTag" v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  163. </div>
  164. </template>
  165. </template>
  166. </template>
  167. <template v-else>
  168. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  169. <div class="price_text_tag"></div>
  170. <div class="main_price_show">¥价格祥聊</div>
  171. </div>
  172. <div class="main_price_text" v-else>
  173. <div class="price_text_tag"></div>
  174. <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
  175. </div>
  176. </template>
  177. </template>
  178. <template v-else>
  179. <template v-if="pros.product.productCategory == 1">
  180. <div class="price_text_tag ">
  181. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  182. </div>
  183. <div class="main_price_none">
  184. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  185. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  186. </div>
  187. </template>
  188. <template v-else>
  189. <div class="main_price_none sec">
  190. <em class="price_grade"><span>¥</span>登录可见</em>
  191. </div>
  192. </template>
  193. </template>
  194. </div>
  195. </a>
  196. </div>
  197. <div class="section_page_more" v-if="page.isPageMore">
  198. <div class="more" @click="showMorePageFn(page)"> <i class="icon mIcon"></i>查看更多</div>
  199. </div>
  200. </template>
  201. <template v-if="page.floorContent && page.floorContent.templateType == '2'">
  202. <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
  203. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  204. class="page_main_item ad_02" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  205. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  206. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
  207. <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
  208. </a>
  209. <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)'"
  210. class="page_main_item ad_03" :class="page.floorContent.adsLink2!='' ? '' : 'default' "
  211. :target="page.floorContent.adsLink2!='' ? '_blank' : ''">
  212. <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt="" class="page_main_item_adv">
  213. <img v-else :src="page.floorContent.appletsAdsImage2" alt="" class="page_main_item_adv">
  214. </a>
  215. <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
  216. <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  217. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  218. <div class="page_main_text">{{ pros.name }}</div>
  219. <div class="page_main_price" v-if="pros.listType == 1">
  220. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  221. <!--正常商品, 二手商品-->
  222. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  223. <template v-if="pros.product.productCategory==1">
  224. <template v-if="pros.product.price1TextFlag==1">
  225. <!--价格未公开-->
  226. <div class="main_price_text">
  227. <div class="price_text_tag">
  228. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  229. </div>
  230. <div class="main_price_unde">¥价格未公开</div>
  231. </div>
  232. </template>
  233. <template v-else>
  234. <!--可见价格-->
  235. <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)">
  236. <div class="main_price_text" v-if="pros.product.productCategory == 1">
  237. <div class="price_text_tag">
  238. <p class="listTag" v-if="pros.product.actStatus==1">
  239. {{pros.product.promotions.name}}
  240. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  241. </p>
  242. </div>
  243. <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  244. ¥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
  245. </div>
  246. </div>
  247. </template>
  248. <!--仅会员机构可见-->
  249. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  250. <div class="main_price_text">
  251. <div class="price_text_tag">
  252. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  253. </div>
  254. <div class="main_price_unde">¥会员可见</div>
  255. </div>
  256. </template>
  257. <template v-else>
  258. <div class="price_text_tag right-box">
  259. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  260. </div>
  261. <div class="main_price_none">
  262. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  263. <p class="listTag" v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  264. </div>
  265. </template>
  266. </template>
  267. </template>
  268. <template v-else>
  269. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  270. <div class="price_text_tag"></div>
  271. <div class="main_price_show">¥价格祥聊</div>
  272. </div>
  273. <div class="main_price_text" v-else>
  274. <div class="price_text_tag"></div>
  275. <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
  276. </div>
  277. </template>
  278. </template>
  279. <template v-else>
  280. <template v-if="pros.product.productCategory == 1">
  281. <div class="price_text_tag right-box">
  282. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  283. </div>
  284. <div class="main_price_none">
  285. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  286. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  287. </div>
  288. </template>
  289. <template v-else>
  290. <div class="main_price_none sec">
  291. <em class="price_grade"><span>¥</span>登录可见</em>
  292. </div>
  293. </template>
  294. </template>
  295. </div>
  296. </a>
  297. </div>
  298. <div class="section_page_more" v-if="page.isPageMore">
  299. <div class="more" @click="showMorePageFn(page)"> <i class="icon mIcon"></i>查看更多</div>
  300. </div>
  301. </template>
  302. <template v-if="page.floorContent && page.floorContent.templateType == '3'">
  303. <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? '' : 'max'">
  304. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  305. class="page_main_item ad_01" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  306. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  307. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
  308. <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
  309. </a>
  310. <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)' "
  311. class="page_main_item ad_02" :class="page.floorContent.adsLink2!='' ? '' : 'default' "
  312. :target="page.floorContent.adsLink2!='' ? '_blank' : ''">
  313. <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt="" class="page_main_item_adv">
  314. <img v-else :src="page.floorContent.appletsAdsImage2" alt="" class="page_main_item_adv">
  315. </a>
  316. <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
  317. <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  318. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  319. <div class="page_main_text">{{ pros.name }}</div>
  320. <div class="page_main_price" v-if="pros.listType == 1">
  321. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  322. <!--正常商品, 二手商品-->
  323. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  324. <template v-if="pros.product.productCategory==1">
  325. <template v-if="pros.product.price1TextFlag==1">
  326. <!--价格未公开-->
  327. <div class="main_price_text">
  328. <div class="price_text_tag">
  329. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  330. </div>
  331. <div class="main_price_unde">¥价格未公开</div>
  332. </div>
  333. </template>
  334. <template v-else>
  335. <!--可见价格-->
  336. <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)">
  337. <div class="main_price_text" v-if="pros.product.productCategory == 1">
  338. <div class="price_text_tag">
  339. <p class="listTag" v-if="pros.product.actStatus==1">
  340. {{pros.product.promotions.name}}
  341. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  342. </p>
  343. </div>
  344. <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  345. ¥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
  346. </div>
  347. </div>
  348. </template>
  349. <!--仅会员机构可见-->
  350. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  351. <div class="main_price_text">
  352. <div class="price_text_tag">
  353. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  354. </div>
  355. <div class="main_price_unde">¥会员可见</div>
  356. </div>
  357. </template>
  358. <template v-else>
  359. <div class="price_text_tag right-box">
  360. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  361. </div>
  362. <div class="main_price_none">
  363. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  364. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  365. </div>
  366. </template>
  367. </template>
  368. </template>
  369. <template v-else>
  370. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  371. <div class="price_text_tag"></div>
  372. <div class="main_price_show">¥价格祥聊</div>
  373. </div>
  374. <div class="main_price_text" v-else>
  375. <div class="price_text_tag"></div>
  376. <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
  377. </div>
  378. </template>
  379. </template>
  380. <template v-else>
  381. <template v-if="pros.product.productCategory == 1">
  382. <div class="price_text_tag right-box">
  383. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  384. </div>
  385. <div class="main_price_none">
  386. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  387. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  388. </div>
  389. </template>
  390. <template v-else>
  391. <div class="main_price_none sec">
  392. <em class="price_grade"><span>¥</span>登录可见</em>
  393. </div>
  394. </template>
  395. </template>
  396. </div>
  397. </a>
  398. </div>
  399. <div class="section_page_more" v-if="page.isPageMore">
  400. <div class="more" @click="showMorePageFn(page)"> <i class="icon mIcon"></i>查看更多</div>
  401. </div>
  402. </template>
  403. <template v-if="page.floorContent && page.floorContent.templateType == '4'">
  404. <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? '' : 'max'">
  405. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  406. class="page_main_item ad_01" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  407. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  408. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
  409. <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
  410. </a>
  411. <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)' "
  412. class="page_main_item ad_02" :class="page.floorContent.adsLink2!='' ? '' : 'default' "
  413. :target="page.floorContent.adsLink2!='' ? '_blank' : ''">
  414. <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt="" class="page_main_item_adv">
  415. <img v-else :src="page.floorContent.appletsAdsImage2" alt="" class="page_main_item_adv">
  416. </a>
  417. <a :href="page.floorContent.adsLink3!='' ? page.floorContent.adsLink3 : 'javascript:void(0)' "
  418. class="page_main_item ad_03" :class="page.floorContent.adsLink3!='' ? '' : 'default' "
  419. :target="page.floorContent.adsLink3!='' ? '_blank' : ''">
  420. <img v-if="isPC" :src="page.floorContent.pcAdsImage3" alt="" class="page_main_item_adv">
  421. <img v-else :src="page.floorContent.appletsAdsImage3" alt="" class="page_main_item_adv">
  422. </a>
  423. <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
  424. <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  425. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  426. <div class="page_main_text">{{ pros.name }}</div>
  427. <div class="page_main_price" v-if="pros.listType == 1">
  428. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  429. <!--正常商品, 二手商品-->
  430. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  431. <template v-if="pros.product.productCategory==1">
  432. <template v-if="pros.product.price1TextFlag==1">
  433. <!--价格未公开-->
  434. <div class="main_price_text">
  435. <div class="price_text_tag">
  436. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  437. </div>
  438. <div class="main_price_unde">¥价格未公开</div>
  439. </div>
  440. </template>
  441. <template v-else>
  442. <!--可见价格-->
  443. <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)">
  444. <div class="main_price_text" v-if="pros.product.productCategory == 1">
  445. <div class="price_text_tag">
  446. <p class="listTag" v-if="pros.product.actStatus==1">
  447. {{pros.product.promotions.name}}
  448. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  449. </p>
  450. </div>
  451. <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  452. ¥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
  453. </div>
  454. </div>
  455. </template>
  456. <!--仅会员机构可见-->
  457. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  458. <div class="main_price_text">
  459. <div class="price_text_tag">
  460. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  461. </div>
  462. <div class="main_price_unde">¥会员可见</div>
  463. </div>
  464. </template>
  465. <template v-else>
  466. <div class="price_text_tag right-box">
  467. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  468. </div>
  469. <div class="main_price_none">
  470. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  471. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  472. </div>
  473. </template>
  474. </template>
  475. </template>
  476. <template v-else>
  477. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  478. <div class="price_text_tag"></div>
  479. <div class="main_price_show">¥价格祥聊</div>
  480. </div>
  481. <div class="main_price_text" v-else>
  482. <div class="price_text_tag"></div>
  483. <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
  484. </div>
  485. </template>
  486. </template>
  487. <template v-else>
  488. <template v-if="pros.product.productCategory == 1">
  489. <div class="price_text_tag right-box">
  490. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  491. </div>
  492. <div class="main_price_none">
  493. <em class="price_grade "><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  494. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  495. </div>
  496. </template>
  497. <template v-else>
  498. <div class="main_price_none sec">
  499. <em class="price_grade"><span>¥</span>登录可见</em>
  500. </div>
  501. </template>
  502. </template>
  503. </div>
  504. </a>
  505. </div>
  506. <div class="section_page_more" v-if="page.isPageMore">
  507. <div class="more" @click="showMorePageFn(page)"><i class="icon mIcon"></i>查看更多</div>
  508. </div>
  509. </template>
  510. <template v-if="page.floorContent && page.floorContent.templateType == '5'">
  511. <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? '' : 'max'">
  512. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  513. class="page_main_item ad_01" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  514. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  515. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
  516. <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
  517. </a>
  518. <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
  519. <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  520. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  521. <div class="page_main_text">{{ pros.name }}</div>
  522. <div class="page_main_price" v-if="pros.listType == 1">
  523. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  524. <!--正常商品, 二手商品-->
  525. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  526. <template v-if="pros.product.productCategory==1">
  527. <template v-if="pros.product.price1TextFlag==1">
  528. <!--价格未公开-->
  529. <div class="main_price_text">
  530. <div class="price_text_tag">
  531. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  532. </div>
  533. <div class="main_price_unde">¥价格未公开</div>
  534. </div>
  535. </template>
  536. <template v-else>
  537. <!--可见价格-->
  538. <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)">
  539. <div class="main_price_text" v-if="pros.product.productCategory == 1">
  540. <div class="price_text_tag">
  541. <p class="listTag" v-if="pros.product.actStatus==1">
  542. {{pros.product.promotions.name}}
  543. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  544. </p>
  545. </div>
  546. <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  547. ¥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
  548. </div>
  549. </div>
  550. </template>
  551. <!--仅会员机构可见-->
  552. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  553. <div class="main_price_text">
  554. <div class="price_text_tag">
  555. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  556. </div>
  557. <div class="main_price_unde">¥会员可见</div>
  558. </div>
  559. </template>
  560. <template v-else>
  561. <div class="price_text_tag right-box">
  562. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  563. </div>
  564. <div class="main_price_none">
  565. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  566. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  567. </div>
  568. </template>
  569. </template>
  570. </template>
  571. <template v-else>
  572. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  573. <div class="price_text_tag"></div>
  574. <div class="main_price_show">¥价格祥聊</div>
  575. </div>
  576. <div class="main_price_text" v-else>
  577. <div class="price_text_tag"></div>
  578. <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
  579. </div>
  580. </template>
  581. </template>
  582. <template v-else>
  583. <template v-if="pros.product.productCategory == 1">
  584. <div class="price_text_tag right-box">
  585. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  586. </div>
  587. <div class="main_price_none">
  588. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  589. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  590. </div>
  591. </template>
  592. <template v-else>
  593. <div class="main_price_none sec">
  594. <em class="price_grade"><span>¥</span>登录可见</em>
  595. </div>
  596. </template>
  597. </template>
  598. </div>
  599. </a>
  600. </div>
  601. <div class="section_page_more" v-if="page.isPageMore">
  602. <div class="more" @click="showMorePageFn(page)"> <i class="icon mIcon"></i>查看更多</div>
  603. </div>
  604. </template>
  605. <template v-if="page.floorContent && page.floorContent.templateType == '6'">
  606. <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
  607. <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
  608. <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  609. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  610. <div class="page_main_text">{{ pros.name }}</div>
  611. <div class="page_main_price" v-if="pros.listType == 1">
  612. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  613. <!--正常商品, 二手商品-->
  614. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  615. <template v-if="pros.product.productCategory==1">
  616. <template v-if="pros.product.price1TextFlag==1">
  617. <!--价格未公开-->
  618. <div class="main_price_text">
  619. <div class="price_text_tag">
  620. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  621. </div>
  622. <div class="main_price_unde">¥价格未公开</div>
  623. </div>
  624. </template>
  625. <template v-else>
  626. <!--可见价格-->
  627. <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)">
  628. <div class="main_price_text" v-if="pros.product.productCategory == 1">
  629. <div class="price_text_tag">
  630. <p class="listTag" v-if="pros.product.actStatus==1">
  631. {{pros.product.promotions.name}}
  632. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  633. </p>
  634. </div>
  635. <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  636. ¥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
  637. </div>
  638. </div>
  639. </template>
  640. <!--仅会员机构可见-->
  641. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  642. <div class="main_price_text">
  643. <div class="price_text_tag">
  644. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  645. </div>
  646. <div class="main_price_unde">¥会员可见</div>
  647. </div>
  648. </template>
  649. <template v-else>
  650. <div class="price_text_tag right-box">
  651. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  652. </div>
  653. <div class="main_price_none">
  654. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  655. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  656. </div>
  657. </template>
  658. </template>
  659. </template>
  660. <template v-else>
  661. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  662. <div class="price_text_tag"></div>
  663. <div class="main_price_show">¥价格祥聊</div>
  664. </div>
  665. <div class="main_price_text" v-else>
  666. <div class="price_text_tag"></div>
  667. <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
  668. </div>
  669. </template>
  670. </template>
  671. <template v-else>
  672. <template v-if="pros.product.productCategory == 1">
  673. <div class="price_text_tag right-box">
  674. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  675. </div>
  676. <div class="main_price_none">
  677. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  678. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  679. </div>
  680. </template>
  681. <template v-else>
  682. <div class="main_price_none sec">
  683. <em class="price_grade"><span>¥</span>登录可见</em>
  684. </div>
  685. </template>
  686. </template>
  687. </div>
  688. </a>
  689. </div>
  690. <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' "
  691. class="page_main_item ad_01" :class="page.floorContent.adsLink1!='' ? '' : 'default' "
  692. :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
  693. <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
  694. <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
  695. </a>
  696. </template>
  697. <template v-if="page.floorContent && page.floorContent.templateType == '7'">
  698. <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
  699. <a :href="pros.link" class="page_main_item ad_04" v-for="(pros,index) in page.floorImageList" target="_blank">
  700. <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
  701. <div class="page_main_tag" v-if="pros.listType == 2"><p>{{ pros.label }}</p></div>
  702. <div class="page_main_text">{{ pros.name }}</div>
  703. <div class="page_main_price" v-if="pros.listType == 1">
  704. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  705. <!--正常商品, 二手商品-->
  706. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  707. <template v-if="pros.product.productCategory==1">
  708. <template v-if="pros.product.price1TextFlag==1">
  709. <!--价格未公开-->
  710. <div class="main_price_text">
  711. <div class="price_text_tag">
  712. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  713. </div>
  714. <div class="main_price_unde">¥价格未公开</div>
  715. </div>
  716. </template>
  717. <template v-else>
  718. <!--可见价格-->
  719. <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)">
  720. <div class="main_price_text" v-if="pros.product.productCategory == 1">
  721. <div class="price_text_tag">
  722. <p class="listTag" v-if="pros.product.actStatus==1">
  723. {{pros.product.promotions.name}}
  724. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  725. </p>
  726. </div>
  727. <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  728. ¥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
  729. </div>
  730. </div>
  731. </template>
  732. <!--仅会员机构可见-->
  733. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  734. <div class="main_price_text">
  735. <div class="price_text_tag">
  736. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  737. </div>
  738. <div class="main_price_unde">¥会员可见</div>
  739. </div>
  740. </template>
  741. <template v-else>
  742. <div class="price_text_tag right-box">
  743. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  744. </div>
  745. <div class="main_price_none">
  746. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  747. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  748. </div>
  749. </template>
  750. </template>
  751. </template>
  752. <template v-else>
  753. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  754. <div class="price_text_tag"></div>
  755. <div class="main_price_show">¥价格祥聊</div>
  756. </div>
  757. <div class="main_price_text" v-else>
  758. <div class="price_text_tag"></div>
  759. <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
  760. </div>
  761. </template>
  762. </template>
  763. <template v-else>
  764. <template v-if="pros.product.productCategory == 1">
  765. <div class="price_text_tag right-box">
  766. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  767. </div>
  768. <div class="main_price_none">
  769. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  770. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  771. </div>
  772. </template>
  773. <template v-else>
  774. <div class="main_price_none sec">
  775. <em class="price_grade"><span>¥</span>登录可见</em>
  776. </div>
  777. </template>
  778. </template>
  779. </div>
  780. </a>
  781. </div>
  782. </template>
  783. <template v-if="page.floorContent && page.floorContent.templateType == '8'">
  784. <div class="floorCon">
  785. <div class="hotList swiper-container-floor" id="recommendBox">
  786. <div class="section_page_main type_08 clear mfw swiper-wrapper recommendBox-wrapper" :class="page.isPageMore ? 'max' : ''">
  787. <a class="page_main_item ad_04 swiper-slide" :href="pros.link" v-for="(pros,index) in page.floorImageList" target="_blank">
  788. <img class="page_main_image" :src="pros.image" :alt="pros.name">
  789. <div class="page_main_tag" v-if="pros.listType == 2">{{ pros.label }}</div>
  790. <div class="page_main_text" target="_blank">{{pros.name}}</div>
  791. <div class="page_main_price" v-if="pros.listType == 1">
  792. <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
  793. <!--正常商品, 二手商品-->
  794. <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
  795. <template v-if="pros.product.productCategory==1">
  796. <template v-if="pros.product.price1TextFlag==1">
  797. <!--价格未公开-->
  798. <div class="main_price_text">
  799. <div class="price_text_tag">
  800. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  801. </div>
  802. <div class="main_price_unde">¥价格未公开</div>
  803. </div>
  804. </template>
  805. <template v-else>
  806. <!--可见价格-->
  807. <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)">
  808. <div class="main_price_text" v-if="pros.product.productCategory == 1">
  809. <div class="price_text_tag">
  810. <p class="listTag" v-if="pros.product.actStatus==1">
  811. {{pros.product.promotions.name}}
  812. <span v-if="pros.priceFlag != 1">:¥{{pros.product.retailPrice | NumFormat}}</span>
  813. </p>
  814. </div>
  815. <div class="main_price_show" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
  816. ¥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
  817. </div>
  818. </div>
  819. </template>
  820. <!--仅会员机构可见-->
  821. <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
  822. <div class="main_price_text">
  823. <div class="price_text_tag">
  824. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  825. </div>
  826. <div class="main_price_unde">¥会员可见</div>
  827. </div>
  828. </template>
  829. <template v-else>
  830. <div class="price_text_tag right-box">
  831. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  832. </div>
  833. <div class="main_price_none">
  834. <em class="price_grade"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  835. <p class="listTag " v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  836. </div>
  837. </template>
  838. </template>
  839. </template>
  840. <template v-else>
  841. <div class="main_price_text" v-if="pros.product.detailTalkFlag == '2'">
  842. <div class="price_text_tag"></div>
  843. <div class="main_price_show">¥价格祥聊</div>
  844. </div>
  845. <div class="main_price_text" v-else>
  846. <div class="price_text_tag"></div>
  847. <div class="main_price_show">¥{{ pros.product.retailPrice | NumFormat }}</div>
  848. </div>
  849. </template>
  850. </template>
  851. <template v-else>
  852. <template v-if="pros.product.productCategory == 1">
  853. <div class="price_text_tag right-box">
  854. <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
  855. </div>
  856. <div class="main_price_none">
  857. <em class="price_grade right-box"><span class="bold">¥</span><i :class="'icon mIcon price_grade_'+pros.product.price1Grade"></i></em>
  858. <p class="listTag" v-if="pros.actStatus==1">{{pros.product.promotions.name}}</p>
  859. </div>
  860. </template>
  861. <template v-else>
  862. <div class="main_price_none sec">
  863. <em class="price_grade"><span>¥</span>登录可见</em>
  864. </div>
  865. </template>
  866. </template>
  867. </div>
  868. </a>
  869. </div>
  870. <div class="swiper-pagination swiper-pagination-floor mfc"><span v-if="isPC" v-for="i in Math.ceil(page.floorImageList.length / 5)"></span></div>
  871. </div>
  872. </div>
  873. </template>
  874. </div>
  875. <div class="section_page">
  876. <div class="section_page_title">
  877. <h1 :data-id="pageList.length+1">优质供应商</h1>
  878. <p>采美正品联盟 质量保证</p>
  879. </div>
  880. <div class="section_page_bottom">
  881. <a :href="supplierWwwLink!='' ? supplierWwwLink : 'javascript:void(0)' " class="page_main_li ad_01" :target="supplierWwwLink!='' ? '_blank' : ''"><img class="page_main_item_adv" :src="supplierImage" alt=""> </a>
  882. <a :href="shop.link" class="page_main_li ad_02" v-for="(shop,index) in supplierList" target="_blank">
  883. <img class="page_main_logo" src="/img/base/placeholder.png" :data-original="shop.image" :alt="shop.supplierName">
  884. <div class="page_main_name">{{ shop.supplierName }}</div>
  885. </a>
  886. </div>
  887. </div>
  888. </div>
  889. </div>
  890. </div>
  891. <!--右侧边栏导航-->
  892. <div id="sideNav" v-if="isPC">
  893. <div class="item">
  894. <a class="item-sideNav" href="javascript:void(0);" v-for="nav in asideNav" :data-id="nav.id" v-text="nav.value" ></a>
  895. </div>
  896. </div>
  897. </template>
  898. </div>
  899. <!-- 引入底部 -->
  900. <template th:replace="components/footer"></template>
  901. <template th:replace="components/foot-link"></template>
  902. <script charset="utf-8" type="text/javascript" th:src="@{/js/index.js(v=${version})}"></script>
  903. </body>
  904. </html>