<template>
  <div class="c">
    <van-list class="user-bar-list">
      <van-cell
        v-for="(item, index) in vanListConfig"
        :key="index"
        :class="index == vanListConfig.length - 1 ? 'user-bar-list-last' : ''"
        :title="item.title"
        :value="item.txt"
        is-link
        @click="evGoPath(item.url)"
      />
    </van-list>
 
  </div>
</template>

<script setup> 

const router = useRouter() 
const vanListConfig = [
  { title: $t('settings.Language'), icon:"ingot",  url: 'languageSettings', txt: $t("settings.TraditionalChinese")  },
  // { title: $t('settings.MonetaryUnit'),   txt:"USD" },
  // { title: $t('settings.NodeSettings'),   url: 'nodeDividend',  },
]

const evGoPath = (url) => { 
  router.push(url)
}
</script>

<style scoped lang="less"> 
.user-bar-list{
  margin: 25px 17px 0 17px;
  border-radius: 12px 12px 12px 12px;
  overflow: hidden; 
  .van-cell{
    height: 44px;
    background: @bg-color1;
    border-bottom: 1px solid @bg-color1;
    font-size: 15px;
    align-items: center;
    &::after{
      border-bottom: 1px solid #F2F2F2;
    }
  }
  :deep(.van-cell__title){
    font-family: PingFang SC, PingFang SC;
    font-weight: 500 ;
    font-size: 15px;
    color: #000000;
  }
  :deep(.van-cell__value){
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 15px;
    color: #8D8D8D;
    // min-width: 250px;
  }
}
</style>