运用微信小程序开发工具设计一个小程序用户登录界面，在界面上输入用户名、密码，还布局有登录按钮和选择保存密码，当选择了保存密码，点击登录后就可以保存用户名和密码，下次运行时用户名与密码就会自动填入。当保存密码成功时试器Console面板输出“Password saved successfully!”的提示信息。

好的，这里给您提供一个简单的小程序用户登录界面的代码示例：

<view class="container">
  <view class="input-row">
    <text class="label">用户名</text>
    <input class="input" placeholder="请输入用户名" bindinput="onInputUsername" value="{{username}}"></input>
  </view>
  <view class="input-row">
    <text class="label">密码</text>
    <input class="input" type="password" placeholder="请输入密码" bindinput="onInputPassword" value="{{password}}"></input>
  </view>
  <view class="checkbox-row">
    <checkbox class="checkbox" checked="{{savePassword}}" bindchange="onCheckboxChange"></checkbox>
    <text class="checkbox-label">记住密码</text>
  </view>
  <button class="login-button" bindtap="onTapLogin">登录</button>
</view>

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.input-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.label {
  font-size: 24rpx;
  margin-right: 20rpx;
}

.input {
  font-size: 24rpx;
  width: 300rpx;
  border: 1rpx solid #ccc;
  padding: 10rpx;
}

.checkbox-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.checkbox {
  margin-right: 10rpx;
}

.checkbox-label {
  font-size: 24rpx;
}

.login-button {
  font-size: 24rpx;
  background-color: #007AFF;
  color: #fff;
  border-radius: 10rpx;
  padding: 10rpx 20rpx;
}

Page({
  data: {
    username: '',
    password: '',
    savePassword: false,
  },

  onLoad: function () {
    // 从本地存储中读取保存的用户名和密码
    const username = wx.getStorageSync('username')
    const password = wx.getStorageSync('password')
    if (username && password) {
      this.setData({
        username,
        password,
        savePassword: true,
      })
    }
  },

  onInputUsername: function (event) {
    this.setData({
      username: event.detail.value,
    })
  },

  onInputPassword: function (event) {
    this.setData({
      password: event.detail.value,
    })
  },

  onCheckboxChange: function (event) {
    this.setData({
      savePassword: event.detail.value,
    })
  },

  onTapLogin: function () {
    // 登录逻辑，这里只是简单地把用户名和密码保存到本地存储中
    if (this.data.savePassword) {
      wx.setStorageSync('username', this.data.username)
      wx.setStorageSync('password', this.data.password)
      console.log('Password saved successfully!')
    } else {
      wx.removeStorageSync('username')
      wx.removeStorageSync('password')
    }
    wx.showToast({
      title: '登录成功',
    })
  },
})

注意，这里的保存密码只是将用户名和密码保存到本地存储中，并没有进行真正的加密处理，因此不建议在实际项目中使用。