优化了部分展示功能
parent
2213f0d0ce
commit
8529641145
|
@ -223,7 +223,6 @@ export default {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
border-left: 1px solid #ccc !important;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
</Carousel>
|
</Carousel>
|
||||||
</div>
|
</div>
|
||||||
<div class="nav-right">
|
<div class="nav-right">
|
||||||
<div class="person-msg">
|
<div class="person-msg" @click="entryControl({ path: 'home' })">
|
||||||
<img class="user-face" :src="userInfo.face || defaultAvatar" alt />
|
<img class="user-face" :src="userInfo.face || defaultAvatar" alt />
|
||||||
<div class="welcome">
|
<div class="welcome">
|
||||||
Hi, {{
|
Hi, {{
|
||||||
|
@ -27,7 +27,9 @@
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
<div v-if="userInfo.id">
|
<div v-if="userInfo.id">
|
||||||
<div class="icon-list flex flex-j-sb" >
|
<div class="icon-list"></div>
|
||||||
|
<!-- #TODO 后续增加 -->
|
||||||
|
<!-- <div class="icon-list flex flex-j-sb" >
|
||||||
<div class="icon-item" :key="index" @click="entryControl(item)" v-for="(item,index) in recentList">
|
<div class="icon-item" :key="index" @click="entryControl(item)" v-for="(item,index) in recentList">
|
||||||
<div class="value">
|
<div class="value">
|
||||||
{{ item.value}}
|
{{ item.value}}
|
||||||
|
@ -36,7 +38,7 @@
|
||||||
{{ item.label}}
|
{{ item.label}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="flex flex-a-c ">
|
<div v-else class="flex flex-a-c ">
|
||||||
<div class="btns" @click="$router.push('login')" shape="circle"
|
<div class="btns" @click="$router.push('login')" shape="circle"
|
||||||
|
@ -173,6 +175,7 @@ export default {
|
||||||
|
|
||||||
color: #666666;
|
color: #666666;
|
||||||
}
|
}
|
||||||
|
|
||||||
.swiper-img {
|
.swiper-img {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 637px;
|
width: 637px;
|
||||||
|
@ -182,14 +185,17 @@ export default {
|
||||||
.icon-list {
|
.icon-list {
|
||||||
width: 216px
|
width: 216px
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-list:nth-last-of-type(1) {
|
.icon-list:nth-last-of-type(1) {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hot-box {
|
.hot-box {
|
||||||
margin-top: 35px;
|
margin-top: 35px;
|
||||||
width: 216px;
|
width: 216px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.hot-tag {
|
.hot-tag {
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
width: 36px;
|
width: 36px;
|
||||||
|
@ -202,21 +208,25 @@ export default {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gray-line {
|
.gray-line {
|
||||||
width: 216px;
|
width: 216px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 1px solid #E5E5E5;
|
border: 1px solid #E5E5E5;
|
||||||
margin-bottom: 13px;
|
margin-bottom: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
width: 20px !important;
|
width: 20px !important;
|
||||||
height: 20px !important;
|
height: 20px !important;
|
||||||
margin-bottom: 7px;
|
margin-bottom: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-item {
|
.icon-item {
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
>div {
|
>div {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -226,6 +236,7 @@ export default {
|
||||||
|
|
||||||
color: #666666;
|
color: #666666;
|
||||||
}
|
}
|
||||||
|
|
||||||
>.value {
|
>.value {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
|
@ -236,6 +247,7 @@ export default {
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
color: $theme_color;
|
color: $theme_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
>.label {
|
>.label {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
@ -247,11 +259,13 @@ export default {
|
||||||
margin-bottom: 13px;
|
margin-bottom: 13px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.model-carousel {
|
.model-carousel {
|
||||||
width: 1200px;
|
width: 1200px;
|
||||||
height: 340px;
|
height: 340px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover-pointer {
|
.hover-pointer {
|
||||||
//display: block;
|
//display: block;
|
||||||
//width: 100%;
|
//width: 100%;
|
||||||
|
@ -263,6 +277,7 @@ export default {
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.welcome {
|
.welcome {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -272,11 +287,13 @@ export default {
|
||||||
|
|
||||||
color: #333333;
|
color: #333333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hr {
|
.hr {
|
||||||
width: 216px;
|
width: 216px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 1px solid #E5E5E5;
|
border: 1px solid #E5E5E5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btns {
|
.btns {
|
||||||
margin-top: 21px;
|
margin-top: 21px;
|
||||||
margin-bottom: 13px;
|
margin-bottom: 13px;
|
||||||
|
@ -294,13 +311,16 @@ export default {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
background: $theme_color;
|
background: $theme_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sign-up {
|
.sign-up {
|
||||||
background: #F39519;
|
background: #F39519;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
margin-bottom: 13px;
|
margin-bottom: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-face {
|
.user-face {
|
||||||
|
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
|
@ -342,6 +362,7 @@ export default {
|
||||||
float: left;
|
float: left;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-right {
|
.nav-right {
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
@ -350,7 +371,9 @@ export default {
|
||||||
|
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
|
|
||||||
.person-msg {
|
.person-msg {
|
||||||
|
cursor: pointer;
|
||||||
height: 333px;
|
height: 333px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -360,27 +383,33 @@ export default {
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.shop-msg {
|
.shop-msg {
|
||||||
div {
|
div {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 10px 27px;
|
margin: 10px 27px;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
span:nth-child(1) {
|
span:nth-child(1) {
|
||||||
@include content_color($theme_color);
|
@include content_color($theme_color);
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
span:nth-child(2) {
|
span:nth-child(2) {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
span:nth-child(3):hover {
|
span:nth-child(3):hover {
|
||||||
color: $theme_color;
|
color: $theme_color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
li {
|
li {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -388,6 +417,7 @@ export default {
|
||||||
color: #999395;
|
color: #999395;
|
||||||
width: 150px;
|
width: 150px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $theme_color;
|
color: $theme_color;
|
||||||
}
|
}
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
>)
|
>)
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Search :showTag="false" :showLogo="false"></Search>
|
|
||||||
</div>
|
</div>
|
||||||
<Divider />
|
<Divider />
|
||||||
<!-- 购物车主体 -->
|
<!-- 购物车主体 -->
|
||||||
|
@ -245,7 +245,7 @@
|
||||||
</div>
|
</div>
|
||||||
<Spin size="large" fix v-if="loading"></Spin>
|
<Spin size="large" fix v-if="loading"></Spin>
|
||||||
</div>
|
</div>
|
||||||
<BaseFooter></BaseFooter>
|
<BaseFooter class="footer"></BaseFooter>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -449,6 +449,9 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
.footer{
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
/** logo 搜索 start **/
|
/** logo 搜索 start **/
|
||||||
.logo {
|
.logo {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
@ -781,4 +784,5 @@ export default {
|
||||||
.ivu-input-number-input {
|
.ivu-input-number-input {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<BaseHeader></BaseHeader>
|
<BaseHeader></BaseHeader>
|
||||||
<Search @search="handleSearch"></Search>
|
<Search @search="handleSearch"></Search>
|
||||||
<drawer></drawer>
|
<drawer></drawer>
|
||||||
<cateNav useClass="background-white"></cateNav>
|
<cateNav class="cate-nav" useClass="background-white"></cateNav>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<!-- 商品筛选栏 -->
|
<!-- 商品筛选栏 -->
|
||||||
<GoodsClassNav @getParams="getParams"></GoodsClassNav>
|
<GoodsClassNav @getParams="getParams"></GoodsClassNav>
|
||||||
|
@ -261,7 +261,9 @@ export default {
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import "../assets/styles/goodsList.scss";
|
@import "../assets/styles/goodsList.scss";
|
||||||
|
.cate-nav{
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
.goods-show-info > .goods-show-seller > .goods-show-buyer {
|
.goods-show-info > .goods-show-seller > .goods-show-buyer {
|
||||||
width: 35px;
|
width: 35px;
|
||||||
height: 17px;
|
height: 17px;
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<div>
|
<div>
|
||||||
<BaseHeader></BaseHeader>
|
<BaseHeader></BaseHeader>
|
||||||
<Search></Search>
|
<Search></Search>
|
||||||
<cateNav></cateNav>
|
|
||||||
<!-- 添加成功提示 -->
|
<!-- 添加成功提示 -->
|
||||||
<div class="add-info-box-container">
|
<div class="add-info-box-container">
|
||||||
<div class="add-info-box">
|
<div class="add-info-box">
|
||||||
|
|
|
@ -300,25 +300,6 @@ export const modelData = [{
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
|
||||||
type: 'seckill-only-album',
|
|
||||||
name: '促销活动-图片版',
|
|
||||||
icon: 'md-image',
|
|
||||||
showName: '',
|
|
||||||
options: {
|
|
||||||
list: [{
|
|
||||||
time: 6,
|
|
||||||
goodsList: [{
|
|
||||||
img: require('@/assets/nav/1.jpg'),
|
|
||||||
|
|
||||||
url: ''
|
|
||||||
},
|
|
||||||
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: 'discountAdvert',
|
type: 'discountAdvert',
|
||||||
name: '折扣广告',
|
name: '折扣广告',
|
||||||
|
|
Loading…
Reference in New Issue