odjbin/city-store-transfer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

罗世杰：feat：初始化主页导航跳转

Browse Source
This commit is contained in:
LuoShijie
2023-11-09 22:18:24 +08:00
parent 10802093b5
commit 5c391aae6e
7 changed files with 251 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
pages.json
View File

@@ -105,6 +105,46 @@
"enablePullDownRefresh": false
}
},
{
"path" : "pages/index/NavBarPages/zrxx/zrxx",
"style" :
{
"navigationBarTitleText" : "转让信息",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/index/NavBarPages/zdxx/zdxx",
"style" :
{
"navigationBarTitleText" : "找店信息",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/index/NavBarPages/czxx/czxx",
"style" :
{
"navigationBarTitleText" : "出租信息",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/index/NavBarPages/xmzs/xmzs",
"style" :
{
"navigationBarTitleText" : "项目招商",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/index/NavBarPages/cjal/cjal",
"style" :
{
"navigationBarTitleText" : "成交案例",
"enablePullDownRefresh" : false
}
}
],
"tabBar": {

29
pages/index/HomeMainContent/HomeNavCard.vue
View File

@@ -15,31 +15,38 @@
return {
navItems: [{
icon: "/static/navbar/sy_icon_zrxx.png",
text: "转让信息"
text: "转让信息",
url: "/pages/index/NavBarPages/zrxx/zrxx"
},
{
icon: "/static/navbar/sy_icon_zdxx.png",
text: "找店信息"
text: "找店信息",
url: "/pages/index/NavBarPages/zdxx/zdxx"
},
{
icon: "/static/navbar/sy_icon_czxx.png",
text: "出租信息"
text: "出租信息",
url: "/pages/index/NavBarPages/czxx/czxx"
},
{
icon: "/static/navbar/sy_icon_xmzs.png",
text: "项目招商"
text: "项目招商",
url: "/pages/index/NavBarPages/xmzs/xmzs"
},
{
icon: "/static/navbar/sy_icon_cjal.png",
text: "成交案例"
text: "成交案例",
url: "/pages/index/NavBarPages/cjal/cjal"
},
{
icon: "/static/navbar/sy_icon_spdt.png",
text: "速配地图"
text: "速配地图",
url: '/pages/index/map/map'
},
{
icon: "/static/navbar/sy_icon_zmhb.png",
text: "招募合伙"
text: "招募合伙",
url:'/pages/Partnerships/Partnerships'
},
{
icon: "/static/navbar/sy_icon_lxwm.png",
@@ -51,12 +58,10 @@
},
methods: {
handleItemClick(index) {
// 在这里处理点击事件，并使用下标值
console.log(`项目 ${index} 被点击了`);
// 或者执行其他需要的操作
if (index == 5) {
// 跳转页面
if (index >= 0 && index <= 6) {
uni.navigateTo({
url: '/pages/index/map/map'
url: this.navItems[index].url
})
}
}

22
pages/index/NavBarPages/cjal/cjal.vue Normal file
View File

@@ -0,0 +1,22 @@
<template>
<view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

22
pages/index/NavBarPages/czxx/czxx.vue Normal file
View File

@@ -0,0 +1,22 @@
<template>
<view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

22
pages/index/NavBarPages/xmzs/xmzs.vue Normal file
View File

@@ -0,0 +1,22 @@
<template>
<view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

64
pages/index/NavBarPages/zdxx/zdxx.vue Normal file
View File

@@ -0,0 +1,64 @@
<template>
<view>
<view class="search-box">
<view class="search-box-input">
<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 24px;color: #909399;" border="true">
</u-input>
</view>
</view>
<view>
<DropDown></DropDown>
</view>
<view>
<SearchShopList :showStyle="1"/>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
page{
background-color: #F8F8F8;
}
.search-box {
position: relative;
z-index: 1;
left: 50%;
width: 84.6%;
transform: translateX(-50%);
.search-box-input {
border-radius: 12rpx;
margin-top: 20rpx;
background-color: #fff;
opacity: 0.85;
.u-border {
border: none;
.u-input__content {
height: 62rpx;
border-radius: 12rpx;
background-color: #fff;
.u-input__content__field-wrapper__field {
font-size: 26rpx !important;
}
}
}
}
}
</style>

64
pages/index/NavBarPages/zrxx/zrxx.vue Normal file
View File

@@ -0,0 +1,64 @@
<template>
<view>
<view class="search-box">
<view class="search-box-input">
<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
prefixIconStyle="font-size: 24px;color: #909399;" border="true">
</u-input>
</view>
</view>
<view>
<DropDown></DropDown>
</view>
<view>
<ShowShopList :showStyle="1"></ShowShopList>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
page{
background-color: #F8F8F8;
}
.search-box {
position: relative;
z-index: 1;
left: 50%;
width: 84.6%;
transform: translateX(-50%);
.search-box-input {
border-radius: 12rpx;
margin-top: 20rpx;
background-color: #fff;
opacity: 0.85;
.u-border {
border: none;
.u-input__content {
height: 62rpx;
border-radius: 12rpx;
background-color: #fff;
.u-input__content__field-wrapper__field {
font-size: 26rpx !important;
}
}
}
}
}
</style>