di18n-translate icon indicating copy to clipboard operation
di18n-translate copied to clipboard

Published 20 hours ago • verified publisher icon CommanderXL

最新版不支持 i18n-placeholder 属性？

Open yyccQQu opened this issue 4 years ago • 0 comments 

<!DOCTYPE html>
<html lang="en">

<head>
  <title></title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    .i18n {
      text-align: center;
      font-size: 18px;
      font-weight: 600;
    }

    .img-wrapper {
      padding-top: 30px;
      text-align: center;
    }

  </style>
</head>

<body>
  <div class="img-wrapper">
    <img src="" i18n-img="./imgs/${locale}/${locale}.png" width="50" height="50">
  </div>
  <p i18n-class="i18n" i18n-content="我就要用中文"></p>
  <div i18n-content="你好"></div>
  <!-- <input type="text" name="" i18n-placeholder="你好"> -->
  <input type="text" i18n-placeholder="确定">
  <!-- <input type="text" name="" i18n-placeholder="$t('aa',{val:bb})"> -->
</body>
<script src="./js/i18ns/di18n.min.js"></script>
<script src="./js/i18ns/en.js"></script>
<script src="./js/i18ns/zh.js"></script>
<script>
  var i18n = {
    locale: 'zh',
    isReplace: true,
    messages: {
      en: i18n_en,
      zh: i18n_zh
    }
  }
  var di18n = new DI18n(i18n)
  setTimeout(function(){
    // i18n.locale = 'en'
    // di18n = new DI18n(i18n)
    di18n.setLocale('en', function () {
      // 回调函数
      console.log('切换语言完成')
      
      let html = '<div class="title">$t("你好")</div><p class="desc">$t("我就要用中文")</p><div class="pwd-btn btn-hook">$t("确定")</div>'
      console.log(di18n.$html(html))
      // 变量$t 仅仅在 js中才可以渲染
      var t = di18n.$t('我很好', {val: 'Really？'})
      console.log(t,'t')

    })
  },1000)
</script>
</html>

切换的时候有问题

yyccQQu avatar Jul 28 '20 07:07 yyccQQu