Commit fb991480 authored by huangyuanyuan's avatar huangyuanyuan
parents 8c7df811 669ceab8
a{
text-decoration: none;
}
.MemberCenter .level_info .left{ .MemberCenter .level_info .left{
padding: 20px; padding: 20px;
background-color: #414352; background-color: #414352;
...@@ -157,12 +160,15 @@ ...@@ -157,12 +160,15 @@
.shangpin .content .left,.shangpin .content .right{ .shangpin .content .left,.shangpin .content .right{
height: 412px; height: 412px;
} }
.shangpin .content .left>div{ .shangpin .content .left>div{
background-color: gray;
padding: 20px; padding: 20px;
width: 183px; width: 183px;
height: 372px; height: 372px;
color: white; color: white;
background-position:center center;
background-repeat:no-repeat ;
background-color: rgba(0, 0, 0, 0.18);
cursor: pointer;
} }
.shangpin .content .left>div h4{ .shangpin .content .left>div h4{
font-size: 16px; font-size: 16px;
...@@ -198,8 +204,16 @@ ...@@ -198,8 +204,16 @@
.shangpin .content .right .top .item .img { .shangpin .content .right .top .item .img {
width: 200px; width: 200px;
height: 164px; height: 164px;
background-color: gray; background-color: rgba(0, 0, 0, 0.18);
margin-top: 13px; margin-top: 13px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: pointer;
}
.shangpin .content .right .top .item .img img{
max-height: 100%;
} }
.shangpin .content .right .bottom{ .shangpin .content .right .bottom{
margin-top: 20px; margin-top: 20px;
...@@ -211,7 +225,15 @@ ...@@ -211,7 +225,15 @@
.shangpin .content .right .bottom .item .img { .shangpin .content .right .bottom .item .img {
width: 120px; width: 120px;
height: 120px; height: 120px;
background-color: gray; background-color: rgba(0, 0, 0, 0.18);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: pointer;
}
.shangpin .content .right .bottom .item .img img{
max-height: 100%;
} }
.shangpin .content .right .bottom .item ._r{ .shangpin .content .right .bottom .item ._r{
margin-left: 20px margin-left: 20px
......
...@@ -119,7 +119,7 @@ ul,li{list-style: none;} ...@@ -119,7 +119,7 @@ ul,li{list-style: none;}
} }
.new_header_nav_two ._phone .icon-dianhua1{ .new_header_nav_two ._phone .icon-dianhua1{
font-size: 30px; font-size: 30px;
color: #FFA835; color: #FF8800;
} }
.new_header_nav_two ._phone>div:nth-child(2){ .new_header_nav_two ._phone>div:nth-child(2){
padding-left: 10px; padding-left: 10px;
...@@ -129,10 +129,10 @@ ul,li{list-style: none;} ...@@ -129,10 +129,10 @@ ul,li{list-style: none;}
color: #999999; color: #999999;
} }
.new_header_nav_two ._phone ._phone_text .icon-xia{ .new_header_nav_two ._phone ._phone_text .icon-xia{
color: #FFA835; color: #FF8800;
} }
.new_header_nav_two ._phone ._phone_num{ .new_header_nav_two ._phone ._phone_num{
color: #FFA835; color: #FF8800;
font-family: 'PingFangR'; font-family: 'PingFangR';
} }
/* 三级样式 */ /* 三级样式 */
......
<template> <template>
<div class="Indepentdent"> <div class="Indepentdent" >
<div class="top_img"> <div class="top_img">
<el-carousel class="carousel" arrow="always" style="height:100%" :interval="10000" trigger="click"> <el-carousel class="carousel" arrow="always" style="height:100%" :interval="10000" trigger="click">
<el-carousel-item v-for="item in slideList" :key="item.url"> <el-carousel-item v-for="item in slideList" :key="item.url">
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<!-- <div class="boxCont"></div> --> <!-- <div class="boxCont"></div> -->
</div> </div>
</div> </div>
<el-row class="back_middle"> <el-row class="back_middle" :style="{zoom: zoom}">
<img class="left1" src="../../assets/img/travel/left1.png" alt> <img class="left1" src="../../assets/img/travel/left1.png" alt>
<img class="right1" src="../../assets/img/travel/right1.png" alt> <img class="right1" src="../../assets/img/travel/right1.png" alt>
<el-row class="max-w1500" :gutter="0"> <el-row class="max-w1500" :gutter="0">
...@@ -368,9 +368,12 @@ export default { ...@@ -368,9 +368,12 @@ export default {
TreatmentList:[], TreatmentList:[],
HotCrashList:[], HotCrashList:[],
isLogin:0, isLogin:0,
zoom: 1,
}; };
}, },
created(){ created(){
let Height = window.innerHeight
this.zoom = Math.round((Height/1080) * 100) / 100
this.isLogin=this.$store.state.isLogin; this.isLogin=this.$store.state.isLogin;
}, },
mounted() { mounted() {
...@@ -942,6 +945,9 @@ p { ...@@ -942,6 +945,9 @@ p {
._top_box .wrap2{ ._top_box .wrap2{
background:rgba(71,165,255,1); background:rgba(71,165,255,1);
cursor: pointer; cursor: pointer;
/* position: relative;
right: -80px;
top: -60px; */
} }
._top_box .wrap2 .common{ ._top_box .wrap2 .common{
background:rgba(71,165,255,1); background:rgba(71,165,255,1);
......
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
} }
</style> </style>
<template> <template>
<el-row class="hot"> <el-row class="hot" v-if="data[0]">
<div class="box"> <div class="box">
<img src="../../../assets/img/groupTour/hot_img.png" alt=""> <img src="../../../assets/img/groupTour/hot_img.png" alt="">
<div> <div>
......
...@@ -429,7 +429,6 @@ export default { ...@@ -429,7 +429,6 @@ export default {
}, },
jiCha: function () { jiCha: function () {
let cha = 5 - this.dataList.pageData.length let cha = 5 - this.dataList.pageData.length
console.log(cha)
this.chaList = []; this.chaList = [];
for(let i = 0; i < cha; i ++) { for(let i = 0; i < cha; i ++) {
this.chaList.push(i) this.chaList.push(i)
......
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<el-row class="IntegralMall"> <el-row class="IntegralMall">
<el-row class="w1180"> <el-row class="w1180">
<IntegralHead/> <IntegralHead/>
<div class="_block" v-for="item in dataList" v-if="item.activityId==1"> <div class="_block" v-for="(item,index) in dataList" v-if="item.activityId==1">
<el-row class="tit"> <el-row class="tit">
<div> <div>
<img :src="item.activityImg" alt=""> <img :src="item.activityImg" alt="">
...@@ -49,11 +49,11 @@ ...@@ -49,11 +49,11 @@
<div class="_block" v-for="item in ClassifyGoodsList"> <div class="_block" v-for="item in ClassifyGoodsList">
<el-row class="tit"> <el-row class="tit">
<div> <div>
<img :src="item.typeIcon" alt=""> <img :src="item.typeLog" alt="">
<p>{{item.typeName}}</p> <p>{{item.typeName}}</p>
</div> </div>
</el-row> </el-row>
<commodity2 :data="item"/> <commodity2 :data="item" :typeImg="item.typeImg"/>
</div> </div>
</el-row> </el-row>
</el-row> </el-row>
...@@ -89,7 +89,7 @@ export default { ...@@ -89,7 +89,7 @@ export default {
var num = 0; var num = 0;
this.ClassifyGoodsList.forEach(x=>{ this.ClassifyGoodsList.forEach(x=>{
if(x.list.length<8){ if(x.list.length<8){
num=8-x.list.length; num=8 -x.list.length;
}else{ }else{
num=0; num=0;
} }
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<template> <template>
<el-row class="IntegralHead"> <el-row class="IntegralHead">
<div class="top_img"> <div class="top_img">
<img src="../../../assets/img/ps/IntegralHead.png" alt=""> <img src="../../../assets/img/ps/IntegralHead.jpg" alt="">
</div> </div>
<el-row class="bottom_class"> <el-row class="bottom_class">
<template v-for="item in dataList"> <template v-for="item in dataList">
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
height: 480px; height: 480px;
align-items: center; align-items: center;
display: flex; display: flex;
background-color: #c1c1c1; background-color:white;
} }
.commodity2 .commodity2_left .l_img .see_all{ .commodity2 .commodity2_left .l_img .see_all{
position: absolute; position: absolute;
...@@ -32,8 +32,7 @@ ...@@ -32,8 +32,7 @@
cursor: pointer; cursor: pointer;
} }
.commodity2 .commodity2_left .l_img img{ .commodity2 .commodity2_left .l_img img{
/* height: 480px; */ height: 480px;
width: 100%;
} }
.commodity2 .commodity2_right .r_item{ .commodity2 .commodity2_right .r_item{
height: 240px; height: 240px;
...@@ -41,6 +40,8 @@ ...@@ -41,6 +40,8 @@
border: 1px solid rgba(236, 236, 236, 1); border: 1px solid rgba(236, 236, 236, 1);
border-right: none; border-right: none;
border-top: none; border-top: none;
box-sizing: border-box;
padding: 0 10px;
} }
.commodity2 .commodity2_right .r_item>div img{ .commodity2 .commodity2_right .r_item>div img{
max-height: 150px; max-height: 150px;
...@@ -48,7 +49,11 @@ ...@@ -48,7 +49,11 @@
max-width: 80%; max-width: 80%;
} }
.commodity2 .commodity2_right .r_item p{ .commodity2 .commodity2_right .r_item p{
font-size: 12px font-size: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} }
.commodity2 .commodity2_right .r_item p:nth-child(3){ .commodity2 .commodity2_right .r_item p:nth-child(3){
color: #FF0101; color: #FF0101;
...@@ -56,6 +61,9 @@ ...@@ -56,6 +61,9 @@
} }
.commodity2 .r_item_img_box{ .commodity2 .r_item_img_box{
height: 175px; height: 175px;
display: flex;
align-items: center;
justify-content: center;
} }
.comCanClick{ .comCanClick{
cursor: pointer; cursor: pointer;
...@@ -65,13 +73,13 @@ ...@@ -65,13 +73,13 @@
<el-row class="commodity2"> <el-row class="commodity2">
<el-col :span="5" class="commodity2_left"> <el-col :span="5" class="commodity2_left">
<div class="l_img"> <div class="l_img">
<img :src="data.list[0].Images.split(',')[0]" alt=""> <img :src="typeImg" alt=""/>
<span class="see_all" @click="goList(data.typeId)">查看全部 ></span> <span class="see_all" @click="goList(data.typeId)">查看全部 ></span>
</div> </div>
</el-col> </el-col>
<el-col :span="19" class="commodity2_right"> <el-col :span="19" class="commodity2_right">
<el-row> <el-row>
<template v-for="item in data.list"> <template v-for="(item,index) in data.list" v-if="index<9">
<el-col :span="6" class="r_item"> <el-col :span="6" class="r_item">
<div @click="goDetail(item.Id)" :class="{'comCanClick':item.Id}"> <div @click="goDetail(item.Id)" :class="{'comCanClick':item.Id}">
<div class="r_item_img_box"> <div class="r_item_img_box">
...@@ -90,7 +98,7 @@ ...@@ -90,7 +98,7 @@
export default { export default {
components: { components: {
}, },
props:['data'], props:['data',"typeImg"],
data(){ data(){
return{ return{
list: [1,2,3,4,5,6,7,8] list: [1,2,3,4,5,6,7,8]
......
...@@ -32,6 +32,10 @@ ...@@ -32,6 +32,10 @@
margin-top: 16px; margin-top: 16px;
color: #333333; color: #333333;
font-size: 13px; font-size: 13px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} }
.list_item p._num{ .list_item p._num{
color: #999999; color: #999999;
......
...@@ -241,7 +241,7 @@ ...@@ -241,7 +241,7 @@
</div> </div>
<div class="pro_title"> <div class="pro_title">
<div class="pro_T1"> <div class="pro_T1">
<el-dropdown trigger="click" @command="handleCommandTwo"> <el-dropdown trigger="click" @command="handleCommandTwo" style="display:none;">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
{{orderTime}} {{orderTime}}
<i class="el-icon-arrow-down el-icon--right"></i> <i class="el-icon-arrow-down el-icon--right"></i>
......
...@@ -165,6 +165,9 @@ ...@@ -165,6 +165,9 @@
.pd_bottom_detail_right img{ .pd_bottom_detail_right img{
max-width: 100%; max-width: 100%;
} }
.pd_bottom_detail_right .pd_img_box{
text-align: center;
}
.pd_quota{ .pd_quota{
font-size:12px; font-size:12px;
color:#666666; color:#666666;
...@@ -202,9 +205,10 @@ ...@@ -202,9 +205,10 @@
<p class="_price">售价<span class="jifen">¥ <span>{{detail.price}}</span> {{detail.priceUnit === 1 ? '现金' : '积分'}}</span></p> <p class="_price">售价<span class="jifen">¥ <span>{{detail.price}}</span> {{detail.priceUnit === 1 ? '现金' : '积分'}}</span></p>
<div class="_numbers"> <div class="_numbers">
<span class="_numbers_name">数量</span> <span class="_numbers_name">数量</span>
<el-input-number v-model="numbers" :min="1" :max="detail.quota === 0 ? 0 : detail.quota" size="mini"></el-input-number> <el-input-number v-model="numbers" :min="1" v-if="detail.quota==0" size="mini"></el-input-number>
<el-input-number v-model="numbers" :min="1" v-else :max="detail.quota" size="mini"></el-input-number>
</div> </div>
<div class="pd_quota"> <div class="pd_quota" v-if="detail.quota!=0">
限购数量:{{detail.quota}} 限购数量:{{detail.quota}}
</div> </div>
<div class="_yunfei"> <div class="_yunfei">
...@@ -231,7 +235,7 @@ ...@@ -231,7 +235,7 @@
<div v-html="detail.description"> <div v-html="detail.description">
</div> </div>
<div> <div class="pd_img_box">
<template v-for="item in detail.deImgArr"> <template v-for="item in detail.deImgArr">
<img :src="item" alt=""> <img :src="item" alt="">
</template> </template>
......
...@@ -102,6 +102,8 @@ ...@@ -102,6 +102,8 @@
margin-bottom: 15px; margin-bottom: 15px;
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor: pointer;
box-sizing: border-box;
width: 228px;
} }
.productList .list_item .list_item_box .img_box{ .productList .list_item .list_item_box .img_box{
width: 188px; width: 188px;
...@@ -118,7 +120,12 @@ ...@@ -118,7 +120,12 @@
max-height: 146px; max-height: 146px;
} }
.productList .list_item .list_item_box ._name{ .productList .list_item .list_item_box ._name{
width:180px;
margin: 15px 0 15px 0; margin: 15px 0 15px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} }
.productList .list_item .list_item_box ._num{ .productList .list_item .list_item_box ._num{
color: #FF0101 color: #FF0101
...@@ -191,7 +198,7 @@ ...@@ -191,7 +198,7 @@
<div class="img_box"> <div class="img_box">
<img :src="item.images.split(',')[0]" alt=""> <img :src="item.images.split(',')[0]" alt="">
</div> </div>
<p class="_name">{{item.name}}</p> <p class="_name" :title="item.name">{{item.name}}</p>
<p class="_num">¥ {{item.price}}积分</p> <p class="_num">¥ {{item.price}}积分</p>
</div> </div>
</div> </div>
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<ul ref="Changeimg"> <ul ref="Changeimg">
<li v-if="index<10" @mouseover="LiHover(item,index)" :class="imgHover==index?'liActive':''" v-for="(item,index) in dataDes.coverImgs" :key="index" > <li v-if="index<10" @mouseover="LiHover(item,index)" :class="imgHover==index?'liActive':''" v-for="(item,index) in dataDes.coverImgs" :key="index" >
<a href="#"> <a>
<img :src='compressImg(item, "filt", 77, "")' :onerror="defaultImg" alt=""> <img :src='compressImg(item, "filt", 77, "")' :onerror="defaultImg" alt="">
</a> </a>
......
...@@ -53,16 +53,16 @@ ...@@ -53,16 +53,16 @@
<el-dropdown-item @click.native="goUrl('newPersonalCenter', '9-1')">定制游</el-dropdown-item> <el-dropdown-item @click.native="goUrl('newPersonalCenter', '9-1')">定制游</el-dropdown-item>
<el-dropdown-item @click.native="goUrl('newPersonalCenter', '8-1')">订单中心</el-dropdown-item> <el-dropdown-item @click.native="goUrl('newPersonalCenter', '8-1')">订单中心</el-dropdown-item>
<el-dropdown-item @click.native="goUrl('newPersonalCenter', '3-1')">个人信息</el-dropdown-item> <el-dropdown-item @click.native="goUrl('newPersonalCenter', '3-1')">个人信息</el-dropdown-item>
<el-dropdown-item @click.native="">我的积分</el-dropdown-item> <el-dropdown-item @click.native="goUrl('integral')">我的积分</el-dropdown-item>
<el-dropdown-item @click.native="">我的优惠券</el-dropdown-item> <el-dropdown-item @click.native="goUrl('newPersonalCenter', '5')">我的优惠券</el-dropdown-item>
<el-dropdown-item @click.native="">我的奖品</el-dropdown-item> <!-- <el-dropdown-item @click.native="">我的奖品</el-dropdown-item>
<el-dropdown-item @click.native="">活动中心</el-dropdown-item> <el-dropdown-item @click.native="">活动中心</el-dropdown-item> -->
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<span class="__splice">|</span> <span class="__splice">|</span>
</li> </li>
<!-- 我的订单 --> <!-- 我的订单 -->
<li v-if='user.account'> <!-- <li v-if='user.account'>
<el-dropdown trigger="click" placement="bottom-start"> <el-dropdown trigger="click" placement="bottom-start">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<span class="__cp">我的订单<i class="iconfont icon-xia"></i></span> <span class="__cp">我的订单<i class="iconfont icon-xia"></i></span>
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<span class="__splice">|</span> <span class="__splice">|</span>
</li> </li> -->
<li> <li>
<span class="__cp">客服中心</span> <span class="__cp">客服中心</span>
<span class="__splice">|</span> <span class="__splice">|</span>
...@@ -102,13 +102,13 @@ ...@@ -102,13 +102,13 @@
<el-select v-model="city" placeholder="请选择" class="w85" size="mini" @change="changeSite"> <el-select v-model="city" placeholder="请选择" class="w85" size="mini" @change="changeSite">
<el-option v-for="item in sites" :key="item.companyId" :label="item.siteName" :value="item.companyId"></el-option> <el-option v-for="item in sites" :key="item.companyId" :label="item.siteName" :value="item.companyId"></el-option>
</el-select> </el-select>
<el-select v-model="select" slot="prepend" size="small" class="w100" placeholder="请选择"> <el-select v-model="select" slot="prepend" size="mini" class="w100" placeholder="请选择">
<el-option label="旅游" value="1"></el-option> <el-option label="旅游" value="1"></el-option>
<el-option label="酒店" value="2"></el-option> <!-- <el-option label="酒店" value="2"></el-option> -->
<el-option label="机票" value="3"></el-option> <el-option label="机票" value="3"></el-option>
</el-select> </el-select>
<span class="_splice"></span> <span class="_splice"></span>
<el-input class="wb60" placeholder="搜索旅行地/酒店/旅游/门票/签证" size="small" @keyup.enter='goSearch' v-model="searchText"></el-input> <el-input class="wb60" placeholder="搜索旅行地/酒店/旅游/门票/签证" size="mini" @keyup.enter='goSearch' v-model="searchText"></el-input>
<span class="_search_btn __cp" @click="goSearch"> <i class="iconfont icon-search"></i></span> <span class="_search_btn __cp" @click="goSearch"> <i class="iconfont icon-search"></i></span>
</div> </div>
</el-col> </el-col>
...@@ -119,7 +119,8 @@ ...@@ -119,7 +119,8 @@
<i class="iconfont icon-dianhua1"></i> <i class="iconfont icon-dianhua1"></i>
</div> </div>
<div> <div>
<p class="_phone_text"><span class="__cp">客服服务电话<i class="iconfont icon-xia"></i></span></p> <!-- <i class="iconfont icon-xia"></i> -->
<p class="_phone_text"><span class="__cp">客服服务电话</span></p>
<p class="_phone_num">028-62051755</p> <p class="_phone_num">028-62051755</p>
</div> </div>
</div> </div>
...@@ -375,7 +376,7 @@ export default { ...@@ -375,7 +376,7 @@ export default {
} }
if(localStorage.navActive){ if(localStorage.navActive){
this.navActive = localStorage.navActive this.navActive = localStorage.navActive
} }
} }
} }
</script> </script>
...@@ -414,6 +414,7 @@ export default { ...@@ -414,6 +414,7 @@ export default {
loadRecoItems(){ loadRecoItems(){
if(this.companyId!=-1){ if(this.companyId!=-1){
this.apipost('b2b_get_GetGroupSearchItem',{'companyId':this.companyId},r=>{ this.apipost('b2b_get_GetGroupSearchItem',{'companyId':this.companyId},r=>{
console.log(r)
this.lines=r.data.data.line this.lines=r.data.data.line
......
...@@ -38,62 +38,48 @@ ...@@ -38,62 +38,48 @@
</el-carousel> </el-carousel>
</el-row> </el-row>
</el-row> </el-row>
<el-row class="shangpin"> <el-row class="shangpin" v-if="ActivityClassifyGoodsList.length > 1">
<el-row class="tit"> <el-row class="tit">
<div> <div>
<p><i class="iconfont icon-mudedi"></i>热门兑换商品</p> <p><i class="iconfont icon-mudedi"></i>热门兑换商品</p>
<span>更多&nbsp;></span> <router-link to='IntegralMall'><span>更多&nbsp;></span></router-link>
</div> </div>
</el-row> </el-row>
<el-row class="content"> <el-row class="content">
<el-col :span="6" class="left"> <el-col :span="6" class="left">
<div> <div :style="{backgroundImage: `url(${ActivityClassifyGoodsList[0].Images.split(',')[0]})`}" @click="goUrl(ActivityClassifyGoodsList[0].Id)">
<h4>观影立减25元</h4> <h4>{{ActivityClassifyGoodsList[0].name}}</h4>
<p>仅限猫眼、美团购电影票</p> <p v-html="ActivityClassifyGoodsList[0].Description"></p>
</div> </div>
</el-col> </el-col>
<el-col :span="18" class="right"> <el-col :span="18" class="right">
<el-row class="top" :gutter="16"> <el-row class="top" :gutter="16">
<el-col :span="8" class="item"> <template v-for="(item, index) in ActivityClassifyGoodsList">
<p class="name">利仁电饼铛家用双面加热</p> <el-col :span="8" class="item" v-if="index > 0 && index < 4" >
<p class="jifen">兑换价:1000积分</p> <div @click="goUrl(item.Id)">
<p class="line"><span></span></p> <p class="name">{{item.name}}</p>
<div class="img"></div> <p class="jifen">兑换价:{{item.Price}}积分</p>
</el-col> <p class="line"><span></span></p>
<el-col :span="8" class="item"> <div class="img">
<p class="name">利仁电饼铛家用双面加热</p> <img :src="item.Images.split(',')[0]" alt="">
<p class="jifen">兑换价:1000积分</p> </div>
<p class="line"><span></span></p> </div>
<div class="img"></div> </el-col>
</el-col> </template>
<el-col :span="8" class="item">
<p class="name">利仁电饼铛家用双面加热</p>
<p class="jifen">兑换价:1000积分</p>
<p class="line"><span></span></p>
<div class="img"></div>
</el-col>
</el-row> </el-row>
<el-row class="bottom" :gutter="16"> <el-row class="bottom" :gutter="16">
<el-col :span="12" class="item"> <template v-for="(item, index) in ActivityClassifyGoodsList">
<div class="img"> <el-col :span="12" class="item" v-if="index > 3 && index < 6" >
<div class="img" @click="goUrl(item.Id)">
</div> <img :src="item.Images.split(',')[0]" alt="">
<div class="_r"> </div>
<p class="name">利仁电饼铛家用双面加热</p> <div class="_r" @click="goUrl(item.Id)">
<p class="jifen">兑换价:1000积分</p> <p class="name">{{item.name}}</p>
<p class="line"><span></span></p> <p class="jifen">兑换价:{{item.Price}}积分</p>
</div> <p class="line"><span></span></p>
</el-col> </div>
<el-col :span="12" class="item"> </el-col>
<div class="img"> </template>
</div>
<div class="_r">
<p class="name">利仁电饼铛家用双面加热</p>
<p class="jifen">兑换价:1000积分</p>
<p class="line"><span></span></p>
</div>
</el-col>
</el-row> </el-row>
</el-col> </el-col>
</el-row> </el-row>
...@@ -116,6 +102,7 @@ export default { ...@@ -116,6 +102,7 @@ export default {
showRule: false, showRule: false,
point: 0, point: 0,
userInfo: {}, userInfo: {},
ActivityClassifyGoodsList: [],
iconList: [ iconList: [
{ {
list: ['icon-qiandaotequan','icon-dikoutequan','icon-yudingjiangli'] list: ['icon-qiandaotequan','icon-dikoutequan','icon-yudingjiangli']
...@@ -142,9 +129,32 @@ export default { ...@@ -142,9 +129,32 @@ export default {
this.userInfo = this.getLocalStorage(); this.userInfo = this.getLocalStorage();
this.getUserMemberExp() this.getUserMemberExp()
this.getUserAllJursdictions() this.getUserAllJursdictions()
this.getActivityClassifyGoods()
}, },
methods: { methods: {
goUrl: function (id) {
this.$router.push({ path: 'productDetail', query: {id: id}})
},
// 获取商品活动
getActivityClassifyGoods: function () {
this.apiJavaPost(
"/api/goodsMarket/getActivityClassifyGoods",
{},
res => {
if (res.data.resultCode == 1) {
let data = res.data.data
data.forEach(x=>{
if (x.activityName === '热门活动') {
this.ActivityClassifyGoodsList = x.list
}
})
} else {
this.Error(res.data.message);
}
},
null
);
},
// 获取用户所有特权 // 获取用户所有特权
getUserAllJursdictions: function () { getUserAllJursdictions: function () {
this.apiJavaPost( this.apiJavaPost(
...@@ -152,7 +162,6 @@ export default { ...@@ -152,7 +162,6 @@ export default {
{customer: this.userInfo.customerId}, {customer: this.userInfo.customerId},
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
// console.log(res)
this.UserAllJursdictionsList = res.data.data this.UserAllJursdictionsList = res.data.data
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
...@@ -168,7 +177,6 @@ export default { ...@@ -168,7 +177,6 @@ export default {
{customer: this.userInfo.customerId}, {customer: this.userInfo.customerId},
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
// console.log(res)
let UserMemberExp = res.data.data let UserMemberExp = res.data.data
let getExpArr = [0] let getExpArr = [0]
let getExpTimeArr = [{value: '-'}] let getExpTimeArr = [{value: '-'}]
......
...@@ -11,10 +11,17 @@ ...@@ -11,10 +11,17 @@
color: #333333; color: #333333;
} }
.commodity .info ._name{ .commodity .info ._name{
padding: 15px 0 10px 0; margin:15px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 14px;
color:#333;
} }
.commodity .info ._detais{ .commodity .info ._detais{
color: #999999; color: #999999;
font-size:14px;
} }
.commodity .small{ .commodity .small{
text-align: center; text-align: center;
...@@ -24,6 +31,8 @@ ...@@ -24,6 +31,8 @@
color: #333333; color: #333333;
width:229px; width:229px;
height:241px; height:241px;
box-sizing: border-box;
padding: 0 10px;
} }
.commodity .small:last-child{ .commodity .small:last-child{
width:230px; width:230px;
...@@ -34,9 +43,17 @@ ...@@ -34,9 +43,17 @@
} }
.commodity .small ._name{ .commodity .small ._name{
margin: 5px 0 10px 0; margin: 5px 0 10px 0;
padding:0 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size:12px;
color:#333;
} }
.commodity .small ._detais{ .commodity .small ._detais{
color: #999999; color: #999999;
font-size:12px;
} }
.commodity .medium{ .commodity .medium{
padding: 29px ; padding: 29px ;
...@@ -48,9 +65,20 @@ ...@@ -48,9 +65,20 @@
} }
.commodity .medium ._name{ .commodity .medium ._name{
margin: 5px 0 15px 0; margin: 5px 0 15px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size:12px;
color:#333;
} }
.commodity .medium ._detais{ .commodity .medium ._detais{
color: #999999; color: #999999;
font-size:12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} }
.com_bigImg{ .com_bigImg{
max-width: 357px; max-width: 357px;
...@@ -63,7 +91,7 @@ ...@@ -63,7 +91,7 @@
min-height:480px;border-right:1px solid #ECECEC; min-height:480px;border-right:1px solid #ECECEC;
} }
.commodity .r_item_img_box{ .commodity .r_item_img_box{
min-height: 175px; min-height: 170px;
} }
.r_item_btmBox{ .r_item_btmBox{
min-height: 135px; min-height: 135px;
...@@ -71,16 +99,21 @@ ...@@ -71,16 +99,21 @@
.comCanClick{ .comCanClick{
cursor: pointer; cursor: pointer;
} }
.commodity .com_bigImg_box{
display: flex;
align-items: center;
justify-content: center;
}
</style> </style>
<template> <template>
<el-row class="commodity"> <el-row class="commodity">
<el-col :span="10" class="com_BigDiv"> <el-col :span="10" class="com_BigDiv">
<div @click="goDetail(item.Id)" class="info" :class="{'comCanClick':item.Id}" v-if="index==0" v-for="(item,index) in message" :key="index"> <div @click="goDetail(item.Id)" class="info" :class="{'comCanClick':item.Id}" v-if="index==0" v-for="(item,index) in message" :key="index">
<div> <div style="min-height: 360px;" class="com_bigImg_box">
<img class="com_bigImg" :src="getImgUrl(message[0].Images)" alt> <img class="com_bigImg" :src="getImgUrl(message[0].Images)" alt>
</div> </div>
<p class="_name">{{message[0].name}}</p> <p class="_name" :title="message[0].name">{{message[0].name}}</p>
<p class="_detais">{{message[0].Price}}积分抢兑</p> <p class="_detais" v-html="message[0].Description"></p>
</div> </div>
</el-col> </el-col>
<el-col :span="14"> <el-col :span="14">
...@@ -90,19 +123,19 @@ ...@@ -90,19 +123,19 @@
<div class="r_item_img_box"> <div class="r_item_img_box">
<img :src="getImgUrl(item.Images)" alt> <img :src="getImgUrl(item.Images)" alt>
</div> </div>
<p class="_name">{{item.name}}</p> <p class="_name" :title="item.name">{{item.name}}</p>
<p class="_detais" v-if="item.Price!=''">{{item.Price}}积分抢兑</p> <p class="_detais" v-html="item.Description"></p>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12" class="medium f" v-if="index>3" v-for="(item,index) in message" :key="index"> <el-col :span="12" class="medium f" v-if="index>3 && index<6" v-for="(item,index) in message" :key="index">
<div @click="goDetail(item.Id)" :class="{'comCanClick':item.Id}"> <div @click="goDetail(item.Id)" :class="{'comCanClick':item.Id}">
<div class="r_item_btmBox"> <div class="r_item_btmBox">
<img :src="getImgUrl(item.Images)" alt> <img :src="getImgUrl(item.Images)" alt>
</div> </div>
<p class="_name">{{item.name}}</p> <p class="_name" :title="item.name">{{item.name}}</p>
<p class="_detais" v-if="item.Price!=''">{{item.Price}}积分抢兑</p> <p class="_detais" v-html="item.Description"></p>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
......
...@@ -102,12 +102,16 @@ ...@@ -102,12 +102,16 @@
} }
.integralHomeV2 .class .item ._name{ .integralHomeV2 .class .item ._name{
font-size:12px; font-size:12px;
color:rgba(51,51,51,1); color:#333;
margin-top: 10px; margin-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} }
.integralHomeV2 .class .item ._detais{ .integralHomeV2 .class .item ._detais{
font-size:12px; font-size:12px;
color:rgba(255,1,1,1); color:#FF0101;
margin-top: 12px; margin-top: 12px;
} }
.font_bla:hover{ .font_bla:hover{
......
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
<el-menu-item index="8-3" @click="clickMenu('8-3')">当地游订单</el-menu-item> <el-menu-item index="8-3" @click="clickMenu('8-3')">当地游订单</el-menu-item>
<el-menu-item index="8-4" @click="clickMenu('8-4')">签证订单</el-menu-item> <el-menu-item index="8-4" @click="clickMenu('8-4')">签证订单</el-menu-item>
<el-menu-item index="8-5" @click="clickMenu('8-5')">机票订单</el-menu-item> <el-menu-item index="8-5" @click="clickMenu('8-5')">机票订单</el-menu-item>
<el-menu-item index="8-6" @click="clickMenu('8-6')">酒店订单</el-menu-item> <!-- <el-menu-item index="8-6" @click="clickMenu('8-6')">酒店订单</el-menu-item> -->
<el-menu-item index="8-8" @click="clickMenu('8-8')">门票订单</el-menu-item> <el-menu-item index="8-8" @click="clickMenu('8-8')">门票订单</el-menu-item>
<el-menu-item index="8-9" @click="clickMenu('8-9')">美食订单</el-menu-item> <el-menu-item index="8-9" @click="clickMenu('8-9')">美食订单</el-menu-item>
</el-submenu> </el-submenu>
...@@ -95,14 +95,14 @@ ...@@ -95,14 +95,14 @@
<i class="iconfont icon-youhuiquanicon"></i> <i class="iconfont icon-youhuiquanicon"></i>
<span>我的优惠券</span> <span>我的优惠券</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="6" @click="clickMenu('6')"> <!-- <el-menu-item index="6" @click="clickMenu('6')">
<i class="iconfont icon-youhuiquanicon"></i> <i class="iconfont icon-youhuiquanicon"></i>
<span slot="title">我的奖品</span> <span slot="title">我的奖品</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="7" @click="clickMenu('7')"> <el-menu-item index="7" @click="clickMenu('7')">
<i class="iconfont icon-huodongicon"></i> <i class="iconfont icon-huodongicon"></i>
<span slot="title">活动中心</span> <span slot="title">活动中心</span>
</el-menu-item> </el-menu-item> -->
</el-menu> </el-menu>
</el-col> </el-col>
<!-- 右边内容板块 --> <!-- 右边内容板块 -->
......
...@@ -197,24 +197,28 @@ ...@@ -197,24 +197,28 @@
</template> </template>
<template v-else> <template v-else>
<div class="IceCreamTask_main" > <div class="IceCreamTask_main" >
<router-link to='Home' class="hoverBank_btn" style="left: 20px;z-index:20">
<img style="width: 120px;" v-if="hoverBank === 1" @mouseover="hoverBank = 2" src="../../../assets/img/task/fanhuishouye1.png" alt="">
<img style="width: 120px;" v-else @mouseout="hoverBank = 1" src="../../../assets/img/task/fanhuishouye.png" alt="">
</router-link>
<!-- 上面标题 --> <!-- 上面标题 -->
<div class="home_tit"> <div class="home_tit">
<img src="../../../assets/img/task/home_tit.png" alt="" :style="{height: Calculation ? `${height / 1080 * 482}px` : `${482 * zoom}px`}"> <img src="../../../assets/img/task/home_tit.png" alt="" :style="{height: Calculation ? `${height / 1080 * 482}px` : (oWidth === 1280 && (oHeight > 800 && oHeight <= 1024)) ? '344.24px' : `${482 * zoom}px`}">
<p :style="{fontSize: `${24 * zoom}px`,bottom: '17px'}">{{beginTime[1]}}{{beginTime[2]}}日~{{endTime[1]}}{{endTime[2]}}</p> <p :style="{fontSize: `${24 * zoom}px`,bottom: '17px'}">{{beginTime[1]}}{{beginTime[2]}}日~{{endTime[1]}}{{endTime[2]}}</p>
</div> </div>
<!-- 右边积分什么的 --> <!-- 右边积分什么的 -->
<div class="right_box" :style="{zoom: zoom}"> <div class="right_box" :style="{zoom: zoom}">
<div> <!-- <div>
<img src="../../../assets/img/task/task_home3.png" alt=""> <img src="../../../assets/img/task/task_home3.png" alt="">
<p>当前积分:1500</p> <p>当前积分:1500</p>
</div> </div> -->
<img @click="descriptionShow = true" src="../../../assets/img/task/task_home5.png" alt=""> <img @click="descriptionShow = true" src="../../../assets/img/task/task_home5.png" alt="">
<img @click="signCalendarShow = true" src="../../../assets/img/task/task_home8.png" alt=""> <img @click="signCalendarShow = true" src="../../../assets/img/task/task_home8.png" alt="">
<img src="../../../assets/img/task/task_home6.png" alt=""> <img src="../../../assets/img/task/task_home6.png" alt="">
</div> </div>
</div> </div>
<!-- 底部一坨 --> <!-- 底部一坨 -->
<div class="bottom_box" :style="{zoom: zoom, marginLeft: '22.33%',bottom: '32px'}"> <div class="bottom_box" :style="{zoom: zoom, marginLeft: (oWidth === 1440 || oWidth === 1680 || oWidth === 1600) ? '21.13%' : (oWidth === 1280 && (oHeight > 800 && oHeight <= 1024)) ? '18.33%' : '22.33%',bottom: '32px'}">
<!-- 分类 --> <!-- 分类 -->
<div class="left" > <div class="left" >
<div class="left_item" v-for="item in list" @click="openLayer(item)"> <div class="left_item" v-for="item in list" @click="openLayer(item)">
...@@ -307,6 +311,8 @@ export default { ...@@ -307,6 +311,8 @@ export default {
endTime: '', endTime: '',
ActivityInfo: '', ActivityInfo: '',
hoverBank: 1, hoverBank: 1,
oWidth: 0,
oHeight: 0,
list: [ list: [
{ {
id: 0, id: 0,
...@@ -424,6 +430,8 @@ export default { ...@@ -424,6 +430,8 @@ export default {
let oWidth = window.outerWidth let oWidth = window.outerWidth
this.height = Height this.height = Height
this.width = Width this.width = Width
this.oWidth = oWidth
this.oHeight = oHeight
this.Calculation = Width/Height - 1.77 > 0.02 ? true : false this.Calculation = Width/Height - 1.77 > 0.02 ? true : false
console.log(Height, Width, oHeight, oWidth,Width/Height, this.Calculation, Width/Height - 1.77) console.log(Height, Width, oHeight, oWidth,Width/Height, this.Calculation, Width/Height - 1.77)
if (oWidth < 1920) { if (oWidth < 1920) {
......
...@@ -76,6 +76,10 @@ ...@@ -76,6 +76,10 @@
font-size: 12px; font-size: 12px;
padding: 0 12px; padding: 0 12px;
box-sizing: border-box; box-sizing: border-box;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
} }
.shoppingMall .content .item .bottom{ .shoppingMall .content .item .bottom{
background-color: white; background-color: white;
...@@ -177,7 +181,7 @@ ...@@ -177,7 +181,7 @@
<div class="img_box"> <div class="img_box">
<img :src="item.imgs[0]" alt=""> <img :src="item.imgs[0]" alt="">
</div> </div>
<span class="info">{{item.name}}</span> <span class="info" :title="item.name">{{item.name}}</span>
<span class="_d">可兑换:<span>{{item.residue}}</span></span> <span class="_d">可兑换:<span>{{item.residue}}</span></span>
</div> </div>
<div class="bottom"> <div class="bottom">
......
...@@ -22,8 +22,9 @@ export default new Router({ ...@@ -22,8 +22,9 @@ export default new Router({
// }, // },
{ {
path: "/", path: "/",
name: "index", name: "Home",
component: index, component: resolve =>
require(["@/components/Home.vue"], resolve),
meta: { meta: {
title: "印象之旅~感动与世界同步", title: "印象之旅~感动与世界同步",
"http-equiv": "X-UA-Compatible", "http-equiv": "X-UA-Compatible",
......
...@@ -347,11 +347,11 @@ export default { ...@@ -347,11 +347,11 @@ export default {
let userInfo = r.data.data; let userInfo = r.data.data;
let userJson = JSON.stringify(userInfo); let userJson = JSON.stringify(userInfo);
localStorage.userInfo = userJson; localStorage.userInfo = userJson;
let FromPath = sessionStorage.getItem("FromPath"); let FromPath = sessionStorage.getItem("FromPath") ? JSON.parse(sessionStorage.getItem("FromPath")) : '';
this.$store.commit("changeLogin", 1); this.$store.commit("changeLogin", 1);
this.$store.commit("updateUser", userInfo); this.$store.commit("updateUser", userInfo);
if (FromPath) { if (FromPath) {
this.$router.push({ path: FromPath }); this.$router.push({ path: FromPath.path, query: FromPath.query });
} else if (this.$route.query.id && this.$route.query.path) { } else if (this.$route.query.id && this.$route.query.path) {
let path = `${this.$route.query.path}/${this.$route.query.id}`; let path = `${this.$route.query.path}/${this.$route.query.id}`;
this.$router.push({ path }); this.$router.push({ path });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment