diff --git a/buyer/src/components/Search.vue b/buyer/src/components/Search.vue
index 0354bcf4..7d6b5471 100644
--- a/buyer/src/components/Search.vue
+++ b/buyer/src/components/Search.vue
@@ -53,6 +53,10 @@ export default {
store: { // 是否为店铺页面
type: Boolean,
default: false
+ },
+ hover: {
+ type: Boolean,
+ default: false
}
},
data () {
@@ -89,10 +93,14 @@ export default {
} else {
this.logoImg = this.Cookies.getItem('logo')
}
+
this.searchData = this.$route.query.keyword
- hotWords({start: 1, end: 5}).then(res => {
- if (res.success) this.promotionTags = res.result
- })
+
+ if (!this.hover) { // 首页顶部固定搜索栏不调用热词接口
+ hotWords({start: 1, end: 5}).then(res => {
+ if (res.success) this.promotionTags = res.result
+ })
+ }
}
};
diff --git a/buyer/src/components/header/Header.vue b/buyer/src/components/header/Header.vue
index d83050d0..f0dbd12e 100644
--- a/buyer/src/components/header/Header.vue
+++ b/buyer/src/components/header/Header.vue
@@ -2,37 +2,33 @@
-
+
+ 立即注册
+
+
+ -
- 请登录
+ 请登录
-
-
-
+
+
{{ userInfo.nickName? userInfo.nickName : userInfo.username | secrecyMobile }}
-
-
-
-
+
+
+ - 我的主页
+ - 优惠券
+ - 我的收藏
+ - 退出登录
+
+
+
- 我的订单
- 我的足迹
@@ -95,28 +91,28 @@
@@ -201,12 +197,10 @@ export default {
.shopping-cart-null span {
@include sub_color($light_sub_color);
}
-.tipsLogin {
- color: $theme_color;
-}
.box {
width: 100%;
+ font-size: 12px!important;
// height: 35px;
@include background_color($light_white_background_color);
}
@@ -222,7 +216,7 @@ export default {
}
.nav li {
float: left;
- font-size: 14px;
+ font-size: 12px;
line-height: 35px;
margin-right: 10px;
font-weight: bold;
@@ -230,7 +224,7 @@ export default {
.nav a,
.nav-item {
text-decoration: none;
- padding-left: 10px;
+ padding-left: 14px;
border-left: 1px solid #ccc;
color: #999;
cursor: pointer;
@@ -324,8 +318,67 @@ export default {
line-height: 16px;
}
.username-p {
- cursor: pointer;
+ position: relative;
+ p{
+ cursor: pointer;
+ }
+ .drop-items {
+ position: absolute;
+ display: none;
+ top: 45px;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ padding: 5px 10px;
+ z-index: 20;
+ height: 150px;
+ background-color: #fff;
+ width: 80px;
+ border: 1px solid #eee;
+ box-shadow: 2px 2px 7px #999;
+
+ li {
+ color: rgb(107, 106, 106);
+ width: 100%;
+ border-bottom:1px solid rgb(207, 206, 206);
+ font-weight: normal;
+ text-align: center;
+ &:last-child{
+ border: none;
+ }
+ &:hover{
+ cursor: pointer;
+ color: $theme_color;
+ }
+ }
+
+ &::before{
+ position: absolute;
+ top: -20px;
+ left: 30px;
+ content: '';
+ width: 0;
+ height: 0;
+ border: 10px solid #999;
+ border-color: transparent transparent #fff transparent ;
+ }
+
+ &::after{
+ content: '';
+ position: absolute;
+ width: 80px;
+ height: 20px;
+ top: -20px;
+ left: 0;
+ }
+ }
+ &:hover{
+ .drop-items{
+ display: block;
+ }
+ }
}
+
.my-page {
padding: 3px 5px;
width: 180px;
diff --git a/buyer/src/components/header/hoverSearch.vue b/buyer/src/components/header/hoverSearch.vue
index a81980b8..382244e3 100644
--- a/buyer/src/components/header/hoverSearch.vue
+++ b/buyer/src/components/header/hoverSearch.vue
@@ -1,8 +1,8 @@