|
|
@@ -4,16 +4,1657 @@
|
|
|
<html>
|
|
|
<head>
|
|
|
<template th:replace="components/head-link"></template>
|
|
|
+ <link href="/lib/swiper.min.css" media="screen and (min-width:768px)" rel="stylesheet" type="text/css">
|
|
|
<link th:href="@{/css/activity/activityTopic.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
<title>活动专题页面</title>
|
|
|
</head>
|
|
|
<body>
|
|
|
+<!-- 引用头部 -->
|
|
|
+<template th:replace="components/header"></template>
|
|
|
|
|
|
+<div id="activity" class="activity">
|
|
|
+ <!-- loading -->
|
|
|
+ <div v-if="listLoading" class="loading">
|
|
|
+ <img src="/img/base/loading.gif">
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <!--活动主题图片-->
|
|
|
+ <div class="banner" v-if="pageInfo">
|
|
|
+ <img :src="pageInfo.headImage" v-if="isPC">
|
|
|
+ <img :src="pageInfo.crmHeadImage" v-else>
|
|
|
+ </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>
|
|
|
+ </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>
|
|
|
+ </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>
|
|
|
+ </div>
|
|
|
+ </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>
|
|
|
+
|
|
|
+ </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>
|
|
|
+ </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="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>
|
|
|
+ <!--###############################-->
|
|
|
+
|
|
|
+ <!--文章楼层模板区域-->
|
|
|
+ <!--###############################-->
|
|
|
+ <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="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>
|
|
|
+ <!-- 查看更多 -->
|
|
|
+ <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 == '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="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>
|
|
|
+ </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="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>
|
|
|
+ </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="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>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!--###############################-->
|
|
|
+
|
|
|
+ <!--商品楼层模板区域-->
|
|
|
+ <!--###############################-->
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ </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 == '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>
|
|
|
+ <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 == '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>
|
|
|
+ <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 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>
|
|
|
+ </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>
|
|
|
+ </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>
|
|
|
+ <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>
|
|
|
+ </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>
|
|
|
+ <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>
|
|
|
+ </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>
|
|
|
+ <!-- 产品列表 -->
|
|
|
+ <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>
|
|
|
+ </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>
|
|
|
+ </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>
|
|
|
+ <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>
|
|
|
+ </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">
|
|
|
+ </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 == '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>
|
|
|
+ <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>
|
|
|
+ </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>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!--###############################-->
|
|
|
+ </div>
|
|
|
+ </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>
|
|
|
+
|
|
|
+<!-- 引入底部 -->
|
|
|
<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/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
