|
|
@@ -1,1662 +1,1712 @@
|
|
|
<!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 ">
|
|
|
+ xsi:schemaLocation="https://www.thymeleaf.org ">
|
|
|
<html>
|
|
|
+
|
|
|
<head>
|
|
|
- <template th:replace="components/head-link"></template>
|
|
|
- <link href="/lib/swiper.min.css" media="screen and (min-width:768px)" rel="stylesheet" type="text/css">
|
|
|
- <link th:href="@{/css/activity/activityTopic.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
- <title>活动专题页面</title>
|
|
|
+ <template th:replace="components/head-link"></template>
|
|
|
+ <link href="/lib/swiper.min.css" media="screen and (min-width:768px)" rel="stylesheet" type="text/css">
|
|
|
+ <link th:href="@{/css/activity/activityTopic.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
+ <title>活动专题页面</title>
|
|
|
</head>
|
|
|
+
|
|
|
<body>
|
|
|
-<!-- 引用头部 -->
|
|
|
-<template th:replace="components/header"></template>
|
|
|
+ <!-- 引用头部 -->
|
|
|
+ <template th:replace="components/header"></template>
|
|
|
|
|
|
-<div id="activity" class="activity">
|
|
|
+ <div id="activity" class="activity" v-cloak>
|
|
|
<!-- loading -->
|
|
|
<div v-if="listLoading" class="loading">
|
|
|
<img src="/img/base/loading.gif">
|
|
|
</div>
|
|
|
- <div class="content">
|
|
|
- <!--活动主题图片-->
|
|
|
- <div class="banner" v-if="pageInfo">
|
|
|
- <a :href="pageInfo.headLink !== ''?pageInfo.headLink : 'javascript:void(0)'">
|
|
|
- <img :src="pageInfo.headImage" v-if="isPC">
|
|
|
- <img :src="pageInfo.crmHeadImage" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <!-- 内容区域 -->
|
|
|
- <div class="inner">
|
|
|
- <div class="right_box"></div>
|
|
|
- <div class="left_box">
|
|
|
- <!-- 楼层列表 -->
|
|
|
- <div class="page_floor" v-for="(page,index) in floorList" :key="index">
|
|
|
- <!--楼层标题-->
|
|
|
- <div class="floor_title" v-if="page.floorContent">
|
|
|
- <h1 :data-id="index+1" v-text="page.title"></h1>
|
|
|
- <p v-text="page.detail"></p>
|
|
|
+ <!--banner图-->
|
|
|
+ <div class="banner" v-if="pageInfo && !listLoading">
|
|
|
+ <a :href="pageInfo.headLink !== ''?pageInfo.headLink : 'javascript:void(0)'">
|
|
|
+ <img :src="pageInfo.headImage" v-if="isPC">
|
|
|
+ <img :src="pageInfo.crmHeadImage" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- 模板1 -->
|
|
|
+ <div class="floor-template">
|
|
|
+ <div class="inner">
|
|
|
+ <div class="right-box"></div>
|
|
|
+ <div class="left-box">
|
|
|
+ <!-- 楼层模板1 -->
|
|
|
+ <div class="floor-template" v-for="(temp,tIndex) in floorList" :key="tIndex">
|
|
|
+ <!-- 楼层模板标题 -->
|
|
|
+ <div class="floor-title">
|
|
|
+ <h2>{{temp.title}}</h2>
|
|
|
+ <p>{{temp.detail}}</p>
|
|
|
+ </div>
|
|
|
+ <!-- 楼层 -->
|
|
|
+ <div class="swiper-container floor-main picture-template floor-grid-1"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex"
|
|
|
+ v-if="temp.floorContent.templateType === '1'">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide no-swiping" v-for="list in temp.floorImageList" :key="list.id">
|
|
|
+ <template v-for="item in list" :key="item.id">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </a>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="swiper-container picture-template floor-main floor-grid-2"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex"
|
|
|
+ v-if="temp.floorContent.templateType === '2'">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide no-swiping" v-for="list in temp.floorImageList" :key="list.id">
|
|
|
+ <template v-for="item in list" :key="item.id">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </a>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="swiper-box" v-if="temp.floorContent.templateType === '3'">
|
|
|
+ <template v-if="isPc">
|
|
|
+ <div class="swiper-container article-template floor-main floor-grid-1"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide no-swiping clearfix" v-for="list in temp.floorImageList" :key="list.id">
|
|
|
+ <template v-for="item in list" :key="item.id">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <h2>{{item.name}}</h2>
|
|
|
+ <div class="line"></div>
|
|
|
+ <p>{{item.content}}</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="article-template floor-main floor-grid-1" :class="temp.isPageMore?'':'max'">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
|
|
|
+ v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
</div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <h2>{{item.name}}</h2>
|
|
|
+ <div class="line"></div>
|
|
|
+ <p>{{item.content}}</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
|
|
|
- <!--图片楼层模板区域-->
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '1'">
|
|
|
- <div class="page_floor_picture">
|
|
|
- <div class="page_main page_grid_1 clearfix">
|
|
|
- <!-- 图片 -->
|
|
|
- <div class="swiper-container" id="page_floor_picture_01">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide clearfix" v-for="list in page.floorImageList">
|
|
|
- <div class="page_floor_item" v-for="pros in list" :key="pros.id">
|
|
|
- <a :href="pros.link!='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="cm-swiper-pagination"></div>
|
|
|
- </div>
|
|
|
+ <div class="swiper-box" v-if="temp.floorContent.templateType === '4'">
|
|
|
+ <template v-if="isPc">
|
|
|
+ <div class="swiper-container article-template floor-main floor-grid-2"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
</div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <h2>{{item.name}}</h2>
|
|
|
+ <p>{{item.content}}</p>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '2'">
|
|
|
- <div class="page_floor_picture">
|
|
|
- <div class="page_main page_grid_2 clearfix">
|
|
|
- <!-- 图片 -->
|
|
|
- <div class="swiper-container" id="page_floor_picture_02">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide clearfix" v-for="list in page.floorImageList">
|
|
|
- <div class="page_floor_item" v-for="pros in list" :key="pros.id">
|
|
|
- <a :href="pros.link!='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="cm-swiper-pagination"></div>
|
|
|
- </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 左右切换按钮 -->
|
|
|
+ <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
|
|
|
+ <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="article-template floor-main floor-grid-2" :class="temp.isPageMore?'':'max'">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
|
|
|
+ v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <h2>{{item.name}}</h2>
|
|
|
+ <div class="line"></div>
|
|
|
+ <p>{{item.content}}</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="swiper-box" v-if="temp.floorContent.templateType === '5'">
|
|
|
+ <template v-if="isPc">
|
|
|
+ <div class="swiper-container article-template floor-main floor-grid-3"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
</div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <h2>{{item.name}}</h2>
|
|
|
+ <p>{{item.content}}</p>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- <!--###############################+++-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '7'">
|
|
|
- <div class="page_floor_picture">
|
|
|
- <div class="page_main page_grid_3 clearfix">
|
|
|
- <!-- 图片 -->
|
|
|
- <div class="cm-swiper-prev cm-swiper-prev-picture-03" v-if="isPC"></div>
|
|
|
- <div class="cm-swiper-next cm-swiper-next-picture-03" v-if="isPC"></div>
|
|
|
- <div class="swiper-container pc_view" id="page_floor_picture_03" v-if="isPC">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide clearfix" v-for="list in page.floorImageList">
|
|
|
- <div class="page_floor_item" v-for="pros in list" :key="pros.id">
|
|
|
- <a :href="pros.link!='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 左右切换按钮 -->
|
|
|
+ <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
|
|
|
+ <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="article-template floor-main floor-grid-3 floor-scroll">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
|
|
|
+ v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <h2>{{item.name}}</h2>
|
|
|
+ <div class="line"></div>
|
|
|
+ <p>{{item.content}}</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
- <!-- 滚动视图 -->
|
|
|
- <div class="scroll_view mobile_view" v-else>
|
|
|
- <div class="page_floor_item" v-for="pros in page.floorImageList">
|
|
|
- <a :href="pros.link!='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="swiper-box" v-if="temp.floorContent.templateType === '6'">
|
|
|
+ <template v-if="isPc">
|
|
|
+ <div class="swiper-container article-template floor-main floor-grid-4"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide no-swiping clearfix" v-for="list in temp.floorImageList" :key="list.id">
|
|
|
+ <template v-for="item in list" :key="item.id">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <h2>{{item.name}}</h2>
|
|
|
+ <p>{{item.content}}</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="article-template floor-main floor-grid-4 clearfix" :class="temp.isPageMore?'':'max'">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item clearfix"
|
|
|
+ v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <h2>{{item.name}}</h2>
|
|
|
+ <div class="line"></div>
|
|
|
+ <p>{{item.content}}</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################+++-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '8'">
|
|
|
- <div class="page_floor_picture">
|
|
|
- <div class="page_main page_grid_4 clearfix">
|
|
|
- <!-- 图片 -->
|
|
|
- <div class="cm-swiper-prev cm-swiper-prev-picture-04" v-if="isPC"></div>
|
|
|
- <div class="cm-swiper-next cm-swiper-next-picture-04" v-if="isPC"></div>
|
|
|
- <div class="swiper-container pc_view" id="page_floor_picture_04" v-if="isPC">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide clearfix" v-for="list in page.floorImageList">
|
|
|
- <div class="page_floor_item" v-for="pros in list" :key="pros.id">
|
|
|
- <a :href="pros.link!='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 手机视图 -->
|
|
|
- <div class="mobile_view" v-else>
|
|
|
- <div class="clearfix" :class="page.isPageMore?'':'max'">
|
|
|
- <div class="page_floor_item" v-for="pros in page.floorImageList">
|
|
|
- <a :href="pros.link!='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 查看更多 -->
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '9'">
|
|
|
- <div class="page_floor_picture">
|
|
|
- <div class="page_main page_grid_5 clearfix">
|
|
|
- <!-- 图片 -->
|
|
|
- <div class="swiper-container" id="page_floor_picture_05">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide clearfix" v-for="list in page.floorImageList">
|
|
|
- <div class="page_floor_item" v-for="pros in list" :key="pros.id">
|
|
|
- <a :href="pros.link!='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="cm-swiper-pagination"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################+++-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '10'">
|
|
|
- <div class="page_floor_picture">
|
|
|
- <div class="page_main page_grid_6 clearfix">
|
|
|
- <!-- 图片 -->
|
|
|
- <div class="cm-swiper-prev cm-swiper-prev-picture-06" v-if="isPC"></div>
|
|
|
- <div class="cm-swiper-next cm-swiper-next-picture-06" v-if="isPC"></div>
|
|
|
- <div class="swiper-container" id="page_floor_picture_06" v-if="isPC">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide clearfix" v-for="pros in page.floorImageList" :key="pros.id">
|
|
|
- <div class="page_floor_item">
|
|
|
- <a :href="pros.link!='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="cm-swiper-pagination"></div>
|
|
|
- </div>
|
|
|
+ <div class="swiper-box" v-if="temp.floorContent.templateType === '7'">
|
|
|
+ <template v-if="isPc">
|
|
|
+ <div class="swiper-container picture-template floor-main floor-grid-3"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 左右切换按钮 -->
|
|
|
+ <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
|
|
|
+ <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="picture-template floor-main floor-grid-3 floor-scroll">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item"
|
|
|
+ v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- 手机端 -->
|
|
|
- <div class="mobile_view" v-else>
|
|
|
- <div class="clearfix" :class="page.isPageMore?'':'max'">
|
|
|
- <div class="page_floor_item" v-for="pros in page.floorImageList" :key="pros.id">
|
|
|
- <a :href="pros.link!='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 查看更多 -->
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
+ <div class="swiper-box" v-if="temp.floorContent.templateType === '8'">
|
|
|
+ <template v-if="isPc">
|
|
|
+ <div class="swiper-container picture-template floor-main floor-grid-4"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 左右切换按钮 -->
|
|
|
+ <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
|
|
|
+ <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="picture-template floor-main floor-grid-4 clearfix" :class="temp.isPageMore?'':'max'">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item"
|
|
|
+ v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
|
|
|
- <!--文章楼层模板区域-->
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '3'">
|
|
|
- <div class="page_floor_article">
|
|
|
- <div class="page_main page_grid_1 clearfix">
|
|
|
- <!-- 图片 -->
|
|
|
- <div class="swiper-container pc_view" id="page_floor_article_01" v-if="isPC">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide clearfix" v-for="list in page.floorImageList">
|
|
|
- <div class="page_floor_item" v-for="pros in list" :key="pros.id">
|
|
|
- <a :href="pros.link=='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <div class="page_article_cover">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage" v-else>
|
|
|
- </div>
|
|
|
- <div class="page_article_text">
|
|
|
- <h2>{{pros.name}}</h2>
|
|
|
- <div class="line"></div>
|
|
|
- <p class="text-overflow" v-html="pros.content"></p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="cm-swiper-pagination"></div>
|
|
|
- </div>
|
|
|
+ <div class="swiper-box" v-if="temp.floorContent.templateType === '9'">
|
|
|
+ <div class="swiper-container floor-main picture-template floor-grid-5"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide no-swiping" v-for="list in temp.floorImageList" :key="list.id">
|
|
|
+ <template v-for="item in list" :key="item.id">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </a>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <!--手机端-->
|
|
|
- <div class="mobile_view" v-else>
|
|
|
- <div class="clearfix" :class="page.isPageMore?'':'max'">
|
|
|
- <div class="page_floor_item" v-for="pros in page.floorImageList">
|
|
|
- <a :href="pros.link=='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <div class="page_article_cover">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage"
|
|
|
- v-else>
|
|
|
- </div>
|
|
|
- <div class="page_article_text">
|
|
|
- <h2>{{pros.name}}</h2>
|
|
|
- <p v-html="pros.content"></p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ <div class="swiper-box" v-if="temp.floorContent.templateType === '10'">
|
|
|
+ <template v-if="isPc">
|
|
|
+ <div class="swiper-container picture-template floor-main floor-grid-6"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide no-swiping clearfix" v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 左右切换按钮 -->
|
|
|
+ <div class="cm-swiper-button swiper-prev" :class="'cm-swiper-prev-' + tIndex"></div>
|
|
|
+ <div class="cm-swiper-button swiper-next" :class="'cm-swiper-next-' + tIndex"></div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="picture-template floor-main floor-grid-6 clearfix" :class="temp.isPageMore?'':'max'">
|
|
|
+ <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item"
|
|
|
+ v-for="item in temp.floorImageList" :key="item.id">
|
|
|
+ <img :src="item.image" alt="item.name" v-if="isPc">
|
|
|
+ <img :src="item.adsImage" alt="item.name" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
- <!-- 查看更多 -->
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="product-template floor-grid-1 clearfix" v-if="temp.floorContent.templateType === '11'">
|
|
|
+ <div class="floor-main clearfix" :class="temp.isPageMore?'':'max'">
|
|
|
+ <div class="ad-box">
|
|
|
+ <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad1">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad2">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad3">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
|
|
|
+ :key="index">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
+ <div class="product-template floor-grid-2 clearfix" v-if="temp.floorContent.templateType === '12'">
|
|
|
+ <div class="floor-main" :class="temp.isPageMore?'':'max'">
|
|
|
+ <div class="ad-box">
|
|
|
+ <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad1">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad2">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad3">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
|
|
|
+ :key="index">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################+++-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '4'">
|
|
|
- <div class="page_floor_article">
|
|
|
- <div class="page_main page_grid_2 clearfix">
|
|
|
- <div class="cm-swiper-prev cm-swiper-prev-article-02" v-if="isPC"></div>
|
|
|
- <div class="cm-swiper-next cm-swiper-next-article-02" v-if="isPC"></div>
|
|
|
- <!-- 图片 -->
|
|
|
- <div class="swiper-container pc_view" id="page_floor_article_02" v-if="isPC">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide clearfix" v-for="list in page.floorImageList">
|
|
|
- <div class="page_floor_item" v-for="pros in list" :key="pros.id">
|
|
|
- <a :href="pros.link=='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <div class="page_article_cover">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage" v-else>
|
|
|
- </div>
|
|
|
- <div class="page_article_text">
|
|
|
- <h2>{{pros.name}}</h2>
|
|
|
- <div class="line"></div>
|
|
|
- <p class="text-overflow" v-html="pros.content"></p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
|
|
|
- <!--手机端-->
|
|
|
- <div class="mobile_view" v-else>
|
|
|
- <div class="clearfix" :class="page.isPageMore?'':'max'">
|
|
|
- <div class="page_floor_item" v-for="pros in page.floorImageList">
|
|
|
- <a :href="pros.link=='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <div class="page_article_cover">
|
|
|
- <img :src="pros.image && pros.image" :alt="pros.name" v-if="isPC">
|
|
|
- <img :src="pros.adsImage && pros.adsImage" :alt="pros.adsImage"
|
|
|
- v-else>
|
|
|
- </div>
|
|
|
- <div class="page_article_text">
|
|
|
- <h2>{{pros.name}}</h2>
|
|
|
- <p class="text-overflow" v-html="pros.content"></p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 查看更多 -->
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
+ <div class="product-template floor-grid-3 clearfix" v-if="temp.floorContent.templateType === '13'">
|
|
|
+ <div class="floor-main" :class="temp.isPageMore?'':'max'">
|
|
|
+ <div class="ad-box">
|
|
|
+ <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad1">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad2">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad3">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink4 !== ''?'temp.floorContent.adsLink4':'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad4">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage4" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage4" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink5 !== ''?'temp.floorContent.adsLink5':'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad5">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage5" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage5" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
|
|
|
+ :key="index">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################+++-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '5'">
|
|
|
- <div class="page_floor_article">
|
|
|
- <div class="page_main page_grid_3 clearfix">
|
|
|
- <!-- 图片 -->
|
|
|
- <div class="cm-swiper-prev cm-swiper-prev-article-03" v-if="isPC"></div>
|
|
|
- <div class="cm-swiper-next cm-swiper-next-article-03" v-if="isPC"></div>
|
|
|
- <div class="swiper-container pc_view" id="page_floor_article_03" v-if="isPC">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide clearfix" v-for="list in page.floorImageList">
|
|
|
- <div class="page_floor_item" v-for="pros in list" :key="pros.id">
|
|
|
- <a :href="pros.link=='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <div class="page_article_cover">
|
|
|
- <img :src="pros.image" :alt="pros.name">
|
|
|
- </div>
|
|
|
- <div class="page_article_text">
|
|
|
- <h2>{{pros.name}}</h2>
|
|
|
- <div class="line"></div>
|
|
|
- <p class="text-overflow" v-html="pros.content"></p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
|
|
|
- <!--手机端-->
|
|
|
- <div class="scroll_view mobile_view" v-else>
|
|
|
- <div class="page_floor_item" v-for="pros in page.floorImageList">
|
|
|
- <a :href="pros.link=='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <div class="page_article_cover">
|
|
|
- <img :src="pros.image" :alt="pros.name">
|
|
|
- </div>
|
|
|
- <div class="page_article_text">
|
|
|
- <h2>{{pros.name}}</h2>
|
|
|
- <p class="text-overflow" v-html="pros.content"></p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
+ <div class="product-template floor-grid-4 clearfix" v-if="temp.floorContent.templateType === '14'">
|
|
|
+ <div class="floor-main" :class="temp.isPageMore?'':'max'">
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
|
|
|
+ :key="index">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '6'">
|
|
|
- <div class="page_floor_article">
|
|
|
- <div class="page_main page_grid_4 clearfix">
|
|
|
- <!-- 图片 -->
|
|
|
- <div class="swiper-container pc_view" id="page_floor_article_04" v-if="isPC">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide clearfix" v-for="list in page.floorImageList">
|
|
|
- <div class="page_floor_item" v-for="pros in list" :key="pros.id">
|
|
|
- <a :href="pros.link=='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <div class="page_article_cover">
|
|
|
- <img :src="pros.image" :alt="pros.name">
|
|
|
- </div>
|
|
|
- <div class="page_article_text">
|
|
|
- <h2>{{pros.name}}</h2>
|
|
|
- <div class="line"></div>
|
|
|
- <p class="text-overflow" v-html="pros.content"></p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="cm-swiper-pagination"></div>
|
|
|
- </div>
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
|
|
|
- <!--手机端-->
|
|
|
- <div class="mobile_view" v-else>
|
|
|
- <div class="clearfix" :class="page.isPageMore?'':'max'">
|
|
|
- <div class="page_floor_item" v-for="pros in page.floorImageList">
|
|
|
- <a :href="pros.link=='' ? pros.link : 'javascript:void(0)'">
|
|
|
- <div class="page_article_cover">
|
|
|
- <img :src="pros.image" :alt="pros.name">
|
|
|
- </div>
|
|
|
- <div class="page_article_text">
|
|
|
- <h2>{{pros.name}}</h2>
|
|
|
- <p class="text-overflow" v-html="pros.content"></p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 查看更多 -->
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="product-template floor-grid-5 clearfix" v-if="temp.floorContent.templateType === '15'">
|
|
|
+ <div class="floor-main" :class="temp.isPageMore?'':'max'">
|
|
|
+ <div class="ad-box">
|
|
|
+ <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad1">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad2">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink3 !== ''?temp.floorContent.adsLink3:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad3">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage3" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage3" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
|
|
|
+ :key="index">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <!--商品楼层模板区域-->
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '11'">
|
|
|
- <div class="page_floor_product">
|
|
|
- <div class="page_main page_grid_9 clearfix" :class="page.isPageMore ? '' : 'max'">
|
|
|
- <!-- 广告banner -->
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
- </a>
|
|
|
+ <div class="product-template floor-grid-6 clearfix" v-if="temp.floorContent.templateType === '16'">
|
|
|
+ <div class="floor-main" :class="temp.isPageMore?'':'max'">
|
|
|
+ <div class="ad-box">
|
|
|
+ <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad1">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad2">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
|
|
|
+ :key="index">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
- </a>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage3" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage3" alt="" v-else>
|
|
|
- </a>
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- <!-- 产品列表 -->
|
|
|
- <section class="page_floor_item pro" v-for="(pros,index) in page.floorImageList" :key="index">
|
|
|
- <a :href="pros.link">
|
|
|
- <div class="page_header">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
- </div>
|
|
|
- <div class="page_footer">
|
|
|
- <div class="page_main_tag">
|
|
|
- <p v-if="pros.listType == 2">{{ pros.label }}</p>
|
|
|
- </div>
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
- </div>
|
|
|
- <div class="page_main_price">
|
|
|
- <div class="main_price_text" v-if="pros.listType == 1">
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
- <template v-if="pros.product.productCategory==1">
|
|
|
- <!--价格 第一种显示方式-->
|
|
|
- <template v-if="pros.product.price1TextFlag==1">
|
|
|
- <div class="price_text_tag clearfix">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥价格未公开</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第二种显示方式-->
|
|
|
- <template v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}<span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
- ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第三种显示方式-->
|
|
|
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥会员可见</div>
|
|
|
- </template>
|
|
|
- <!--价格 第四种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade">
|
|
|
- <span class="bold">￥</span>
|
|
|
- <i :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--价格 第五种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag"></div>
|
|
|
- <div class="main_price_unde" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
- <div class="main_price_unde" v-else>￥{{ pros.product.retailPrice | NumFormat }}</div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第六种显示方式-->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade"><span class="bold">￥</span><i :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
- </template>
|
|
|
- <!--价格 第七种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <em class="main_price_unde">￥登录可见</em>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </section>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="product-template floor-grid-7 clearfix" v-if="temp.floorContent.templateType === '17'">
|
|
|
+ <div class="floor-main" :class="temp.isPageMore?'':'max'">
|
|
|
+ <div class="ad-box">
|
|
|
+ <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad1">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ <a :href="temp.floorContent.adsLink2 !== ''?temp.floorContent.adsLink2:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad2">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
|
|
|
+ :key="index">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="product-template floor-grid-8 clearfix" v-if="temp.floorContent.templateType === '18'">
|
|
|
+ <div class="floor-main" :class="temp.isPageMore?'':'max'">
|
|
|
+ <div class="ad-box">
|
|
|
+ <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad1">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
|
|
|
+ :key="index">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '12'">
|
|
|
- <div class="page_floor_product">
|
|
|
- <div class="page_main page_grid_10 clearfix" :class="page.isPageMore ? '' : 'max'">
|
|
|
- <!-- 广告banner -->
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <div class="ad-img">
|
|
|
- <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="ad-img">
|
|
|
- <a :href="page.floorContent.adsLink3!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage3" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage3" alt="" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 产品列表 -->
|
|
|
- <section class="page_floor_item pro" v-for="(pros,index) in page.floorImageList" :key="index">
|
|
|
- <a :href="pros.link">
|
|
|
- <div class="page_header">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
- </div>
|
|
|
- <div class="page_footer">
|
|
|
- <div class="page_main_tag">
|
|
|
- <p v-if="pros.listType == 2">{{ pros.label }}</p>
|
|
|
- </div>
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
- </div>
|
|
|
- <div class="page_main_price">
|
|
|
- <div class="main_price_text" v-if="pros.listType == 1">
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
- <template v-if="pros.product.productCategory==1">
|
|
|
- <!--价格 第一种显示方式-->
|
|
|
- <template v-if="pros.product.price1TextFlag==1">
|
|
|
- <div class="price_text_tag clearfix">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥价格未公开</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第二种显示方式-->
|
|
|
- <template v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}<span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
- ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第三种显示方式-->
|
|
|
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥会员可见</div>
|
|
|
- </template>
|
|
|
- <!--价格 第四种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade">
|
|
|
- <span class="bold">￥</span>
|
|
|
- <i :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--价格 第五种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag"></div>
|
|
|
- <div class="main_price_unde" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
- <div class="main_price_unde" v-else>￥{{ pros.product.retailPrice | NumFormat }}</div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第六种显示方式-->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade"><span class="bold">￥</span><i :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
- </template>
|
|
|
- <!--价格 第七种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <em class="main_price_unde">￥登录可见</em>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </section>
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="product-template floor-grid-9 clearfix" v-if="temp.floorContent.templateType === '19'">
|
|
|
+ <div class="floor-main" :class="temp.isPageMore?'':'max'">
|
|
|
+ <div class="ad-box">
|
|
|
+ <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad1">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
|
|
|
+ :key="index">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="product-template floor-grid-10 clearfix" v-if="temp.floorContent.templateType === '20'">
|
|
|
+ <div class="floor-main" :class="temp.isPageMore?'':'max'">
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro" v-for="(pros , index) in temp.floorImageList"
|
|
|
+ :key="index">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ </div>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <div class="ad-box">
|
|
|
+ <a :href="temp.floorContent.adsLink1 !== ''?temp.floorContent.adsLink1:'javascript:void(0)'"
|
|
|
+ class="floor-item-ad ad1">
|
|
|
+ <img :src="temp.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
+ <img :src="temp.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="show-more" v-if="temp.isPageMore">
|
|
|
+ <div class="more-btn" @click="showMore(temp)">查看更多</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="swiper-box" v-if="temp.floorContent.templateType === '21'">
|
|
|
+ <template v-if="isPc">
|
|
|
+ <div class="swiper-container product-template floor-grid-11"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
|
|
|
+ <div class="swiper-wrapper floor-main">
|
|
|
+ <div class="swiper-slide no-swiping" v-for="(pros , index) in temp.floorImageList" :key="index">
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
</div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '13'">
|
|
|
- <div class="page_floor_product">
|
|
|
- <div class="page_main page_grid_11 clearfix" :class="page.isPageMore ? '' : 'max'">
|
|
|
- <!-- 广告banner -->
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <div class="ad-img">
|
|
|
- <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
- </a>
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice |
|
|
|
+ NumFormat}}</span>
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div class="ad-img">
|
|
|
- <a :href="page.floorContent.adsLink3!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage3" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage3" alt="" v-else>
|
|
|
- </a>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div class="ad-img pc_view">
|
|
|
- <a :href="page.floorContent.adsLink3!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage3" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage3" alt="" v-else>
|
|
|
- </a>
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- <div class="ad-img pc_view">
|
|
|
- <a :href="page.floorContent.adsLink4!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage4" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage4" alt="" v-else>
|
|
|
- </a>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 手机端 -->
|
|
|
- <div class="page_floor_item ad mobile_view">
|
|
|
- <a :href="page.floorContent.adsLink3!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage3" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage3" alt="" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="page_floor_item ad mobile_view">
|
|
|
- <a :href="page.floorContent.adsLink4!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage4" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage4" alt="" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <!-- 手机端END -->
|
|
|
- <!-- 产品列表 -->
|
|
|
- <section class="page_floor_item pro" v-for="(pros,index) in page.floorImageList" :key="index">
|
|
|
- <a :href="pros.link">
|
|
|
- <div class="page_header">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
</div>
|
|
|
- <div class="page_footer">
|
|
|
- <div class="page_main_tag">
|
|
|
- <p v-if="pros.listType == 2">{{ pros.label }}</p>
|
|
|
- </div>
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
- </div>
|
|
|
- <div class="page_main_price">
|
|
|
- <div class="main_price_text" v-if="pros.listType == 1">
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
- <template v-if="pros.product.productCategory==1">
|
|
|
- <!--价格 第一种显示方式-->
|
|
|
- <template v-if="pros.product.price1TextFlag==1">
|
|
|
- <div class="price_text_tag clearfix">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥价格未公开</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第二种显示方式-->
|
|
|
- <template v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}<span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
- ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第三种显示方式-->
|
|
|
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥会员可见</div>
|
|
|
- </template>
|
|
|
- <!--价格 第四种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade">
|
|
|
- <span class="bold">￥</span>
|
|
|
- <i :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--价格 第五种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag"></div>
|
|
|
- <div class="main_price_unde" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
- <div class="main_price_unde" v-else>￥{{ pros.product.retailPrice | NumFormat }}</div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第六种显示方式-->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade"><span class="bold">￥</span><i :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
- </template>
|
|
|
- <!--价格 第七种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <em class="main_price_unde">￥登录可见</em>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '14'">
|
|
|
- <div class="page_floor_product">
|
|
|
- <div class="page_main page_grid_7 clearfix" :class="page.isPageMore ? '' : 'max'">
|
|
|
- <!-- 广告banner -->
|
|
|
- <!-- 产品列表 -->
|
|
|
- <section class="page_floor_item pro" v-for="(pros,index) in page.floorImageList" :key="index">
|
|
|
- <a :href="pros.link">
|
|
|
- <div class="page_header">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
- </div>
|
|
|
- <div class="page_footer">
|
|
|
- <div class="page_main_tag">
|
|
|
- <p v-if="pros.listType == 2">{{ pros.label }}</p>
|
|
|
- </div>
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
- </div>
|
|
|
- <div class="page_main_price">
|
|
|
- <div class="main_price_text" v-if="pros.listType == 1">
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
- <template v-if="pros.product.productCategory==1">
|
|
|
- <!--价格 第一种显示方式-->
|
|
|
- <template v-if="pros.product.price1TextFlag==1">
|
|
|
- <div class="price_text_tag clearfix">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥价格未公开</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第二种显示方式-->
|
|
|
- <template v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}<span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
- ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第三种显示方式-->
|
|
|
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥会员可见</div>
|
|
|
- </template>
|
|
|
- <!--价格 第四种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade">
|
|
|
- <span class="bold">￥</span>
|
|
|
- <i :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--价格 第五种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag"></div>
|
|
|
- <div class="main_price_unde" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
- <div class="main_price_unde" v-else>￥{{ pros.product.retailPrice | NumFormat }}</div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第六种显示方式-->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade"><span class="bold">￥</span><i :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
- </template>
|
|
|
- <!--价格 第七种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <em class="main_price_unde">￥登录可见</em>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '15'">
|
|
|
- <div class="page_floor_product">
|
|
|
- <div class="page_main page_grid_4 clearfix" :class="page.isPageMore ? '' : 'max'">
|
|
|
- <!-- 广告banner -->
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
- </a>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊
|
|
|
</div>
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
- </a>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
</div>
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink3!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage3" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage3" alt="" v-else>
|
|
|
- </a>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- <!-- 产品列表 -->
|
|
|
- <section class="page_floor_item pro" v-for="(pros,index) in page.floorImageList" :key="index">
|
|
|
- <a :href="pros.link">
|
|
|
- <div class="page_header">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
- </div>
|
|
|
- <div class="page_footer">
|
|
|
- <div class="page_main_tag">
|
|
|
- <p v-if="pros.listType == 2">{{ pros.label }}</p>
|
|
|
- </div>
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
- </div>
|
|
|
- <div class="page_main_price">
|
|
|
- <div class="main_price_text" v-if="pros.listType == 1">
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
- <template v-if="pros.product.productCategory==1">
|
|
|
- <!--价格 第一种显示方式-->
|
|
|
- <template v-if="pros.product.price1TextFlag==1">
|
|
|
- <div class="price_text_tag clearfix">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥价格未公开</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第二种显示方式-->
|
|
|
- <template v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}<span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
- ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第三种显示方式-->
|
|
|
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥会员可见</div>
|
|
|
- </template>
|
|
|
- <!--价格 第四种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade">
|
|
|
- <span class="bold">￥</span>
|
|
|
- <i :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--价格 第五种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag"></div>
|
|
|
- <div class="main_price_unde" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
- <div class="main_price_unde" v-else>￥{{ pros.product.retailPrice | NumFormat }}</div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第六种显示方式-->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade"><span class="bold">￥</span><i :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
- </template>
|
|
|
- <!--价格 第七种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <em class="main_price_unde">￥登录可见</em>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '16'">
|
|
|
- <div class="page_floor_product">
|
|
|
- <div class="page_main page_grid_3 clearfix" :class="page.isPageMore ? '' : 'max'">
|
|
|
- <!-- 广告banner -->
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
- </a>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
</div>
|
|
|
- <!-- 产品列表 -->
|
|
|
- <section class="page_floor_item pro" v-for="(pros,index) in page.floorImageList" :key="index" :mr-normal="index+1 | marginRight">
|
|
|
- <a :href="pros.link">
|
|
|
- <div class="page_header">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
- </div>
|
|
|
- <div class="page_footer">
|
|
|
- <div class="page_main_tag">
|
|
|
- <p v-if="pros.listType == 2">{{ pros.label }}</p>
|
|
|
- </div>
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
- </div>
|
|
|
- <div class="page_main_price">
|
|
|
- <div class="main_price_text" v-if="pros.listType == 1">
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0 ">
|
|
|
- <template v-if="pros.product.productCategory==1">
|
|
|
- <!--价格 第一种显示方式-->
|
|
|
- <template v-if="pros.product.price1TextFlag==1">
|
|
|
- <div class="price_text_tag clearfix">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥价格未公开</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第二种显示方式-->
|
|
|
- <template v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}<span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
- ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第三种显示方式-->
|
|
|
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥会员可见</div>
|
|
|
- </template>
|
|
|
- <!--价格 第四种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade">
|
|
|
- <span class="bold">￥</span>
|
|
|
- <i :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--价格 第五种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag"></div>
|
|
|
- <div class="main_price_unde" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
- <div class="main_price_unde" v-else>￥{{ pros.product.retailPrice | NumFormat }}</div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第六种显示方式-->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade"><span class="bold">￥</span><i :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
- </template>
|
|
|
- <!--价格 第七种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <em class="main_price_unde">￥登录可见</em>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '17'">
|
|
|
- <div class="page_floor_product">
|
|
|
- <div class="page_main page_grid_2 clearfix" :class="page.isPageMore ? '' : 'max'">
|
|
|
- <!-- 广告banner -->
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage2" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage2" alt="" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <!-- 产品列表 -->
|
|
|
- <section class="page_floor_item pro" v-for="(pros,index) in page.floorImageList" :key="index">
|
|
|
- <a :href="pros.link">
|
|
|
- <div class="page_header">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
- </div>
|
|
|
- <div class="page_footer">
|
|
|
- <div class="page_main_tag">
|
|
|
- <p v-if="pros.listType == 2">{{ pros.label }}</p>
|
|
|
- </div>
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
- </div>
|
|
|
- <div class="page_main_price">
|
|
|
- <div class="main_price_text" v-if="pros.listType == 1">
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0 ">
|
|
|
- <template v-if="pros.product.productCategory==1">
|
|
|
- <!--价格 第一种显示方式-->
|
|
|
- <template v-if="pros.product.price1TextFlag==1">
|
|
|
- <div class="price_text_tag clearfix">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥价格未公开</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第二种显示方式-->
|
|
|
- <template v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}<span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
- ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第三种显示方式-->
|
|
|
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥会员可见</div>
|
|
|
- </template>
|
|
|
- <!--价格 第四种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade">
|
|
|
- <span class="bold">￥</span>
|
|
|
- <i :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--价格 第五种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag"></div>
|
|
|
- <div class="main_price_unde" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
- <div class="main_price_unde" v-else>￥{{ pros.product.retailPrice | NumFormat }}</div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第六种显示方式-->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade"><span class="bold">￥</span><i :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
- </template>
|
|
|
- <!--价格 第七种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <em class="main_price_unde">￥登录可见</em>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="swiper-container product-template floor-grid-11"
|
|
|
+ :id="'template-' + temp.floorContent.templateType + '-' + tIndex">
|
|
|
+ <div class="swiper-wrapper floor-main">
|
|
|
+ <div class="swiper-slide no-swiping clearfix" v-for="(list , index) in temp.floorImageList"
|
|
|
+ :key="index">
|
|
|
+ <a :href="pros.link" class="floor-item floor-item-pro" v-for="pros in list" :key="pros.id">
|
|
|
+ <div class="floor-item-cover">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
</div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '18'">
|
|
|
- <div class="page_floor_product">
|
|
|
- <div class="page_main page_grid_1 clearfix" :class="page.isPageMore ? '' : 'max'">
|
|
|
- <!-- 广告banner -->
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <!-- 产品列表 -->
|
|
|
- <a class="page_floor_item pro" :href="pros.link" v-for="(pros,index) in page.floorImageList" :key="index"
|
|
|
- :mr-normal="index+1 | marginRight">
|
|
|
- <div class="page_header">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ <div class="floor-item-text">
|
|
|
+ <!-- 商品标签 -->
|
|
|
+ <div class="pro-tags">
|
|
|
+ <!-- <span class="tag">优惠活动</span> -->
|
|
|
+ <span class="tag" v-if="pros.listType == 2">{{ pros.label }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- 商品名称 -->
|
|
|
+ <div class="pro-title">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
+ </div>
|
|
|
+ <!-- 商品价格 -->
|
|
|
+ <!-- listType：1：一手商品 2：二手商品 -->
|
|
|
+ <div class="pro-price" v-if="pros.listType == 1">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <template v-if="pros.product.productCategory==1">
|
|
|
+ <!-- 样式1 价格未公开-->
|
|
|
+ <template v-if="pros.product.price1TextFlag==1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">￥价格未公开</div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式2-->
|
|
|
+ <template
|
|
|
+ v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag" v-if="pros.product.actStatus==1">
|
|
|
+ {{pros.product.promotions.name}}
|
|
|
+ <span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice |
|
|
|
+ NumFormat}}</span>
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div class="page_footer">
|
|
|
- <!--商品标签-->
|
|
|
- <div class="page_main_tag">
|
|
|
- <p v-if="pros.listType == 2">{{ pros.label }}</p>
|
|
|
- </div>
|
|
|
- <!--商品名称-->
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
- </div>
|
|
|
- <!--商品价格区域-->
|
|
|
- <div class="page_main_price">
|
|
|
- <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
- <!--价格-->
|
|
|
- <div class="main_price_text" v-if="pros.listType == 1">
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
- <template v-if="pros.product.productCategory==1">
|
|
|
- <!--价格 第一种显示方式-->
|
|
|
- <template v-if="pros.product.price1TextFlag==1">
|
|
|
- <div class="price_text_tag clearfix">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥价格未公开</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第二种显示方式-->
|
|
|
- <template v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}<span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
- ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第三种显示方式-->
|
|
|
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥会员可见</div>
|
|
|
- </template>
|
|
|
- <!--价格 第四种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade">
|
|
|
- <span class="bold">￥</span>
|
|
|
- <i :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--价格 第五种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag"></div>
|
|
|
- <div class="main_price_unde" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
- <div class="main_price_unde" v-else>￥{{ pros.product.retailPrice | NumFormat }}</div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第六种显示方式-->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade"><span class="bold">￥</span><i :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
- </template>
|
|
|
- <!--价格 第七种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <em class="main_price_unde">￥登录可见</em>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="price" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
+ <span>
|
|
|
+ ￥{{(PromotionsFormat(pros.product.promotions) ? pros.product.price1
|
|
|
+ : pros.product.retailPrice) | NumFormat }}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '19'">
|
|
|
- <div class="page_floor_product">
|
|
|
- <div class="page_main page_grid_5 clearfix" :class="page.isPageMore ? '' : 'max'">
|
|
|
- <!-- 广告banner -->
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <!-- 产品列表 -->
|
|
|
- <section class="page_floor_item pro" v-for="(pros,index) in page.floorImageList" :key="index">
|
|
|
- <a :href="pros.link">
|
|
|
- <div class="page_header">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ </template>
|
|
|
+ <!-- 样式3 -->
|
|
|
+ <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- <div class="page_footer">
|
|
|
- <div class="page_main_tag">
|
|
|
- <p v-if="pros.listType == 2">{{ pros.label }}</p>
|
|
|
- </div>
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
- </div>
|
|
|
- <div class="page_main_price">
|
|
|
- <div class="main_price_text" v-if="pros.listType == 1">
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
- <template v-if="pros.product.productCategory==1">
|
|
|
- <!--价格 第一种显示方式-->
|
|
|
- <template v-if="pros.product.price1TextFlag==1">
|
|
|
- <div class="price_text_tag clearfix">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥价格未公开</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第二种显示方式-->
|
|
|
- <template v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}<span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
- ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第三种显示方式-->
|
|
|
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥会员可见</div>
|
|
|
- </template>
|
|
|
- <!--价格 第四种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade">
|
|
|
- <span class="bold">￥</span>
|
|
|
- <i :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--价格 第五种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag"></div>
|
|
|
- <div class="main_price_unde" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
- <div class="main_price_unde" v-else>￥{{ pros.product.retailPrice | NumFormat }}</div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第六种显示方式-->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade"><span class="bold">￥</span><i :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
- </template>
|
|
|
- <!--价格 第七种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <em class="main_price_unde">￥登录可见</em>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="price"><span>￥会员可见</span></div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式4 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag" v-if="pros.product.actStatus==1">
|
|
|
+ <span class="tag">{{pros.product.promotions.name}}</span>
|
|
|
</div>
|
|
|
- </a>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '20'">
|
|
|
- <div class="page_floor_product">
|
|
|
- <div class="page_main page_grid_6 clearfix" :class="page.isPageMore ? '' : 'max'">
|
|
|
- <!-- 产品列表 -->
|
|
|
- <section class="page_floor_item pro" v-for="(pros,index) in page.floorImageList" :key="index">
|
|
|
- <a :href="pros.link">
|
|
|
- <div class="page_header">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
+ <div class="price"><span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
</div>
|
|
|
- <div class="page_footer">
|
|
|
- <div class="page_main_tag">
|
|
|
- <p v-if="pros.listType == 2">{{ pros.label }}</p>
|
|
|
- </div>
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag" v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
- </div>
|
|
|
- <div class="page_main_price">
|
|
|
- <div class="main_price_text" v-if="pros.listType == 1">
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
- <template v-if="pros.product.productCategory==1">
|
|
|
- <!--价格 第一种显示方式-->
|
|
|
- <template v-if="pros.product.price1TextFlag==1">
|
|
|
- <div class="price_text_tag clearfix">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥价格未公开</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第二种显示方式-->
|
|
|
- <template v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}<span v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde" :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
- ￥{{ (PromotionsFormat(pros.product.promotions) ? pros.product.price1 : pros.product.retailPrice ) | NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第三种显示方式-->
|
|
|
- <template v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥会员可见</div>
|
|
|
- </template>
|
|
|
- <!--价格 第四种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade">
|
|
|
- <span class="bold">￥</span>
|
|
|
- <i :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--价格 第五种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag"></div>
|
|
|
- <div class="main_price_unde" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊</div>
|
|
|
- <div class="main_price_unde" v-else>￥{{ pros.product.retailPrice | NumFormat }}</div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第六种显示方式-->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag" v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade"><span class="bold">￥</span><i :class="'icon mIcon i'+pros.product.price1Grade"></i></div>
|
|
|
- </template>
|
|
|
- <!--价格 第七种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <em class="main_price_unde">￥登录可见</em>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </section>
|
|
|
- <!-- 广告banner -->
|
|
|
- <div class="page_floor_item ad">
|
|
|
- <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'">
|
|
|
- <img :src="page.floorContent.pcAdsImage1" alt="" v-if="isPc">
|
|
|
- <img :src="page.floorContent.appletsAdsImage1" alt="" v-else>
|
|
|
- </a>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 样式5 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price" v-if="pros.product.detailTalkFlag == '2'">￥价格详聊
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="section_page_more" v-if="page.isPageMore">
|
|
|
- <div class="more" @click="seeMore(page)"><i class="icon mIcon"></i>查看更多</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
- <template v-if="page.floorContent && page.floorContent.templateType == '21'">
|
|
|
- <div class="page_floor_product">
|
|
|
- <div class="page_main page_grid_8 clearfix">
|
|
|
- <!-- 产品列表 -->
|
|
|
- <div class="swiper-container" id="product_list_8">
|
|
|
- <div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide clearfix" v-for="(proList,index1) in page.floorImageList" :key="index1">
|
|
|
- <section class="page_floor_item pro" v-for="(pros,index2) in proList" :key="index2">
|
|
|
- <a :href="pros.link">
|
|
|
- <div class="page_header">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
|
|
|
- </div>
|
|
|
- <div class="page_footer">
|
|
|
- <div class="page_main_tag">
|
|
|
- <p v-if="pros.listType == 2">{{ pros.label }}</p>
|
|
|
- </div>
|
|
|
- <div class="page_main_text">
|
|
|
- <span class="tag"
|
|
|
- v-if="pros.product!=null && pros.product.beautyActFlag==1">美博会</span>{{pros.name}}
|
|
|
- </div>
|
|
|
- <div class="page_main_price">
|
|
|
- <div class="main_price_text" v-if="pros.listType == 1">
|
|
|
- <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
- <template v-if="pros.product.productCategory==1">
|
|
|
- <!--价格 第一种显示方式-->
|
|
|
- <template v-if="pros.product.price1TextFlag==1">
|
|
|
- <div class="price_text_tag clearfix">
|
|
|
- <p class="listTag"
|
|
|
- v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥价格未公开</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第二种显示方式-->
|
|
|
- <template
|
|
|
- v-if="(pros.product.price1TextFlag==0 && pros.product.userIdentity!=3) || pros.product.userIdentity==2 || (pros.product.userIdentity==3 && pros.product.shopID==GLOBAL_SHOP_ID)">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag"
|
|
|
- v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}<span
|
|
|
- v-if="pros.priceFlag != 1">:￥{{pros.product.retailPrice | NumFormat}}</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde"
|
|
|
- :class="PromotionsFormat(pros.product.promotions) ? 'none' : ''">
|
|
|
- ￥{{
|
|
|
- (PromotionsFormat(pros.product.promotions)
|
|
|
- ?
|
|
|
- pros.product.price1 :
|
|
|
- pros.product.retailPrice ) |
|
|
|
- NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第三种显示方式-->
|
|
|
- <template
|
|
|
- v-else-if="pros.product.price1TextFlag==2 && pros.product.userIdentity==4">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag"
|
|
|
- v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class="main_price_unde">￥会员可见</div>
|
|
|
- </template>
|
|
|
- <!--价格 第四种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag"
|
|
|
- v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}</p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade">
|
|
|
- <span class="bold">￥</span>
|
|
|
- <i :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <!--价格 第五种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <div class="price_text_tag"></div>
|
|
|
- <div class="main_price_unde"
|
|
|
- v-if="pros.product.detailTalkFlag == '2'">￥价格详聊
|
|
|
- </div>
|
|
|
- <div class="main_price_unde" v-else>￥{{
|
|
|
- pros.product.retailPrice
|
|
|
- | NumFormat }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <!--价格 第六种显示方式-->
|
|
|
- <template v-if="pros.product.productCategory == 1">
|
|
|
- <div class="price_text_tag">
|
|
|
- <p class="listTag"
|
|
|
- v-if="pros.product.actStatus==1">
|
|
|
- {{pros.product.promotions.name}}
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class=" price_grade"><span
|
|
|
- class="bold">￥</span><i
|
|
|
- :class="'icon mIcon i'+pros.product.price1Grade"></i>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!--价格 第七种显示方式-->
|
|
|
- <template v-else>
|
|
|
- <em class="main_price_unde">￥登录可见</em>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="cm-swiper-pagination"></div>
|
|
|
+ <div class="price" v-else>
|
|
|
+ <span>￥{{ pros.product.retailPrice | NumFormat }}</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <!-- 样式6 -->
|
|
|
+ <template v-if="pros.product.productCategory == 1">
|
|
|
+ <div class="price-tag">
|
|
|
+ <span class="tag"
|
|
|
+ v-if="pros.product.actStatus==1">{{pros.product.promotions.name}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span>￥</span>
|
|
|
+ <span class="p-icon" :class="'i'+pros.product.price1Grade"></span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- 样式7 -->
|
|
|
+ <template v-else>
|
|
|
+ <div class="price-tag"></div>
|
|
|
+ <div class="price"><span>￥登录可见</span></div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- <!--###############################-->
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
</div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <!-- 大图弹窗 -->
|
|
|
- <div class="popup" style="display: none;">
|
|
|
- <div class="show_popup">
|
|
|
- <div class="bg_icon"><i class="icon mIcon"></i></div>
|
|
|
- <div class="bg_img"><img src=""></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
-</div>
|
|
|
-
|
|
|
-<!-- 引入底部 -->
|
|
|
-<template th:replace="components/footer"></template>
|
|
|
-<template th:replace="components/foot-link"></template>
|
|
|
-<script charset="utf-8" type="text/javascript"
|
|
|
- th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
|
|
|
-<script charset="utf-8" type="text/javascript" th:src="@{/js/activity/activityTopic.js(v=${version})}"></script>
|
|
|
+ <!-- 引入底部 -->
|
|
|
+ <template th:replace="components/footer"></template>
|
|
|
+ <template th:replace="components/foot-link"></template>
|
|
|
+ <script charset="utf-8" type="text/javascript"
|
|
|
+ th:src="@{/js/common/serviceapi/product.service.js(v=${version})}"></script>
|
|
|
+ <script charset="utf-8" type="text/javascript" th:src="@{/js/activity/activityTopic.js(v=${version})}"></script>
|
|
|
</body>
|
|
|
+
|
|
|
</html>
|
yuwenjun