Node.js отправить шаблон электронной почты e js использовать flexbox - PullRequest
0 голосов
/ 19 апреля 2020

Я кодирую шаблон и начинаю использовать e js для почтового шаблона. Но когда я использую встроенный css с e js, он не отображается на почтовых серверах, таких как Gmail. Я новичок в использовании e js, поэтому я сильно растерялся, если неправильно использую flexbox. Поскольку выходные данные не связаны с тем, что я хочу.

Вот мой файл e js.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="x-apple-disable-message-reformatting" />
  </head>

  <body style="margin: 0; padding: 0; display: flex; flex-direction: column;">
    <div style="display: flex; background-color: burlywood; height: 40; width: 100%; border: 1px solid black;"><p>header</p></div>
    <div style="display: flex; background-color: burlywood; height: 200; width: 100%; border: 1px solid black;"><p>bodhy</p></div>
    <div style="display: flex; background-color: burlywood; height: 40; width: 100%; border: 1px solid black;"><p>footer</p></div>
  </body>
</html>

Вот мой код узла.

const data = await ejs.renderFile(__dirname + "/simple.ejs", {name: "Name"});

  const mainOptions = {
    from: "my@address",
    to: "to@address",
    subject: "Please activate your account",
    html: data,
  };

  transporter.sendMail(mainOptions, (err, info) => {
    if (err) {
      console.log(err);
    } else {
      console.log("Message sent: " + info.response);
    }
  });

Вот вывод в Gmail. screenshot

Я пытаюсь написать flexbox с другой системой внутренних пропорций, но файл e js не принимает мои свойства высоты или ширины. Я хотел бы узнать, в чем я не прав.

Заранее спасибо.

...