Skip to content

M
million
Commit 922dcb54 authored by 黄奎's avatar 黄奎
Browse files
Options

11

parent 8a09f762
Hide whitespace changes
Inline Side-by-side
Showing with 153 additions and 32 deletions
src/components/navs/hor-big-one.vue
View file @ 922dcb54
......@@ -195,6 +195,127 @@
object-fit: contain;
}
</style>
<style>
/* ===============================
顶部导航项
================================ */
.nav-social {
position: relative;
display: inline-block;
padding: 0 10px;
}
.nav-trigger {
font-size: 14px;
font-weight: 600;
color: #444;
cursor: pointer;
}
.nav-social:hover .nav-trigger {
color: var(--q-color-primary);
}
/* ===============================
弹层容器
================================ */
.social-pop {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
margin-top: 12px;
background: #fff;
border-radius: 12px;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
opacity: 0;
visibility: hidden;
transition: all 0.18s ease;
z-index: 1000;
}
/* hover 显示 */
.nav-social:hover .social-pop {
opacity: 1;
visibility: visible;
}
/* ===============================
箭头（真实 DOM）
================================ */
.arrow {
position: absolute;
top: -7px;
left: 50%;
width: 14px;
height: 14px;
background: #fff;
transform: translateX(-50%) rotate(45deg);
box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.08);
}
/* ===============================
二维码内容
================================ */
.social-qrcode {
padding: 18px 22px 14px;
text-align: center;
}
.social-qrcode img {
width: 180px;
height: 180px;
border-radius: 8px;
display: block;
}
.social-tip {
margin-top: 10px;
font-size: 13px;
color: #666;
}
/* ===============================
小红书弹层尺寸
================================ */
.xhs-pop {
padding: 18px 20px 16px;
}
/* ===============================
二维码列表
================================ */
.xhs-list {
display: flex;
gap: 16px;
}
/* ===============================
单个二维码卡片
================================ */
.xhs-item {
width: 140px;
text-align: center;
}
.xhs-item img {
width: 140px;
height: 140px;
border-radius: 10px;
display: block;
background: #f5f5f5;
}
/* 账号说明 */
.xhs-tip {
margin-top: 8px;
font-size: 13px;
color: #666;
}
</style>
<template>
<q-header reveal :style="{ background: baseData.nav.bg, color: baseData.nav.color }" class="bg-white"
......@@ -225,8 +346,30 @@
</q-item>
</q-list>
</q-menu>
</q-btn>
<q-btn label="帮助中心" flat></q-btn> -->
</q-btn>-->
<div class="nav-social">
<span class="nav-trigger">公众号</span>
<div class="social-pop">
<div class="arrow"></div>
<div class="social-qrcode">
<img :src="yyzlImg" />
<div class="social-tip">扫码关注公众号</div>
</div>
</div>
</div>
<div class="nav-social">
<span class="nav-trigger">小红书</span>
<div class="social-pop xhs-pop">
<div class="arrow"></div>
<div class="xhs-list">
<div class="xhs-item" v-for="(item, index) in xhsImgList" :key="index">
<img :src="item" />
<div class="xhs-tip">小红书账号{{ index + 1 }}</div>
</div>
</div>
</div>
</div>
<q-btn v-if="LoginUser.id <= 0" label="注册" flat></q-btn>
<template v-if="LoginUser.token">
<q-btn-dropdown style="color: #444; font-weight: bold" class="q-ml-lg" unelevated>
......@@ -379,6 +522,12 @@
selectedAreaId: "",
isHome: false,
isSearch: true,
yyzlImg: "https://imgfile.oytour.com/static/b2c/yyzl.jpg",
xhsImgList: [
"https://imgfile.oytour.com/static/b2c/JPtravel.png",
"https://imgfile.oytour.com/static/b2c/RoyalHolidays1.png",
"https://imgfile.oytour.com/static/b2c/RoyalHolidays2.png",
]
};
},
watch: {
......@@ -405,8 +554,7 @@
meta() {
return {
title: this.subTitle != "" ?
`${this.subTitle} - ${this.baseData.name}` :
this.baseData.name,
`${this.subTitle} - ${this.baseData.name}` : this.baseData.name,
};
},
mounted() {
......
src/pages/SearchProduct.vue
View file @ 922dcb54
......@@ -1191,24 +1191,11 @@
companyId: 0,
startDate: "", //开始日期
endDate: "", //结束日期
// lineId: 0, //线路编号
// lineTeamId: 0, //系列编号
minPrice: "", //最低价格
maxPrice: "", //最高价格
// minTripDay: "", //最低行程条数
// maxTripDay: "", //最高行程天数
// orderByDate: 0,
// orderByPrice: 0,
// orderBySales: 0,
// pageIndex: 1,
// pageSize: 10,
// priceOrderByField: 4,
SeriesIds: "",
LineIds: "",
searchKey: "", // 搜索词
// startCityId: 0,
// PageCount: 0,
// TotalCount: 0,
dayNumList: [], // 天数
webSiteCategoryIds: "", // 分类Id
placeIds: "", // 目的地城市Id
......@@ -1279,7 +1266,7 @@
this.qMsg.endDate = qsearchEndDate;
} else {
this.qMsg.endDate = date.formatDate(date.addToDate(new Date(), {
month: 2
month: 12
}), 'YYYY-MM-DD');
}
if (areaId) {
......@@ -1316,26 +1303,12 @@
companyId: 0,
startDate: "", //开始日期
endDate: "", //结束日期
// lineId: 0, //线路编号
// lineTeamId: 0, //系列编号
minPrice: "", //最低价格
maxPrice: "", //最高价格
// minTripDay: "", //最低行程条数
// maxTripDay: "", //最高行程天数
// orderByDate: 0,
// orderByPrice: 0,
// orderBySales: 0,
// pageIndex: 1,
// pageSize: 10,
// priceOrderByField: 4,
searchKey: "", // 搜索词
SeriesIds: "",
LineIds: "",
// startCityId: 0,
// PageCount: 0,
// TotalCount: 0,
dayNumList: [], // 天数
webSiteCategoryIds: "", // 分类Id
placeIds: "", // 目的地城市Id
orderBy: 0 // 排序 0默认 1价格升序 2价格降序
......
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