applet
parent
544226147c
commit
0e6791a61f
@ -1,151 +0,0 @@ |
||||
<template> |
||||
<view> |
||||
<!-- 用j-navbar 组件实现导航栏 --> |
||||
<j-navbar :isBack="false" :background="{ background: '#1A8CFE' }" :extraHeight="42"> |
||||
<template #left> |
||||
<view class="cor-fff"> |
||||
<view class="navbar-left"> |
||||
<text class="ml10 fs16">{{ title }}</text> |
||||
<text class="ml10 fs12">无人机驾考平台</text> |
||||
</view> |
||||
<view class="mt10 p5tb p15lr" style="width: 100vw"> |
||||
<u-search v-model="searchValue" placeholder="搜索培训机构" :showAction="false" disabled @click="next('/pages/index/search', false)">搜索</u-search> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
</j-navbar> |
||||
<view class="container" style="background: #1a8cfe"> |
||||
<view class="p15tb" style="background: #1a8cfe"> |
||||
<view class="flex ai-c"> |
||||
<view class="text-center" style="width: 30%" @click="next('/pages/index/testRoom', true)"> |
||||
<text class="custom-icon custom-icon-kaodian fs28 cor-fff"></text> |
||||
<view class="mt2 cor-fff fs12">CAAC考点</view> |
||||
</view> |
||||
<view class="text-center" style="width: 30%" @click="next('/pages/index/testCalendar', true)"> |
||||
<text class="custom-icon custom-icon-kaoshishijian fs28 cor-fff"></text> |
||||
<view class="mt2 cor-fff fs12">CAAC考试时间</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="mt5 p15 bc-fff" style="border-radius: 16px 16px 0 0"> |
||||
<!-- 入驻 --> |
||||
<view class="flex jc-c ai-c"> |
||||
<view class="fl1 br10" style="background: linear-gradient(to bottom, #0478d6, #01e2f3)"> |
||||
<view class="flex jc-c ai-c p10" @tap="next('/pages/index/registerStation', true)"> |
||||
<view class="fl1"> |
||||
<view class="fs18 cor-fff">机构入驻</view> |
||||
<view class="mt12 fs12 bc-fff text-center br9" style="width: 68px; height: 18px; line-height: 18px; color: #0478d6">立即申请</view> |
||||
</view> |
||||
<image src="@/static/image/index/wrj1.png" style="width: 64px; height: 64px" /> |
||||
</view> |
||||
</view> |
||||
<view class="fl1 br10 ml10" style="background: linear-gradient(to bottom, #e78728, #f2a547)"> |
||||
<view class="flex jc-c ai-c p10" @tap="next('/pages/index/registerCoach', true)"> |
||||
<view class="fl1"> |
||||
<view class="fs18 cor-fff">教员入驻</view> |
||||
<view class="mt12 fs12 bc-fff text-center br9" style="width: 68px; height: 18px; line-height: 18px; color: #e78728">立即申请</view> |
||||
</view> |
||||
<image src="@/static/image/index/wrj2.png" style="width: 64px; height: 64px" /> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<!-- 找驾校 --> |
||||
<view class="br10 mt10" style="background: linear-gradient(to bottom, #7783e4, #8ebfff)" @tap="next('/pages/index/consult', true)"> |
||||
<view class="flex jc-c ai-c p10" style="height: 84px"> |
||||
<view class="fl1"> |
||||
<view class="fs24 cor-fff fw600">为您甄选优质驾校</view> |
||||
<view class="fs14 mt5 cor-fff">离家近 价格低 口碑好 有折扣</view> |
||||
</view> |
||||
<view class="fs16 bc-fff text-center br14 p5lr" style="height: 28px; line-height: 28px; color: #7783e4">帮我找驾校</view> |
||||
</view> |
||||
</view> |
||||
<!-- 驾校列表 --> |
||||
<view class="mt10"> |
||||
<u-sticky offsetTop="120"> |
||||
<view class="p10tb flex jc-sb ai-c bc-fff"> |
||||
<view class="fs15 fw600">无人机驾校</view> |
||||
<view class="flex fs12 cor-333" @click="next('/pages/choseCity/choseCity', false)"> |
||||
<text class="mr5">{{ queryParams.address || '全部城市' }}</text> |
||||
<u-icon name="arrow-down" /> |
||||
</view> |
||||
</view> |
||||
</u-sticky> |
||||
<u-list @scrolltolower="scrolltolower" height="calc(100vh - 120px)"> |
||||
<u-list-item v-for="(item, index) in pageList" :key="index"> |
||||
<j-station :info="item" /> |
||||
</u-list-item> |
||||
</u-list> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<u-tabbar :value="tabIndex" @change="name => changeTab(name)"> |
||||
<u-tabbar-item v-for="(item, index) in tabbarList" :key="index" :text="item.text" :icon="item.icon" :name="item.name"></u-tabbar-item> |
||||
</u-tabbar> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
import { getStationList } from '@/jtools/api/station'; |
||||
import { mapState } from 'pinia'; //引入映射函数 |
||||
import useUserStore from '@/jtools/store/user'; //引入store |
||||
|
||||
export default { |
||||
computed: { |
||||
...mapState(useUserStore, ['tabbarList']) |
||||
}, |
||||
data() { |
||||
return { |
||||
searchValue: '', |
||||
title: import.meta.env.VITE_APP_TITLE || '首页', |
||||
queryParams: { |
||||
address: '', |
||||
pageNo: 1, |
||||
pageSize: 20 |
||||
}, |
||||
total: 0, |
||||
pageList: [], |
||||
tabIndex: '/pages/index/index', |
||||
}; |
||||
}, |
||||
onShow() { |
||||
this.queryParams.address = uni.getStorageSync('city'); |
||||
this.pageList = []; |
||||
this.queryParams.pageNo = 1; |
||||
this.getPageList(); |
||||
}, |
||||
methods: { |
||||
getPageList() { |
||||
const _this = this; |
||||
const params = { ...this.queryParams }; |
||||
getStationList(params).then(res => { |
||||
_this.pageList = [..._this.pageList, ...res.data.records]; |
||||
_this.total = res.data.total; |
||||
}); |
||||
}, |
||||
next(url, needLogin = false) { |
||||
if(needLogin && !useUserStore().isLogin) { |
||||
uni.showToast({title: '请先登录', icon: 'none'}) |
||||
uni.navigateTo({ |
||||
url: '/pages/me/login' |
||||
}) |
||||
} |
||||
uni.navigateTo({ |
||||
url: url |
||||
}); |
||||
}, |
||||
scrolltolower() { |
||||
if (this.pageList.length < this.total) { |
||||
this.queryParams.pageNo++; |
||||
this.getPageList(); |
||||
} |
||||
}, |
||||
changeTab(name) { |
||||
this.tabIndex = name; |
||||
uni.redirectTo({ |
||||
url: name |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
Loading…
Reference in new issue