这个功能主要是使用原生的标签+js+css实现的,目前在项目中属于定制化开发,后期可以考虑封装成组件,简单的记录一下
<view class="choose">
<--左边tab切换分类-->
<view class="left">
<view
v-for="(item, index) in state.siteList"
:key="item.id"
:class="
item.id === state.tabValue
? 'active-left left-default'
: 'left-heading left-default'
"
@click="siteChange(index, item.id)"
>
<div>{
{ item?.name }}</div>
<div style="text-align: center">
{
{
getDistance(
item?.positionLatitude,
item?.positionLongitude,
state.currentLat,
state.currentL