sc
This commit is contained in:
@@ -9,12 +9,6 @@
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/index/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/choseCity/choseCity",
|
||||
"style": {
|
||||
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user