Question

我无法增加text-area的甜蜜警报的pops-up，我想根据自己的规范进行重置，我可以增加模式的高度和宽度，而不是{ {1}}。需要输入

在CSS中尝试了text-area和.swal-height并给出了合适的.swal-width。但无法设置classname的大小。

text-area

}

希望handleDelete() { var delreq; var response_data; var response_jsonObj; swal("Enter notes:", { content: "input", }).then((value) => { isDeleted = "Yes"; delreq = { "DeleteRequest": [ { "Param-1": val1, "Param-2": val2, "Param-3": "val3", "Param-4": val4, "Param-5": val5 } ] }; console.log('delreq',delreq); fetch('API_URL', { headers: { 'Accept': 'application/json, text/plain, application/xml, */*', 'Content-Type': 'application/json', 'Access-Control-Allow-Headers': 'Content-Type', }, method: 'POST', body: JSON.stringify(delreq) } ).then(response => { if (response.status !== 200) { return; } response.text().then(data => { response_data = data; response_jsonObj = JSON.parse(response_data); this.setState({ delval: response_jsonObj }); }); }).catch(error => this.setState({ error })); swal({ title: "Deleted Successfully!", icon: "success", confirmButtonText: 'OK' }).then((okay) => { if (okay) { history.push('/page1'); history.push('/page2'); } }); });大于现在的值。

Answer 1

此问题已解决。我使用了SweetAlert2的最新版本SweetAlert2，这使我的工作变得更轻松。我使用了SweetAlert2的官方网站（https://sweetalert2.github.io/）上的代码片段来完成工作。这是：

Swal.fire({
  title: 'Submit your Github username',
  input: 'text',
  inputAttributes: {
    autocapitalize: 'off'
  },
  showCancelButton: true,
  confirmButtonText: 'Look up',
  showLoaderOnConfirm: true,
  preConfirm: (login) => {
    return fetch(`//api.github.com/users/${login}`)
      .then(response => {
        if (!response.ok) {
          throw new Error(response.statusText)
        }
        return response.json()
      })
      .catch(error => {
        Swal.showValidationMessage(
          `Request failed: ${error}`
        )
      })
  },
  allowOutsideClick: () => !Swal.isLoading()
}).then((result) => {
  if (result.value) {
    Swal.fire({
      title: `${result.value.login}'s avatar`,
      imageUrl: result.value.avatar_url
    })
  }
})

Answer 2

就像上面尝试使用SweetAlert 2一样，我有一个类似的问题，只是把

.swal2-popup {
  font-size: 1.6rem !important;
}

关于您模块的CSS样式，这对我的文字有所帮助，根据您的字体大小，我认为文字是自动调整大小

SweetAlert：需要增加文本区域的大小

2 个答案: