查汉字读音微信小程序源代码

应用介绍

在现实生活中，读错别人姓名是件尴尬的事。通过查汉字读音微信小程序，可以方便知道字的读音。

<view class="container">
  <view class="info-container">
    <text class="pinyin-text">{{pinyinText}}</text>
    <input focus="{{true}}" maxlength="1" bindinput="onInput" placeholder="" />
    <text class="tip">输入汉字</text>
  </view>
</view>

// index.js
var app = getApp()
var pinyin = require('../../utils/pinyin.js');
Page({
  data: {
    pinyinText: '',
  },
  onLoad: function () {

  },
  // 事件处理函数
  onInput: function(e) {
    console.log(e)
    var char = e.detail.value;
    console.log('--', char);
    char = char && char.trim();
    if (char.length == 1) {
      if (pinyin.hasOwnProperty(char)) {
        console.log(pinyin[char].join(', '))
        this.setData({
          pinyinText: pinyin[char].join(', ')
        });
      }
      else {
        this.setData({
          pinyinText: '找不到，^_^'
        });
      }
    }
    else {
      this.setData({
        pinyinText: ''
      });
    }
  },

})