在微信小程序中设计一个登录按钮：当输入框中未输入元素时提示输入元素，输入元素时跳转到其他页面

可以使用微信小程序的wxml和wxss文件来设计一个登录按钮，具体实现如下：

1. 在wxml文件中添加一个文本框和一个按钮：

<view class="container">
  <form bindsubmit="login">
    <input type="text" placeholder="请输入元素" name="element" />
    <button type="submit">登录</button>
  </form>
</view>

2. 在wxss文件中设置按钮样式：

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

input {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}

button {
  background-color: #007aff;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 16px;
}

3. 在js文件中添加登录事件处理函数：

Page({
  login: function(e) {
    var element = e.detail.value.element;
    if (!element) {
      wx.showToast({
        title: '请输入元素',
        icon: 'none'
      })
      return;
    }
    wx.navigateTo({
      url: '/pages/other-page/other-page?element=' + element
    })
  }
})

在上述代码中，当用户点击登录按钮时，会触发login事件处理函数。首先，从输入框中获取元素的值，并进行非空校验。如果元素为空，则使用wx.showToast()函数在页面上显示一个提示框。如果元素不为空，则使用wx.navigateTo()函数跳转到其他页面，并将元素的值作为参数传递给其他页面。