Vue实现一个长方形多一个三角形的样式

可以使用 Vue 的模板语法和样式来实现长方形多一个三角形的样式。具体代码如下：

<template>
  <div class="rectangle">
    <div class="triangle"></div>
  </div>
</template>

<style>
  .rectangle {
    position: relative;
    width: 200px;
    height: 100px;
    background-color: #ccc;
    border: 1px solid #999;
  }
  .triangle {
    position: absolute;
    width: 0;
    height: 0;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ccc;
  }
</style>

在这个例子中，我们使用了 Vue 的模板语法来创建一个父容器 `.rectangle` 和一个子容器 `.triangle`，并在样式中使用了 `position` 属性来设置容器的定位。同时，我们使用了 `transform` 属性来将三角形容器水平居中，使用 `border` 属性来设置三角形的大小和颜色。

希望这个回答能够解决你的问题，如果还有任何疑问，请随时问我。