Skip to content

A
Athena
Commit a67f9eba authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

新增积分商城、商品列表、商品详情

parent 3cbc0601
Hide whitespace changes
Inline Side-by-side
Showing with 1049 additions and 2 deletions
src/components/IntegralMall/IntegralMall.vue 0 → 100644
View file @ a67f9eba
<style>
.IntegralMall{
background-color: #f5f5f5
}
.IntegralMall ._block{
margin-bottom: 25px;
}
.IntegralMall ._block .tit div{
display: flex;
align-items: center;
font-size: 16px;
color: #333333;
padding: 20px 24px;
background-color: white;
}
.IntegralMall ._block .tit{
border:1px solid rgba(236, 236, 236, 1);
}
.IntegralMall ._block .tit{
max-height: 360px
}
.IntegralMall ._block .tit div img{
width: 17px;
padding-right: 10px;
}
</style>
<template>
<el-row class="IntegralMall">
<el-row class="w1180">
<IntegralHead/>
<div class="_block">
<el-row class="tit">
<div>
<img src="../../assets/img/ps/jifendui.png" alt="">
<p>热门精品推荐</p>
</div>
</el-row>
<commodity/>
</div>
<div class="_block">
<el-row class="tit">
<div>
<img src="../../assets/img/ps/jifenhot.png" alt="">
<p>为你推荐</p>
</div>
</el-row>
<recommend/>
</div>
<div class="_block">
<el-row class="tit">
<div>
<img src="../../assets/img/ps/shafa.png" alt="">
<p>家纺家饰</p>
</div>
</el-row>
<commodity2/>
</div>
<div class="_block">
<el-row class="tit">
<div>
<img src="../../assets/img/ps/jiaju.png" alt="">
<p>家居日用</p>
</div>
</el-row>
<commodity2/>
</div>
<div class="_block">
<el-row class="tit">
<div>
<img src="../../assets/img/ps/chuju.png" alt="">
<p>厨具锅具</p>
</div>
</el-row>
<commodity2/>
</div>
<div class="_block">
<el-row class="tit">
<div>
<img src="../../assets/img/ps/canju.png" alt="">
<p>餐具水具</p>
</div>
</el-row>
<commodity2/>
</div>
<div class="_block">
<el-row class="tit">
<div>
<img src="../../assets/img/ps/shuma.png" alt="">
<p>数码生活</p>
</div>
</el-row>
<commodity2/>
</div>
<div class="_block">
<el-row class="tit">
<div>
<img src="../../assets/img/ps/muying.png" alt="">
<p>母婴亲子</p>
</div>
</el-row>
<commodity2/>
</div>
<div class="_block">
<el-row class="tit">
<div>
<img src="../../assets/img/ps/xiangbao.png" alt="">
<p>箱包手袋</p>
</div>
</el-row>
<commodity2/>
</div>
<div class="_block">
<el-row class="tit">
<div>
<img src="../../assets/img/ps/shishang.png" alt="">
<p>个护时尚</p>
</div>
</el-row>
<commodity2/>
</div>
</el-row>
</el-row>
</template>
<script>
import IntegralHead from '@/components/IntegralMall/block/IntegralHead'
import commodity from '@/components/newPersonalCenter/integral/model/commodity'
import commodity2 from '@/components/IntegralMall/block/commodity2'
import recommend from '@/components/IntegralMall/block/recommend'
export default {
components: {
IntegralHead,
commodity,
commodity2,
recommend
},
props:{
data: ''
},
data(){
return{
}
}
}
</script>
src/components/IntegralMall/block/IntegralHead.vue 0 → 100644
View file @ a67f9eba
<style scoped>
.IntegralHead{
margin: 25px 0;
}
.IntegralHead .top_img img{
width: 100%;
}
.IntegralHead .bottom_class{
background-color: white;
text-align: center;
font-size:16px;
color:rgba(34,34,34,1);
padding: 25px 0;
margin-top: 20px;
}
.IntegralHead .bottom_class ._class{
padding: 0 25px;
cursor: pointer;
color: black;
}
.IntegralHead .bottom_class ._class img{
width: 60px;
height: 60px;
border-radius: 4px;
}
.IntegralHead .bottom_class ._class p{
margin-top: 5px;
}
</style>
<template>
<el-row class="IntegralHead">
<div class="top_img">
<img src="../../../assets/img/ps/IntegralHead.png" alt="">
</div>
<el-row class="bottom_class">
<template v-for="item in list">
<router-link :to="{path: '/productDetail/1'}">
<el-col :span="3" class="_class">
<img src="../../../assets/img/img-01.png" alt="">
<p>家纺家饰</p>
</el-col>
</router-link>
</template>
</el-row>
</el-row>
</template>
<script>
export default {
components: {
},
props:{
},
data(){
return{
list:[1,2,3,4,5,6,7,8]
}
},methods:{
},mounted(){
}
}
</script>
src/components/IntegralMall/block/commodity2.vue 0 → 100644
View file @ a67f9eba
<style scoped>
.commodity2{
height: 480px;
background-color: white;
border:1px solid rgba(236, 236, 236, 1);
border-top: none;
overflow: hidden;
}
.commodity2 .commodity2_left{
overflow: hidden;
}
.commodity2 .commodity2_left .l_img{
position: relative;
height: 480px;
}
.commodity2 .commodity2_left .l_img .see_all{
position: absolute;
bottom: 40px;
left: 42px;
width:156px;
height:50px;
background:rgba(255,255,255,1);
opacity: 0.8;
font-size:14px;
color:rgba(51,51,51,1);
z-index: 2;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.commodity2 .commodity2_left .l_img img{
height: 480px;
}
.commodity2 .commodity2_right .r_item{
height: 240px;
text-align: center;
border: 1px solid rgba(236, 236, 236, 1);
border-right: none;
border-top: none;
}
.commodity2 .commodity2_right .r_item>div img{
max-height: 150px;
margin: 15px 0;
}
.commodity2 .commodity2_right .r_item p{
font-size: 12px
}
.commodity2 .commodity2_right .r_item p:nth-child(3){
color: #FF0101;
padding-top: 10px
}
</style>
<template>
<el-row class="commodity2">
<el-col :span="5" class="commodity2_left">
<div class="l_img">
<img src="../../../assets/img/img-01.png" alt="">
<span class="see_all">查看全部 ></span>
</div>
</el-col>
<el-col :span="19" class="commodity2_right">
<el-row>
<template v-for="item in list">
<el-col :span="6" class="r_item">
<div>
<img src="../../../assets/img/img-01.png" alt="">
</div>
<p>洁丽雅 纯棉清新格纹面巾3条装</p>
<p>¥ 299,900积分</p>
</el-col>
</template>
</el-row>
</el-col>
</el-row>
</template>
<script>
export default {
components: {
},
props:{
},
data(){
return{
list: [1,2,3,4,5,6,7,8]
}
}
}
</script>
src/components/IntegralMall/block/detailsLeftHot.vue 0 → 100644
View file @ a67f9eba
<style scoped>
.detailsLeftHot{
padding: 0 30px;
text-align: center;
font-size: 14px;
color: #444444;
background-color: white;
}
.detailsLeftHot .d_tit div{
padding: 15px 0;
border-bottom: 2px solid rgba(0,0,0,0);
cursor: pointer;
width: 70px;
margin: 0 auto;
}
.detailsLeftHot .d_tit div._ative{
border-bottom: 2px solid #EE4454;
}
.list_item{
text-align: center;
}
.list_item{
width: 100%;
height: 230px;
padding: 20px 0;
}
.list_item div img{
max-width: 184px;
max-height: 163px;
}
.list_item p._name,.list_item p._num{
margin-top: 16px;
color: #333333;
font-size: 13px;
}
.list_item p._num{
color: #999999;
}
</style>
<template>
<div class="detailsLeftHot">
<el-row>
<el-col :span="12" class="d_tit">
<div :class="{'_ative': tabActive === 1}" @click="tabActive = 1">
同类热卖
</div>
</el-col>
<el-col :span="12" class="d_tit">
<div :class="{'_ative': tabActive === 2}" @click="tabActive = 2">
商城热卖
</div>
</el-col>
</el-row>
<ul>
<li class="list_item">
<div>
<img src="../../../assets/img/img-01.png" alt="">
</div>
<p class="_name">夏日必备神器</p>
<p class="_num">1900分兑换</p>
</li>
</ul>
</div>
</template>
<script>
export default {
data(){
return{
tabActive: 1,
}
},methods:{
},mounted(){
}
}
</script>
src/components/IntegralMall/block/recommend.vue 0 → 100644
View file @ a67f9eba
<style scoped>
.recommend_box{
padding: 0 20px;
overflow: hidden;
border:1px solid rgba(236, 236, 236, 1);
border-top: none;
background-color: white;
}
.recommend{
}
.recommend .item{
padding: 20px 0;
}
.recommend .item>div{
padding: 20px 24px;
border:1px solid rgba(236, 236, 236, 1);
}
.recommend .item ._left_img img{
max-height: 81px;
padding-right: 20px;
}
.recommend .item .item_felx{
display: flex;
align-items: center;
}
.recommend .item .right_info p:nth-child(1){
font-size:18px;
color:rgba(17,17,17,1);
margin-bottom: 8px;
}
.recommend .item .right_info p:nth-child(2){
font-size:14px;
color:rgba(102,102,102,1);
}
</style>
<template>
<el-row class="recommend_box">
<el-row class="recommend" :gutter="20">
<template v-for="item in list">
<el-col :span="6" class="item">
<div class="item_felx">
<div class="_left_img">
<img src="../../../assets/img/img-01.png" alt="">
</div>
<div class="right_info">
<p>1分抽爆品</p>
<p>苹果豪礼等你赢</p>
</div>
</div>
</el-col>
</template>
</el-row>
</el-row>
</template>
<script>
export default {
components: {
},
props:{
},
data(){
return{
list: [1,2,3,4]
}
}
}
</script>
src/components/IntegralMall/productDetail.vue 0 → 100644
View file @ a67f9eba
<style>
.productDetail{
background-color: #f5f5f5
}
.productDetail .breadcrumb{
padding: 20px 0;
}
.productDetail .pd_top_info{
height: 554px;
}
.pd_top_info_left{
height: 100%;
}
.pd_top_info_left ._img_box{
display: flex;
justify-content: center;
align-items: center;
min-height: 460px;
background-color: white;
}
.pd_top_info_left ._img_box img{
max-height: 460px;
max-width: 420px;
}
.pd_top_info_left ._img_item_box{
display: flex;
justify-content: space-between;
}
.pd_top_info_left ._img_item_box>div{
width: 82px;
height: 82px;
overflow: hidden;
background-color: white;
cursor: pointer;
border: 2px solid rgba(255, 255, 255, 0);
display: flex;
justify-content: center;
align-items: center;
}
.pd_top_info_left ._img_item_box>div>img{
max-height: 82px;
max-width: 82px;
}
.pd_top_info_left ._img_item_box>div._active{
border: 2px solid #EE4454;
}
.pd_top_info_right{
padding: 20px;
background:rgba(255,255,255,1);
height: 554px;
}
.pd_top_info_right ._tit{
font-size:20px;
font-family: 'PingFangR';
font-weight:bold;
color:rgba(51,51,51,1);
}
.pd_top_info_right ._sub_tit{
margin-top: 12px;
font-size:12px;
color:rgba(136,136,136,1);
}
.pd_top_info_right ._price{
color: #666666;
font-size: 12px;
display: flex;
align-items: center;
height: 90px;
margin-top: 26px;
}
.pd_top_info_right .jifen{
color: #FF0101;
font-size: 18px;
padding-left: 30px;
}
.pd_top_info_right .jifen span{
color: #FF0101;
font-size: 28px;
font-family: 'PingFangR';
font-weight:bold;
}
.pd_top_info_right .yishou{
flex: 2;
text-align: right;
}
.pd_top_info_right .yishou span{
color: #333333;
font-size: 14px;
font-weight: 600;
}
.pd_top_info_right ._colors{
margin: 30px 0;
}
.pd_top_info_right ._colors ._colors_name,._numbers ._numbers_name,._yunfei ._yunfei_name{
padding-right: 30px;
font-size: 12px;
color: #666666;
}
.pd_top_info_right ._colors ._colors_item{
display: inline-block;
width: 64px;
height: 28px;
text-align: center;
line-height: 28px;
border: 2px solid rgba(136, 136, 136, 0);
cursor: pointer;
font-size: 12px;
}
.pd_top_info_right ._colors ._colors_item._active{
border: 2px solid #EE4454;
color: #EE4454;
}
.pd_top_info_right ._yunfei{
margin-top: 30px;
display: flex;
}
.pd_top_info_right ._yunfei>div{
font-size: 12px;
color: #666666
}
.pd_top_info_right ._yunfei>div p span{
font-size: 12px;
color: #222222
}
.pd_top_info_right ._yunfei>div p:nth-child(2){
padding-top: 5px;
}
.pd_top_info_right ._tips{
font-size: 12px;
color: #10DCCB;
height:30px;
background:rgba(242,253,252,1);
display: flex;
align-items: center;
margin-top: 30px;
}
.pd_top_info_right ._tips .iconfont{
padding-right: 8px;
}
.pd_top_info_right ._btn_dui{margin-top: 30px;}
.pd_top_info_right ._btn_dui span{
cursor: pointer;
display: inline-block;
width:212px;
height:60px;
background:rgba(238,68,84,1);
border-radius:4px;
line-height: 60px;
text-align: center;
font-size:20px;
color:rgba(255,255,255,1);
}
.pd_bottom_detail{
margin-top: 30px;
}
</style>
<template>
<el-row class="productDetail">
<div class="w1180">
<el-row>
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb">
<el-breadcrumb-item :to="{ path: '/IntegralMall' }">积分商城</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/productList' }">商城列表</el-breadcrumb-item>
<el-breadcrumb-item>商品详情</el-breadcrumb-item>
</el-breadcrumb>
</el-row>
<el-row class="pd_top_info" :gutter="40">
<el-col :span="10" class="pd_top_info_left">
<div class="_img_box">
<img :src="imgList[activeIndex]" alt="">
</div>
<div class="_img_item_box">
<template v-for="(item, index) in imgList">
<div :class="{'_active': activeIndex === index}" @click="activeIndex = index">
<img :src="item" alt="">
</div>
</template>
</div>
</el-col>
<el-col :span="14" class="pd_top_info_right">
<p class="_tit">小米（MI）小米手环3 心率监测 来电 微信提醒</p>
<p class="_sub_tit">防水计步器 50米防水 20天续航 运动时长、里程记录</p>
<p class="_price">售价<span class="jifen">¥ <span>2400</span> 积分</span> <span class="yishou">已售 <span>350</span></span></p>
<div class="_colors">
<span class="_colors_name">颜色</span>
<template v-for="(item, index) in colors">
<span class="_colors_item" :class="{'_active': colorsIndex === index}" @click="colorsIndex = index">{{item}}</span>
</template>
</div>
<div class="_numbers">
<span class="_numbers_name">数量</span>
<el-input-number v-model="numbers" :min="1" :max="99" size="mini"></el-input-number>
</div>
<div class="_yunfei">
<span class="_yunfei_name">运费</span>
<div>
<p>包邮</p>
<p>由<span>印象之旅</span>发货，并提供服务</p>
</div>
</div>
<div class="_tips">
<p><i class="iconfont icon-tixing"></i>这里是相关的一些比较重要一点的提示说明，比如平台的一些简单规则等等。。。</p>
</div>
<div class="_btn_dui">
<span>立即兑换</span>
</div>
</el-col>
</el-row>
<el-row class="pd_bottom_detail">
<el-col :span="5">
<detailsLeftHot/>
</el-col>
<el-col :span="19">
<el-row>
</el-row>
</el-col>
</el-row>
</div>
</el-row>
</template>
<script>
import detailsLeftHot from '@/components/IntegralMall/block/detailsLeftHot'
export default {
components:{
detailsLeftHot,
},
data(){
return {
numbers: 1,
activeIndex: 0,
colorsIndex: 0,
imgList: [
require('../../assets/img/img-01.png'),
require('../../assets/img/img-02.png'),
require('../../assets/img/img-03.png'),
require('../../assets/img/nll.jpg'),
require('../../assets/img/img-02.png')
],
colors: [
'黑色',
'红色',
'白色'
]
}
},methods:{
},mounted(){
}
}
</script>
src/components/IntegralMall/productList.vue 0 → 100644
View file @ a67f9eba
<style>
.productList{
background-color: #f5f5f5;
}
.productList .breadcrumb{
padding: 20px 0;
}
.productList .productList_top{
padding: 0 20px;
background-color: white;
}
.productList .productList_top .tabs{
display: flex;
font-size: 14px;
padding: 15px;
border-bottom: 1px solid rgba(233,233,233,1);
}
.productList .productList_top .tabs ._name{
padding-right: 25px;
flex: 1;
}
.productList .productList_top .tabs .tabs_box{
flex: 30;
line-height: 22px;
}
.productList .productList_top .tabs .tabs_box span{
color: #999999;
cursor: pointer;
font-size: 12px;
padding: 0 15px;
float: left;
}
.productList .productList_top .tabs .tabs_box span._active{
color: #EE4454;
}
.productList .paxu{
width: 200px;
margin: 0 auto;
padding-top: 20px;
height: 45px;
}
.productList .paxu>span{
padding-bottom: 20px;
border-bottom: 2px solid rgba(0,0,0,0);
cursor: pointer;
margin: 0 10px;
font-size: 12px;
}
.productList .paxu>span._active{
border-bottom: 2px solid #EE4454;
color: #EE4454;
}
.productList .caret-wrapper {
display: inline-flex;
flex-direction: column;
align-items: center;
height: 34px;
width: 0;
vertical-align: middle;
cursor: pointer;
overflow: initial;
position: relative;
}
.productList .caret-wrapper .sort-caret {
width: 0;
height: 0;
border: 5px solid transparent;
position: absolute;
left: 7px;
}
.productList .caret-wrapper .sort-caret.ascending {
border-bottom-color: #c0c4cc;
top: 5px;
}
.productList .caret-wrapper .sort-caret {
width: 0;
height: 0;
border: 5px solid transparent;
position: absolute;
left: 7px;
}
.productList .caret-wrapper .sort-caret.descending {
border-top-color: #c0c4cc;
bottom: 7px;
}
.productList .caret-wrapper .ascending.ascActive {
border-bottom-color: #EE4454;
}
.productList .caret-wrapper .descending.desActive {
border-top-color: #EE4454;
}
.productList .list_item{
margin-top: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.productList .list_item .list_item_box{
padding: 12px 20px;
text-align: center;
font-size: 12px;
background-color: white;
margin-bottom: 15px;
}
.productList .list_item .list_item_box .img_box{
width: 178px;
height: 146px;
}
.productList .list_item .list_item_box .img_box img{
max-width: 178px;
max-height: 146px;
}
.productList .list_item .list_item_box ._name{
margin: 15px 0 15px 0;
}
.productList .list_item .list_item_box ._num{
color: #FF0101
}
.productList ._pagination{
height: 45px;
background-color: #EBEBEB;
display: flex;
align-items: center;
justify-content: center;
}
.productList .el-pagination .btn-next,.productList .el-pagination .btn-prev{
width:40px !important;
height:20px !important;
border:1px solid rgba(238,68,84,1);
border-radius:10px;
color: #f56c6c;
}
.productList .el-pagination{
display: flex;
align-items: center;
}
.productList .el-pager li{
background-color: transparent;
}
.productList .el-pager li.active{
color: #f56c6c;
}
</style>
<template>
<div class="productList">
<div class="w1180">
<div>
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb">
<el-breadcrumb-item :to="{ path: '/IntegralMall' }">积分商城</el-breadcrumb-item>
<el-breadcrumb-item>商城列表</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="productList_top">
<el-row class="tabs">
<span class="_name">分类</span>
<div class="tabs_box">
<template v-for="(item, index) in typeList">
<span :class="{'_active': typeListIndex === index}" @click="typeListIndex = index">{{item.name}}</span>
</template>
</div>
</el-row>
<el-row class="tabs">
<span class="_name">品牌</span>
<div class="tabs_box">
<template v-for="(item, index) in brandList">
<span :class="{'_active': brandListIndex === index}" @click="brandListIndex = index">{{item.name}}</span>
</template>
</div>
</el-row>
<el-row>
<div class="paxu">
<span :class="{'_active': paxuIndex === 1}" @click="paxuIndex = 1">综合排序</span>
<span :class="{'_active': paxuIndex === 2}" @click="paxuIndex = 2">积分排序
<span class="caret-wrapper" @click.stop="ascFunc">
<i class="sort-caret ascending" :class="{'ascActive': asc === 1}"></i>
<i class="sort-caret descending" :class="{'desActive': asc === 2}"></i>
</span>
</span>
</div>
</el-row>
</div>
<div class="list_item">
<div class="list_item_box" v-for="item in dataList">
<div class="img_box">
<img src="../../assets/img/img-01.png" alt="">
</div>
<p class="_name">夏新养生煲</p>
<p class="_num">¥ 299,900积分</p>
</div>
</div>
<!-- 分页 -->
<el-row class="_pagination">
<el-pagination
:current-page.sync="currentPage"
:page-size="msg.pageSize"
layout="total, prev, pager, next"
:total="Count"
@current-change="handleCurrentChange"
></el-pagination>
</el-row>
</div>
</div>
</template>
<script>
export default {
data(){
return{
asc: null,
paxuIndex: 1,
brandListIndex: 0,
typeListIndex: 0,
activeName: 'first',
currentPage: 1,
totalCount: 1,
Count: 1,
msg: {
pageIndex: 1,
pageSize: 25,
},
typeList: [
{
id: 0,
name: '全部',
},{
id: 1,
name: '出行用品',
},{
id: 2,
name: '居家用品',
},{
id: 3,
name: '母婴用品',
},{
id: 4,
name: '健康保证',
},{
id: 5,
name: '家居日用',
}
],
brandList: [
{
id: 0,
name: '全部',
},{
id: 1,
name: '迪士尼',
},{
id: 2,
name: '卡西欧',
},{
id: 3,
name: '哈撒给',
},{
id: 4,
name: '撸啊撸',
},{
id: 5,
name: '红烧肉',
},{
id: 6,
name: '卡西欧',
},{
id: 7,
name: '哈撒给',
},{
id: 8,
name: '撸啊撸',
},{
id: 9,
name: '红烧肉',
},{
id: 10,
name: '卡西欧',
},{
id: 11,
name: '哈撒给',
},{
id: 12,
name: '撸啊撸',
},{
id: 13,
name: '红烧肉',
},{
id: 14,
name: '撸啊撸',
},{
id: 15,
name: '红烧肉',
},{
id: 16,
name: '撸啊撸',
},{
id: 17,
name: '红烧肉',
}
],
dataList: [1,2,3,4,5,6,7,8,9,1,2,3,4,5,6,71,2,3,4,5,6],
}
},methods:{
ascFunc: function () {
if (!this.asc) {
this.asc = 1
}else if (this.asc === 1) {
this.asc = 2
}else if (this.asc === 2) {
this.asc = null
}
},
handleCurrentChange(val) {
// 翻页
}
},mounted(){
}
}
</script>
src/components/global/newHead.vue
View file @ a67f9eba
......@@ -259,7 +259,7 @@
</li>
<!-- 积分商城 -->
<li :class="{_active: navActive === 8}">
<div @click="handleSelect('/', 8), navActive = 8">
<div @click="handleSelect('/IntegralMall', 8), navActive = 8">
<span>积分商城</span>
<span class="__splice">|</span>
</div>
......
src/components/newPersonalCenter/block/model/TcOrder.vue
View file @ a67f9eba
......@@ -20,7 +20,7 @@
很抱歉，你想要的信息我们真的找不到了
</div>
<!-- 分页 -->
<el-row class="_pagination" v-if="totalCount > 1 && tableData.length>0">
<el-row class="_pagination">
<el-pagination
:current-page.sync="currentPage"
:page-size="getOrderMsg.pageSize"
......
src/router.js
View file @ a67f9eba
......@@ -144,6 +144,38 @@ export default new Router({
title: "搜索行程-印象之旅~感动与世界同步"
}
},
{
path: "/IntegralMall",
name: "IntegralMall",
component: resolve => require(["@/components/IntegralMall/IntegralMall"], resolve),
meta: {
title: "积分商城-印象之旅~感动与世界同步"
}
},
{
path: "/productList",
name: "productList",
component: resolve => require(["@/components/IntegralMall/productList"], resolve),
meta: {
title: "商城列表-印象之旅~感动与世界同步"
}
},
{
path: "/productDetail",
name: "productDetail",
component: resolve => require(["@/components/IntegralMall/productDetail"], resolve),
meta: {
title: "商品详情-印象之旅~感动与世界同步"
}
},
{
path: "/productDetail/:id",
name: "productDetail",
component: resolve => require(["@/components/IntegralMall/productDetail"], resolve),
meta: {
title: "商品详情-印象之旅~感动与世界同步"
}
},
{
path: "/integral",
name: "integral",
......
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