|
|
@@ -1,12 +1,12 @@
|
|
|
<!DOCTYPE html>
|
|
|
-<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
|
|
- xsi:schemaLocation="https://www.thymeleaf.org ">
|
|
|
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="https://www.thymeleaf.org ">
|
|
|
+
|
|
|
<head>
|
|
|
<title>采美365网-医美采购平台-生美采购平台-美业一站式正品采购平台</title>
|
|
|
<meta name="keywords" content="美业采购商城，美业信息平台，美业采购顾问，美业采购咨询，美容产品，美容仪器，医美产品，医美器械，二手仪器，美业正品联盟">
|
|
|
<meta name="description" content="采美365网是一家专注于医美生美的B2B采购平台，拥有各类医疗器械资质和进出口资质，聚集全球众多知名供应商，上架丰富的医美生美产品和仪器，一站式解决美容机构的采购需求">
|
|
|
- <meta name="baidu-site-verification" content="KbkRJg9357"/>
|
|
|
- <link rel="canonical" href="https://www.caimei365.com/"/>
|
|
|
+ <meta name="baidu-site-verification" content="KbkRJg9357" />
|
|
|
+ <link rel="canonical" href="https://www.caimei365.com/" />
|
|
|
<template th:replace="components/head-link"></template>
|
|
|
<link th:href="@{/css/base/floor.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
<link th:href="@{/css/index/index_new.h5.css(v=${version})}" media="screen and (max-width:768px)" rel="stylesheet" type="text/css">
|
|
|
@@ -14,6 +14,8 @@
|
|
|
<link th:href="@{/lib/css/swiper-bundle.css(v=${version})}" media="screen and (min-width:768px)" rel="stylesheet" type="text/css">
|
|
|
<link rel="stylesheet" href="https://unpkg.zhimg.com/element-ui@2.15.13/lib/theme-chalk/index.css" />
|
|
|
<link rel="stylesheet" href="/lib/element-ui/element-ui-min.css" />
|
|
|
+ <!--vant css-->
|
|
|
+ <link rel="stylesheet" href="/lib/element-ui/index.css" />
|
|
|
<template th:replace="components/analysis"></template>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -279,16 +281,16 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="swiper-pagination swiper-pagination-floor hot mfc " :data-id="floor.floorImageList4.length"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--楼层-->
|
|
|
- <div class="section_page section_page_user" v-for="(floor,index) in homePageFloor">
|
|
|
- <template v-if="floor.floorContent">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination swiper-pagination-floor hot mfc " :data-id="floor.floorImageList4.length"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--楼层-->
|
|
|
+ <div class="section_page section_page_user" v-for="(floor,index) in homePageFloor">
|
|
|
+ <template v-if="floor.floorContent">
|
|
|
<div class="section_page_title" >
|
|
|
<h1 :data-id="index+1" v-text="floor.title"></h1>
|
|
|
<p v-text="floor.detail"></p>
|
|
|
@@ -315,7 +317,7 @@
|
|
|
<img v-else :src="floor.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
|
|
|
</a>
|
|
|
</template>
|
|
|
- <template v-if="floor.floorContent.templateType == 2 ||
|
|
|
+ <template v-if="floor.floorContent.templateType == 2 ||
|
|
|
floor.floorContent.templateType == 3 ||
|
|
|
floor.floorContent.templateType == 4"
|
|
|
>
|
|
|
@@ -327,7 +329,7 @@
|
|
|
<img v-else :src="floor.floorContent.appletsAdsImage2" alt="" class="page_main_item_adv">
|
|
|
</a>
|
|
|
</template>
|
|
|
- <template v-if="floor.floorContent.templateType == 4">
|
|
|
+ <template v-if="floor.floorContent.templateType == 4">
|
|
|
<a :href="floor.floorContent.adsLink3 ? floor.floorContent.adsLink3 : 'javascript:;'"
|
|
|
:target="floor.floorContent.adsLink3 ? '_blank' : '_self'"
|
|
|
class="page_main_item ad_03"
|
|
|
@@ -336,20 +338,22 @@
|
|
|
<img v-else :src="floor.floorContent.appletsAdsImage3" alt="" class="page_main_item_adv">
|
|
|
</a>
|
|
|
</template>
|
|
|
- <!-- 商品/图片 列表 -->
|
|
|
- <a :href="pros.link" class="page_main_item ad_04 swiper-slide" target="_blank" v-for="pros in floor.floorImageList">
|
|
|
- <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
- <div class="page_main_type" v-if="pros.product && pros.product.productType && pros.product.productType === 2">医疗器械</div>
|
|
|
- <div class="page_main_tag" v-if="pros.listType == 2"><p v-text="pros.label"></p></div>
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag" v-if="pros.beautyActFlag == 1">美博会</span>
|
|
|
- <span v-text="pros.name"></span>
|
|
|
- </div>
|
|
|
- <div class="page_main_price" v-if="pros.listType == 1">
|
|
|
- <!-- 商品价格 -->
|
|
|
- <div class="main_price_text">
|
|
|
- <!-- 正常商品 -->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
+ <!-- 商品/图片 列表 -->
|
|
|
+ <a :href="pros.link" class="page_main_item ad_04 swiper-slide" target="_blank" v-for="pros in floor.floorImageList">
|
|
|
+ <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ <div class="page_main_type" v-if="pros.product && pros.product.productType && pros.product.productType === 2">医疗器械</div>
|
|
|
+ <div class="page_main_tag" v-if="pros.listType == 2">
|
|
|
+ <p v-text="pros.label"></p>
|
|
|
+ </div>
|
|
|
+ <div class="page_main_text">
|
|
|
+ <span class="tag" v-if="pros.beautyActFlag == 1">美博会</span>
|
|
|
+ <span v-text="pros.name"></span>
|
|
|
+ </div>
|
|
|
+ <div class="page_main_price" v-if="pros.listType == 1">
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <div class="main_price_text">
|
|
|
+ <!-- 正常商品 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
<div class="price_text_tag">
|
|
|
<p class="couponTag" v-if="pros.product.couponsLogo">优惠券</p>
|
|
|
<!--超级会员价格标签 svipProductFlag 1:超级会员优惠商品 0 不是商超级会员优惠商品-->
|
|
|
@@ -366,30 +370,30 @@
|
|
|
<span v-html="pros.product.svipPriceTag"></span>
|
|
|
</div>
|
|
|
</template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
<p class="listTag" v-if="pros.product.actStatus ==1 && pros.product.promotions">
|
|
|
<span v-text="pros.product.promotions.name"></span>
|
|
|
</p>
|
|
|
</template>
|
|
|
- </div>
|
|
|
- <div class="main_price_login">
|
|
|
- <!--priceFlag 0公开价格 1不公开价格 2仅对会员机构公开-->
|
|
|
- <template v-if="pros.product.priceFlag == 1">
|
|
|
+ </div>
|
|
|
+ <div class="main_price_login">
|
|
|
+ <!--priceFlag 0公开价格 1不公开价格 2仅对会员机构公开-->
|
|
|
+ <template v-if="pros.product.priceFlag == 1">
|
|
|
<em class="price_grade_club"><span>￥</span>价格未公开</em>
|
|
|
</template>
|
|
|
- <!--机构价仅会员可见 && 用户是普通机构-->
|
|
|
- <template v-else-if="pros.product.priceFlag==2 && GLOBAL_USER_IDENTITY === 4 && GLOBAL_VIP_FLAG!=1">
|
|
|
+ <!--机构价仅会员可见 && 用户是普通机构-->
|
|
|
+ <template v-else-if="pros.product.priceFlag==2 && GLOBAL_USER_IDENTITY === 4 && GLOBAL_VIP_FLAG!=1">
|
|
|
<em class="price_grade_club"><span>￥</span>会员可见</em>
|
|
|
</template>
|
|
|
- <!--机构价仅医美机构可见-->
|
|
|
- <template v-else-if="pros.product.priceFlag==3 && (GLOBAL_CLUB_TYPE !=1)">
|
|
|
+ <!--机构价仅医美机构可见-->
|
|
|
+ <template v-else-if="pros.product.priceFlag==3 && (GLOBAL_CLUB_TYPE !=1)">
|
|
|
<em class="price_grade_club red"><span>￥</span>仅医美机构可见</em>
|
|
|
</template>
|
|
|
- <!-- 资质机构 || (价格全部机构可见 && 普通机构) || (供应商 && 商品为供应商下的商品) || 超级会员用户 -->
|
|
|
- <template v-else-if="GLOBAL_USER_IDENTITY === 2 ||
|
|
|
+ <!-- 资质机构 || (价格全部机构可见 && 普通机构) || (供应商 && 商品为供应商下的商品) || 超级会员用户 -->
|
|
|
+ <template v-else-if="GLOBAL_USER_IDENTITY === 2 ||
|
|
|
(pros.product.priceFlag === 0 && GLOBAL_USER_IDENTITY === 4) ||
|
|
|
(GLOBAL_USER_IDENTITY === 3 && pros.product.shopId==GLOBAL_SHOP_ID) ||
|
|
|
GLOBAL_VIP_FLAG === 1">
|
|
|
@@ -399,16 +403,16 @@
|
|
|
<span class="price_num" v-else v-text="filtersFormat(pros.product.price)"></span>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <template v-else>
|
|
|
+ <template v-else>
|
|
|
<!--供应商除自己的商品外，也显示价格等级-->
|
|
|
<em class="price_grade_shop">
|
|
|
<span class="bold">￥</span><i :class="'icon mIcon price_grade_'+pros.product.priceGrade"></i>
|
|
|
</em>
|
|
|
</template>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!-- 二手商品 -->
|
|
|
- <template v-else>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 二手商品 -->
|
|
|
+ <template v-else>
|
|
|
<div class="main_price_login">
|
|
|
<div class="price_text_tag"></div>
|
|
|
<div v-if="pros.product.detailTalkFlag==2" class="main_price_show">￥价格祥聊</div>
|
|
|
@@ -417,36 +421,27 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- <!-- 广告图 -->
|
|
|
- <div v-if="floor.floorContent.templateType == 6">
|
|
|
- <a :href="floor.floorContent.adsLink1 ? floor.floorContent.adsLink1 : 'javascript:;'"
|
|
|
- :target="floor.floorContent.adsLink1 ? '_blank' : '_self' "
|
|
|
- class="page_main_item ad_01"
|
|
|
- >
|
|
|
- <img v-if="isPC" :src="floor.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
|
|
|
- <img v-else :src="floor.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="floor.floorContent.templateType == 8"
|
|
|
- class="swiper-pagination swiper-pagination-floor mfc"
|
|
|
- :data-id="floor.floorImageList.length"
|
|
|
- >
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="section_page_more"
|
|
|
- :data-id="floor.floorContent.templateType"
|
|
|
- :data-size="floor.floorImageList.length"
|
|
|
- >
|
|
|
- <div class="more" @click="showMoreItem($event)"> <i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <!-- 广告图 -->
|
|
|
+ <div v-if="floor.floorContent.templateType == 6">
|
|
|
+ <a :href="floor.floorContent.adsLink1 ? floor.floorContent.adsLink1 : 'javascript:;'" :target="floor.floorContent.adsLink1 ? '_blank' : '_self' " class="page_main_item ad_01">
|
|
|
+ <img v-if="isPC" :src="floor.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
|
|
|
+ <img v-else :src="floor.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="floor.floorContent.templateType == 8" class="swiper-pagination swiper-pagination-floor mfc" :data-id="floor.floorImageList.length">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="section_page_more" :data-id="floor.floorContent.templateType" :data-size="floor.floorImageList.length">
|
|
|
+ <div class="more" @click="showMoreItem($event)"> <i class="icon mIcon"></i>查看更多</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
<!--静态化固定楼层-->
|
|
|
<div class="section_page section_page_user hot" th:each="floor,stat : ${floorJson.get('pageFloorList')}">
|
|
|
<div class="section_page_title">
|
|
|
@@ -487,150 +482,152 @@
|
|
|
</th:block>
|
|
|
<p class="listTag" th:if="*{actStatus}==1 and ${pros.get('product').get('promotions')}!=null">
|
|
|
<template th:text="*{promotions.name}"></template>
|
|
|
- <th:block th:if="*{promotions.type}==1 and *{promotions.mode}==1">
|
|
|
- <!--单品优惠:优惠价-->
|
|
|
- <span class="price_unit" style="display:none;">:￥</span><span class="price_num"></span>
|
|
|
- </th:block>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_none">
|
|
|
- <em class="price_grade"><span class="bold">￥</span><i th:attr="class=*{'icon mIcon price_grade_'+priceGrade}"></i></em>
|
|
|
- </div>
|
|
|
- </th:block>
|
|
|
- <!-- 二手商品 -->
|
|
|
- <th:block th:if="*{productCategory}!=1">
|
|
|
- <div class="main_price_none sec">
|
|
|
- <em class="price_grade"><span>￥</span>登录可见</em>
|
|
|
- </div>
|
|
|
- </th:block>
|
|
|
- </div>
|
|
|
- </th:block>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
+ <th:block th:if="*{promotions.type}==1 and *{promotions.mode}==1">
|
|
|
+ <!--单品优惠:优惠价-->
|
|
|
+ <span class="price_unit" style="display:none;">:￥</span><span class="price_num"></span>
|
|
|
+ </th:block>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="main_price_none">
|
|
|
+ <em class="price_grade"><span class="bold">￥</span><i th:attr="class=*{'icon mIcon price_grade_'+priceGrade}"></i></em>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ <!-- 二手商品 -->
|
|
|
+ <th:block th:if="*{productCategory}!=1">
|
|
|
+ <div class="main_price_none sec">
|
|
|
+ <em class="price_grade"><span>￥</span>登录可见</em>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination swiper-pagination-floor hot mfc" th:attr="data-id=${floor.get('floorImageList4').size}"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--静态化普通楼层-->
|
|
|
+ <div class="section_page" th:each="floor,stat : ${floorJson.get('homePageFloor')}">
|
|
|
+ <th:block th:if="${floor.get('floorContent')}!=null">
|
|
|
+ <div class="section_page_title">
|
|
|
+ <h1 th:text="${floor.get('title')}" th:attr="data-id=${stat.index+1}"></h1>
|
|
|
+ <p th:text="${floor.get('detail')}"></p>
|
|
|
+ </div>
|
|
|
+ <th:block th:object="${floor.get('floorContent')}">
|
|
|
+ <div th:class="*{templateType}==8? 'swiper-container-floor mySwiperSlide' : ''" th:id="*{templateType}==8? 'recommendBox' : ''">
|
|
|
+ <div th:class="*{templateType}==8? *{'section_page_main type_08 swiper-wrapper recommendBox-wrapper clear mfw section_'+templateType} : *{'section_page_main clear mfw section_'+templateType}">
|
|
|
+ <!-- 广告图 -->
|
|
|
+ <th:block th:if="*{templateType}==1 or *{templateType}==2 or *{templateType}==3 or *{templateType}==4 or *{templateType}==5">
|
|
|
+ <a th:href="*{#strings.isEmpty(adsLink1)}? 'javascript:;' : *{adsLink1}" th:attr="target=(*{#strings.isEmpty(adsLink1)} ? '_self' : '_blank')" class="page_main_item ad_01">
|
|
|
+ <img v-if="isPC" th:src="*{pcAdsImage1}" alt="" class="page_main_item_adv">
|
|
|
+ <img v-else th:src="*{appletsAdsImage1}" alt="" class="page_main_item_adv">
|
|
|
+ </a>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="*{templateType}==2 or *{templateType}==3 or *{templateType}==4">
|
|
|
+ <a th:href="*{#strings.isEmpty(adsLink2)}? 'javascript:;' : *{adsLink2}" th:attr="target=(*{#strings.isEmpty(adsLink2)} ? '_self' : '_blank')" class="page_main_item ad_02">
|
|
|
+ <img v-if="isPC" th:src="*{pcAdsImage2}" alt="" class="page_main_item_adv">
|
|
|
+ <img v-else th:src="*{appletsAdsImage2}" alt="" class="page_main_item_adv">
|
|
|
+ </a>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="*{templateType}==4">
|
|
|
+ <a th:href="*{#strings.isEmpty(adsLink3)}? 'javascript:;' : *{adsLink3}" th:attr="target=(*{#strings.isEmpty(adsLink3)} ? '_self' : '_blank')" class="page_main_item ad_03">
|
|
|
+ <img v-if="isPC" th:src="*{pcAdsImage3}" alt="" class="page_main_item_adv">
|
|
|
+ <img v-else th:src="*{appletsAdsImage3}" alt="" class="page_main_item_adv">
|
|
|
+ </a>
|
|
|
+ </th:block>
|
|
|
+ <!-- 商品/图片 列表 -->
|
|
|
+ <th:block th:each="pros : ${floor.get('floorImageList')}" th:object="${pros}">
|
|
|
+ <a th:href="*{link}" class="page_main_item ad_04 swiper-slide" target="_blank">
|
|
|
+ <img class="page_main_image" src="/img/base/placeholder.png" th:attr="data-original=*{image}" th:alt="*{name}">
|
|
|
+ <th:block th:if="${pros.get('product')}!=null" th:object="${pros.get('product')}">
|
|
|
+ <div class="page_main_type" th:if="*{productType}==2">医疗器械</div>
|
|
|
</th:block>
|
|
|
- </div>
|
|
|
- <div class="swiper-pagination swiper-pagination-floor hot mfc" th:attr="data-id=${floor.get('floorImageList4').size}"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--静态化普通楼层-->
|
|
|
- <div class="section_page" th:each="floor,stat : ${floorJson.get('homePageFloor')}">
|
|
|
- <th:block th:if="${floor.get('floorContent')}!=null">
|
|
|
- <div class="section_page_title">
|
|
|
- <h1 th:text="${floor.get('title')}" th:attr="data-id=${stat.index+1}"></h1>
|
|
|
- <p th:text="${floor.get('detail')}"></p>
|
|
|
- </div>
|
|
|
- <th:block th:object="${floor.get('floorContent')}">
|
|
|
- <div th:class="*{templateType}==8? 'swiper-container-floor mySwiperSlide' : ''" th:id="*{templateType}==8? 'recommendBox' : ''">
|
|
|
- <div th:class="*{templateType}==8? *{'section_page_main type_08 swiper-wrapper recommendBox-wrapper clear mfw section_'+templateType} : *{'section_page_main clear mfw section_'+templateType}">
|
|
|
- <!-- 广告图 -->
|
|
|
- <th:block th:if="*{templateType}==1 or *{templateType}==2 or *{templateType}==3 or *{templateType}==4 or *{templateType}==5">
|
|
|
- <a th:href="*{#strings.isEmpty(adsLink1)}? 'javascript:;' : *{adsLink1}" th:attr="target=(*{#strings.isEmpty(adsLink1)} ? '_self' : '_blank')" class="page_main_item ad_01">
|
|
|
- <img v-if="isPC" th:src="*{pcAdsImage1}" alt="" class="page_main_item_adv">
|
|
|
- <img v-else th:src="*{appletsAdsImage1}" alt="" class="page_main_item_adv">
|
|
|
- </a>
|
|
|
- </th:block>
|
|
|
- <th:block th:if="*{templateType}==2 or *{templateType}==3 or *{templateType}==4">
|
|
|
- <a th:href="*{#strings.isEmpty(adsLink2)}? 'javascript:;' : *{adsLink2}" th:attr="target=(*{#strings.isEmpty(adsLink2)} ? '_self' : '_blank')" class="page_main_item ad_02">
|
|
|
- <img v-if="isPC" th:src="*{pcAdsImage2}" alt="" class="page_main_item_adv">
|
|
|
- <img v-else th:src="*{appletsAdsImage2}" alt="" class="page_main_item_adv">
|
|
|
- </a>
|
|
|
- </th:block>
|
|
|
- <th:block th:if="*{templateType}==4">
|
|
|
- <a th:href="*{#strings.isEmpty(adsLink3)}? 'javascript:;' : *{adsLink3}" th:attr="target=(*{#strings.isEmpty(adsLink3)} ? '_self' : '_blank')" class="page_main_item ad_03">
|
|
|
- <img v-if="isPC" th:src="*{pcAdsImage3}" alt="" class="page_main_item_adv">
|
|
|
- <img v-else th:src="*{appletsAdsImage3}" alt="" class="page_main_item_adv">
|
|
|
- </a>
|
|
|
- </th:block>
|
|
|
- <!-- 商品/图片 列表 -->
|
|
|
- <th:block th:each="pros : ${floor.get('floorImageList')}" th:object="${pros}">
|
|
|
- <a th:href="*{link}" class="page_main_item ad_04 swiper-slide" target="_blank">
|
|
|
- <img class="page_main_image" src="/img/base/placeholder.png" th:attr="data-original=*{image}" th:alt="*{name}">
|
|
|
- <th:block th:if="${pros.get('product')}!=null" th:object="${pros.get('product')}">
|
|
|
- <div class="page_main_type" th:if="*{productType}==2">医疗器械</div>
|
|
|
- </th:block>
|
|
|
- <div class="page_main_tag" th:if="*{listType}==2"><p th:text="*{label}"></p></div>
|
|
|
- <div class="page_main_text">
|
|
|
- <th:block th:if="${pros.containsKey('product')}">
|
|
|
- <span class="tag" th:if="${pros.get('product').containsKey('beautyActFlag')} and ${pros.get('product').get('beautyActFlag')}==1">美博会</span>
|
|
|
- </th:block>
|
|
|
- <span th:text="${pros.get('name')}"></span>
|
|
|
+ <div class="page_main_tag" th:if="*{listType}==2">
|
|
|
+ <p th:text="*{label}"></p>
|
|
|
+ </div>
|
|
|
+ <div class="page_main_text">
|
|
|
+ <th:block th:if="${pros.containsKey('product')}">
|
|
|
+ <span class="tag" th:if="${pros.get('product').containsKey('beautyActFlag')} and ${pros.get('product').get('beautyActFlag')}==1">美博会</span>
|
|
|
+ </th:block>
|
|
|
+ <span th:text="${pros.get('name')}"></span>
|
|
|
+ </div>
|
|
|
+ <div class="page_main_price" th:if="*{listType}==1">
|
|
|
+ <th:block th:if="${pros.get('product')}!=null" th:object="${pros.get('product')}">
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <div th:attr="class=*{'main_price_text product_'+productId}, data-id=*{productId}">
|
|
|
+ <!-- 正常商品 -->
|
|
|
+ <th:block th:if="*{productCategory}==1">
|
|
|
+ <div class="price_text_tag">
|
|
|
+ <p class="couponTag" th:if="*{couponsLogo}">优惠券</p>
|
|
|
+ <!--超级会员价格标签 svipProductFlag 1:超级会员优惠商品 0 不是商超级会员优惠商品-->
|
|
|
+ <div class="svip-tag" th:if="*{svipProductFlag}==1">
|
|
|
+ <div class="svip-icon">SVIP</div>
|
|
|
+ </div>
|
|
|
+ <p class="listTag" th:if="*{actStatus}==1 and ${pros.get('product').get('promotions')}!=null">
|
|
|
+ <template th:text="*{promotions.name}"></template>
|
|
|
+ <th:block th:if="*{promotions.type}==1 and *{promotions.mode}==1">
|
|
|
+ <!--单品优惠:优惠价-->
|
|
|
+ <span class="price_unit" style="display:none;">:￥</span><span class="price_num"></span>
|
|
|
+ </th:block>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- <div class="page_main_price" th:if="*{listType}==1">
|
|
|
- <th:block th:if="${pros.get('product')}!=null" th:object="${pros.get('product')}">
|
|
|
- <!-- 商品价格 -->
|
|
|
- <div th:attr="class=*{'main_price_text product_'+productId}, data-id=*{productId}">
|
|
|
- <!-- 正常商品 -->
|
|
|
- <th:block th:if="*{productCategory}==1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="couponTag" th:if="*{couponsLogo}">优惠券</p>
|
|
|
- <!--超级会员价格标签 svipProductFlag 1:超级会员优惠商品 0 不是商超级会员优惠商品-->
|
|
|
- <div class="svip-tag" th:if="*{svipProductFlag}==1">
|
|
|
- <div class="svip-icon">SVIP</div>
|
|
|
- </div>
|
|
|
- <p class="listTag" th:if="*{actStatus}==1 and ${pros.get('product').get('promotions')}!=null">
|
|
|
- <template th:text="*{promotions.name}"></template>
|
|
|
- <th:block th:if="*{promotions.type}==1 and *{promotions.mode}==1">
|
|
|
- <!--单品优惠:优惠价-->
|
|
|
- <span class="price_unit" style="display:none;">:￥</span><span class="price_num"></span>
|
|
|
- </th:block>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_none">
|
|
|
- <em class="price_grade"><span class="bold">￥</span><i th:attr="class=*{'icon mIcon price_grade_'+priceGrade}"></i></em>
|
|
|
- </div>
|
|
|
- </th:block>
|
|
|
- <!-- 二手商品 -->
|
|
|
- <th:block th:if="*{productCategory}!=1">
|
|
|
- <div class="main_price_none sec">
|
|
|
- <em class="price_grade"><span>￥</span>登录可见</em>
|
|
|
- </div>
|
|
|
- </th:block>
|
|
|
- </div>
|
|
|
- </th:block>
|
|
|
+ <div class="main_price_none">
|
|
|
+ <em class="price_grade"><span class="bold">￥</span><i th:attr="class=*{'icon mIcon price_grade_'+priceGrade}"></i></em>
|
|
|
</div>
|
|
|
- </a>
|
|
|
- </th:block>
|
|
|
- <!-- 广告图 -->
|
|
|
- <th:block th:if="*{templateType}==6">
|
|
|
- <a th:href="*{#strings.isEmpty(adsLink1)}? 'javascript:;' : *{adsLink1}" th:attr="target=(*{#strings.isEmpty(adsLink1)} ? '_self' : '_blank')" class="page_main_item ad_01">
|
|
|
- <img v-if="isPC" th:src="*{pcAdsImage1}" alt="" class="page_main_item_adv">
|
|
|
- <img v-else th:src="*{appletsAdsImage1}" alt="" class="page_main_item_adv">
|
|
|
- </a>
|
|
|
- </th:block>
|
|
|
- </div>
|
|
|
- <div th:if="*{templateType}==8" class="swiper-pagination swiper-pagination-floor mfc" th:attr="data-id=${floor.get('floorImageList').size}"></div>
|
|
|
- </div>
|
|
|
- <div class="section_page_more" th:attr="data-id=*{templateType}, data-size=${floor.get('floorImageList').size}">
|
|
|
- <div class="more" @click="showMoreItem($event)"> <i class="icon mIcon"></i>查看更多</div>
|
|
|
+ </th:block>
|
|
|
+ <!-- 二手商品 -->
|
|
|
+ <th:block th:if="*{productCategory}!=1">
|
|
|
+ <div class="main_price_none sec">
|
|
|
+ <em class="price_grade"><span>￥</span>登录可见</em>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
</div>
|
|
|
- </th:block>
|
|
|
+ </a>
|
|
|
+ </th:block>
|
|
|
+ <!-- 广告图 -->
|
|
|
+ <th:block th:if="*{templateType}==6">
|
|
|
+ <a th:href="*{#strings.isEmpty(adsLink1)}? 'javascript:;' : *{adsLink1}" th:attr="target=(*{#strings.isEmpty(adsLink1)} ? '_self' : '_blank')" class="page_main_item ad_01">
|
|
|
+ <img v-if="isPC" th:src="*{pcAdsImage1}" alt="" class="page_main_item_adv">
|
|
|
+ <img v-else th:src="*{appletsAdsImage1}" alt="" class="page_main_item_adv">
|
|
|
+ </a>
|
|
|
</th:block>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- <div class="section_page">
|
|
|
- <div class="section_page_title">
|
|
|
- <h1 data-id="99">优质供应商</h1>
|
|
|
- <p>采美正品联盟 质量保证</p>
|
|
|
- </div>
|
|
|
- <div class="section_page_bottom" th:object="${floorJson.get('supplierImage')}">
|
|
|
- <a th:href="*{#strings.isEmpty(wwwLink)}? 'javascript:;' : *{wwwLink}" th:attr="target=(*{#strings.isEmpty(wwwLink)} ? '_self' : '_blank')" class="page_main_li ad_01">
|
|
|
- <img th:src="*{wwwImage}" alt="" class="page_main_item_adv">
|
|
|
- </a>
|
|
|
- <template th:each="shop : ${floorJson.get('supplierImage').get('qualitySupplierList')}" th:object="${shop}">
|
|
|
+ <div th:if="*{templateType}==8" class="swiper-pagination swiper-pagination-floor mfc" th:attr="data-id=${floor.get('floorImageList').size}"></div>
|
|
|
+ </div>
|
|
|
+ <div class="section_page_more" th:attr="data-id=*{templateType}, data-size=${floor.get('floorImageList').size}">
|
|
|
+ <div class="more" @click="showMoreItem($event)"> <i class="icon mIcon"></i>查看更多</div>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div class="section_page">
|
|
|
+ <div class="section_page_title">
|
|
|
+ <h1 data-id="99">优质供应商</h1>
|
|
|
+ <p>采美正品联盟 质量保证</p>
|
|
|
+ </div>
|
|
|
+ <div class="section_page_bottom" th:object="${floorJson.get('supplierImage')}">
|
|
|
+ <a th:href="*{#strings.isEmpty(wwwLink)}? 'javascript:;' : *{wwwLink}" th:attr="target=(*{#strings.isEmpty(wwwLink)} ? '_self' : '_blank')" class="page_main_li ad_01">
|
|
|
+ <img th:src="*{wwwImage}" alt="" class="page_main_item_adv">
|
|
|
+ </a>
|
|
|
+ <template th:each="shop : ${floorJson.get('supplierImage').get('qualitySupplierList')}" th:object="${shop}">
|
|
|
<a th:href="*{link}" target="_blank" class="page_main_li ad_02">
|
|
|
<img class="page_main_logo" src="/img/base/placeholder.png" th:attr="data-original=*{image}" th:alt="*{supplierName}">
|
|
|
<div class="page_main_name" th:text="*{supplierName}"></div>
|
|
|
</a>
|
|
|
</template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!--右侧边栏导航-->
|
|
|
<div id="sideNav" v-if="isPC">
|
|
|
<div class="item">
|
|
|
- <a class="item-sideNav" href="javascript:void(0);" v-for="nav in asideNav" :data-id="nav.id" v-text="nav.value" ></a>
|
|
|
+ <a class="item-sideNav" href="javascript:void(0);" v-for="nav in asideNav" :data-id="nav.id" v-text="nav.value"></a>
|
|
|
<a class="item-sideNav" href="javascript:void(0);"></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -644,15 +641,16 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-</div>
|
|
|
-<!-- 引入底部 -->
|
|
|
-<template th:replace="components/footer"></template>
|
|
|
-<template th:replace="components/foot-link"></template>
|
|
|
-<script src="https://unpkg.com/vant@2.12/lib/vant.min.js"></script>
|
|
|
-<script type="text/javascript" src="/lib/element-ui/element-ui.min.js"></script>
|
|
|
-<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
|
|
|
-<script charset="utf-8" type="text/javascript" th:src="@{/js/mixins/cmsMixins.js(v=${version})}"></script>
|
|
|
-<script charset="utf-8" type="text/javascript" th:src="@{/js/mixins/cmSysMixins.js(v=${version})}"></script>
|
|
|
-<script charset="utf-8" type="text/javascript" th:src="@{/js/index.js(v=${version})}"></script>
|
|
|
+ </div>
|
|
|
+ <!-- 引入底部 -->
|
|
|
+ <template th:replace="components/footer"></template>
|
|
|
+ <template th:replace="components/foot-link"></template>
|
|
|
+ <script type="text/javascript" src="/lib/element-ui/vant.min.js"></script>
|
|
|
+ <script type="text/javascript" src="/lib/element-ui/element-ui.min.js"></script>
|
|
|
+ <script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
|
|
|
+ <script charset="utf-8" type="text/javascript" th:src="@{/js/mixins/cmsMixins.js(v=${version})}"></script>
|
|
|
+ <script charset="utf-8" type="text/javascript" th:src="@{/js/mixins/cmSysMixins.js(v=${version})}"></script>
|
|
|
+ <script charset="utf-8" type="text/javascript" th:src="@{/js/index.js(v=${version})}"></script>
|
|
|
</body>
|
|
|
-</html>
|
|
|
+
|
|
|
+</html>
|
