快应用底部tab栏组件

<template>
    <div class="navbar">
        <div class="navbar-item"
             onclick="handleGoToUriPage(i)"
             for="(i,n) in navbarlist">
            <image src="{
  {navbarIndex===i?n.selectIcon:n.icon}}"></image>
            <text style="{
  {navbarIndex===i?styleActive:styleStr}}">{
  {n.text}}</text>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            navbarIndex:0
        }
    },
    props: {
        navbarlist:{
            type:Array,
            default:[
                {
                    icon: '/common/image/tab_home1.png',    //默认图标路径
                    selectIcon: '/common/image/tab_home_pre1.png',  //选择的图标路径    
                    text: '借钱'    //显示的文本信息
                },
                {