微信小程序在界面首部导航栏左侧添加返回键，js.json.wxml.wxss代码实现

要在微信小程序界面的首部导航栏左侧添加返回键，你可以按照以下步骤进行操作：

1. 在 js 文件中，你可以监听返回键的点击事件，并在事件处理函数中执行返回操作。示例如下：

// page.js

Page({
  // 其他代码...

  // 返回按钮点击事件处理函数
  onBackClick: function () {
    wx.navigateBack({
      delta: 1 // 返回上一级页面
    });
  }
})

2. 在 json 文件中，你需要设置页面的导航栏样式和属性。示例如下：

// page.json

{
  "navigationBarTitleText": "页面标题",
  "navigationBarBackgroundColor": "#fff",
  "navigationBarTextStyle": "black"
}

3. 在 wxml 文件中，你可以在导航栏的左侧添加一个返回按钮，并绑定对应的点击事件处理函数。示例如下：

<!-- page.wxml -->

<view class="navbar">
  <view class="back-btn" bindtap="onBackClick">
    <image src="../../images/back.png" class="back-icon" />
  </view>
  <view class="title">页面标题</view>
</view>

<!-- 其他页面内容 -->

4. 在 wxss 文件中，你可以为返回按钮和导航栏定义样式。示例如下：

/* page.wxss */

.navbar {
  display: flex;
  align-items: center;
  height: 44px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}

.back-btn {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.back-icon {
  width: 20px;
  height: 20px;
}

.title {
  flex: 1;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

在上述代码中，我们通过添加一个返回按钮的按钮元素，并在点击事件处理函数中执行返回操作。同时，通过设置样式来实现返回按钮和导航栏的布局和样式。

以上代码示例仅供参考，你可以根据实际需求进行修改和适配。记得在相应的文件中添加对应的路径和样式文件引用。