vuejs2 - 如何在 vuetify 中创建垂直按钮

Question

如何在 vuetify 中旋转按钮并将其移动到右边缘，如下图所示。1. 按钮高度应与页面高度一致。2. 按钮的标签应位于顶部且垂直，如下图所示。

标签： vuejs2vuetify.js

Answer 1

点击

#button1 {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform-origin: bottom right;
  margin-left: 280px;
  margin-top:-63px;
}
p{
   align-items: flex-top;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform-origin: bottom;
}