<!-- 顶部导航栏 --><viewclass="nav"><viewclass="flex_center"><viewclass="flex_between"><viewclass="nav_image"><uni-iconstype="settings-filled"size="30"color="#F13E37"></uni-icons></view><viewclass="nav_title"v-for="item in nav"><view:class="{'active':isActive==item.isActive}"@click="chenked(item.isActive)">
{{item.name}}
</view></view><viewclass="nav_image"><uni-iconstype="search"size="30"color="#F13E37"></uni-icons></view></view></view></view><!-- 顶部导航栏的下面的框 --><viewclass="nav_item"v-if="isActive==1"><view>11</view><social></social></view><viewclass="nav_item"v-if="isActive==2"><view>22</view></view><viewclass="nav_item"v-if="isActive==3"><view>33</view></view>
<script>exportdefault{data(){return{nav:[{name:'项目',isActive:1},{name:'首页',isActive:2},{name:'发现',isActive:3}],isActive:2,}},onLoad(){},methods:{//切换navchenked(type){this.isActive = type
},}}</script>