<view style="font-weight:bold;float: left;line-height: 20px; margin-left: 60px;display: flex; align-items: center;"> <text style="">深圳宝安体育场训练基地</text> <view class="iconfont icon-xiangyou"></view> <!-- <text v-text="this.latitude"></text> <text v-text="this.longitude"></text> --> </view> <view> <text>营业中|</text> </view>让上面的view标签显示的数据和下面的view标签显示的数据不在同一行

你可以给上面的 view 标签添加 CSS 样式 `display: block;` 或者 `clear: both;`，这样就可以让它独立成一行显示，不和下面的 view 标签在同一行了。例如：

<view style="font-weight:bold;float: left;line-height: 20px; margin-left: 60px;display: block; clear: both; align-items: center;">
    <text style="">深圳宝安体育场训练基地</text>
    <view class="iconfont icon-xiangyou"></view>
    <!-- <text v-text="this.latitude"></text>
    <text v-text="this.longitude"></text> -->
</view>
<view>
    <text>营业中|</text>
</view>