|
|
@@ -57,18 +57,12 @@
|
|
|
</form>
|
|
|
</div>
|
|
|
<div class="shop_head_right clearfix_2">
|
|
|
- <div
|
|
|
- :class="['shop_head_right_btn', alert_1_num == 2 ? 'shop_head_right_btn_active' : '']"
|
|
|
- @mouseenter="qhTabs(2)"
|
|
|
- @mouseleave="qhTabs(0)"
|
|
|
- >
|
|
|
+ <div :class="['shop_head_right_btn', alert_1_num == 2 ? 'shop_head_right_btn_active' : '']"
|
|
|
+ @mouseenter="qhTabs(2)" @mouseleave="qhTabs(0)">
|
|
|
我要卖
|
|
|
</div>
|
|
|
- <div
|
|
|
- :class="['shop_head_right_btn', alert_1_num == 1 ? 'shop_head_right_btn_active' : '']"
|
|
|
- @mouseenter="qhTabs(1)"
|
|
|
- @mouseleave="qhTabs(0)"
|
|
|
- >
|
|
|
+ <div :class="['shop_head_right_btn', alert_1_num == 1 ? 'shop_head_right_btn_active' : '']"
|
|
|
+ @mouseenter="qhTabs(1)" @mouseleave="qhTabs(0)">
|
|
|
我要买
|
|
|
</div>
|
|
|
<!-- 我要卖 -->
|
|
|
@@ -85,12 +79,9 @@
|
|
|
<div class="shop_alert_li clearfix" v-for="item in shopMenu" :key="per_obj">
|
|
|
<label class="shop_alert_li_label">{{ item.alias }}</label>
|
|
|
<div class="shop_alert_li_panel clearfix">
|
|
|
- <NuxtLink
|
|
|
- class="shop_alert_li_panel_a"
|
|
|
- v-for="i in item.children"
|
|
|
- :to="`/xiangcunshangcheng/${item.aLIas_pinyin}/${i.aLIas_pinyin}/gongying/list-1.html`"
|
|
|
- :title="item.name"
|
|
|
- >
|
|
|
+ <NuxtLink class="shop_alert_li_panel_a" v-for="i in item.children"
|
|
|
+ :to="`/xiangcunshangcheng/${item.aLIas_pinyin}/${i.aLIas_pinyin}/gongying/list-1.html`"
|
|
|
+ :title="item.name">
|
|
|
{{ i.alias }}
|
|
|
</NuxtLink>
|
|
|
</div>
|
|
|
@@ -106,12 +97,10 @@
|
|
|
</div>
|
|
|
<div class="shop_alert_img_ul clearfix">
|
|
|
<div class="shop_alert_img_li clearfix" v-for="item in shopMenuGoods">
|
|
|
- <NuxtLink
|
|
|
- :to="getShopLinkPath(item)"
|
|
|
- class="shop_alert_img_li_a"
|
|
|
- :title="item.name"
|
|
|
- >
|
|
|
- <img class="shop_alert_img_li_img" :src="item.imgurl" :title="item.name" :alt="item.name">
|
|
|
+ <NuxtLink :to="getShopLinkPath(item)" class="shop_alert_img_li_a"
|
|
|
+ :title="item.name">
|
|
|
+ <img class="shop_alert_img_li_img" :src="item.imgurl" :title="item.name"
|
|
|
+ :alt="item.name">
|
|
|
<div class="shop_alert_img_li_right">
|
|
|
<!--产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台产品展台-->
|
|
|
<h4 class="shop_alert_img_li_h4 dot1">{{ item.name }}</h4>
|
|
|
@@ -139,12 +128,9 @@
|
|
|
<div class="shop_alert_li clearfix" v-for="item in shopMenu" :key="item.id">
|
|
|
<label class="shop_alert_li_label">{{ item.alias }}</label>
|
|
|
<div class="shop_alert_li_panel clearfix">
|
|
|
- <NuxtLink
|
|
|
- class="shop_alert_li_panel_a"
|
|
|
- v-for="i in item.children"
|
|
|
- :to="`/xiangcunshangcheng/${item.aLIas_pinyin}/${i.aLIas_pinyin}/qiugou/list-1.html`"
|
|
|
- :title="item.name"
|
|
|
- >
|
|
|
+ <NuxtLink class="shop_alert_li_panel_a" v-for="i in item.children"
|
|
|
+ :to="`/xiangcunshangcheng/${item.aLIas_pinyin}/${i.aLIas_pinyin}/qiugou/list-1.html`"
|
|
|
+ :title="item.name">
|
|
|
{{ i.alias }}
|
|
|
</NuxtLink>
|
|
|
</div>
|
|
|
@@ -160,12 +146,10 @@
|
|
|
</div>
|
|
|
<div class="shop_alert_img_ul clearfix">
|
|
|
<div class="shop_alert_img_li clearfix" v-for="item in shopMenuGoods">
|
|
|
- <NuxtLink
|
|
|
- :to="getShopLinkPath(item)"
|
|
|
- class="shop_alert_img_li_a"
|
|
|
- :title="item.name"
|
|
|
- >
|
|
|
- <img class="shop_alert_img_li_img" :src="item.imgurl" :title="item.name" :alt="item.name">
|
|
|
+ <NuxtLink :to="getShopLinkPath(item)" class="shop_alert_img_li_a"
|
|
|
+ :title="item.name">
|
|
|
+ <img class="shop_alert_img_li_img" :src="item.imgurl" :title="item.name"
|
|
|
+ :alt="item.name">
|
|
|
<div class="shop_alert_img_li_right">
|
|
|
<h4 class="shop_alert_img_li_h4 dot1">{{ item.name }}</h4>
|
|
|
<div class="shop_alert_img_li_dot3 dot3">{{ item.description }}</div>
|
|
|
@@ -489,7 +473,7 @@ let goShopSearch = () => {
|
|
|
//6.2 商城菜单
|
|
|
//我要卖
|
|
|
const alert_1_num = ref(0)
|
|
|
-const qhTabs = function(number){
|
|
|
+const qhTabs = function (number) {
|
|
|
alert_1_num.value = number
|
|
|
}
|
|
|
//6.3 获得商城菜单
|
|
|
@@ -500,19 +484,19 @@ let getShopMenu = async () => {
|
|
|
const responseStatus = await requestDataPromise('/web/getWebsiteshopCat', {
|
|
|
method: 'GET',
|
|
|
query: {
|
|
|
- id:346,
|
|
|
- page:1,
|
|
|
- pageSize:10,//请求所有菜单
|
|
|
+ id: 346,
|
|
|
+ page: 1,
|
|
|
+ pageSize: 10,//请求所有菜单
|
|
|
},
|
|
|
});
|
|
|
|
|
|
- if(responseStatus.data.category){
|
|
|
+ if (responseStatus.data.category) {
|
|
|
shopMenu.value = responseStatus.data.category[0].children;
|
|
|
}
|
|
|
//shopMenuGoods.value = responseStatus.data.goods;
|
|
|
//只展示6个商品
|
|
|
- for(let index in responseStatus.data.goods){
|
|
|
- if(index<=5){
|
|
|
+ for (let index in responseStatus.data.goods) {
|
|
|
+ if (index <= 5) {
|
|
|
shopMenuGoods.value.push(responseStatus.data.goods[index])
|
|
|
}
|
|
|
}
|
|
|
@@ -791,6 +775,7 @@ header {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
//常规 header end ---------------------------------------->
|
|
|
|
|
|
//商城 header start ---------------------------------------->
|
|
|
@@ -1025,9 +1010,10 @@ header {
|
|
|
|
|
|
.shop_alert_li {
|
|
|
margin-bottom: 11px;
|
|
|
- display: flex;
|
|
|
+ // display: flex;
|
|
|
|
|
|
.shop_alert_li_label {
|
|
|
+ float: left;
|
|
|
width: 120px;
|
|
|
line-height: 21px;
|
|
|
color: #333;
|
|
|
@@ -1051,7 +1037,10 @@ header {
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
|
|
|
- .shop_alert_li_panel {}
|
|
|
+ .shop_alert_li_panel {
|
|
|
+ float: left;
|
|
|
+ width: 840px;
|
|
|
+ }
|
|
|
|
|
|
.shop_alert_li_panel_a {
|
|
|
float: left;
|
|
|
@@ -1220,5 +1209,5 @@ a.shop_nav_head_a {
|
|
|
background-size: 12px 12px;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
-//商城 header end ---------------------------------------->
|
|
|
-</style>
|
|
|
+
|
|
|
+//商城 header end ----------------------------------------></style>
|
Jing