封装一个小程序获取用户信息的组件

父组件wxml：

 <!--点击获取用户信息-->
<view class="publish-container" bindtap="onPublish">
</view>
 <!--底部弹出层-->
  <x-login modalShow="{
   {modalShow}}" 
  bind:loginsuccess="onLoginSuccess"
  bind:loginfail="onLoginFail"
  >
  </x-login>

父组件的js代码：

 /**
   * 页面的初始数据
   */
  data: {
   
    modalShow: false //控制底部弹出层是否显示
  },
  //发布功能
  onPublish() {
   
    //判断用户是否授权
    wx.getSetting({
   
      success: (res) => {
   
        console.log(res)
        if (res.authSetting['scope.userInfo']) {
   
          wx.getUserInfo({
   
            success: (res) => {
   
              console.