Vue实现一个长方形少一个三角形的样式（类似两个直角梯形摞在一起的样式）

<view class="flag-style"><view class="flag-text">哈哈哈</view></view>

<style lang="less">

.flag-style {

width: 100rpx;

height: 0rpx;

position: relative;

border: 30rpx solid #EBB904;

border-left:30rpx solid transparent;

.flag-text{

position: absolute;

right: -5rpx;

top: -25rpx;

font-size: 30rpx;

color: #fff;

}

</style>

注：如果要是需要放在列表中，要将flag-style的样式修改成下面这样。

.flag-style{

width: 100rpx;

height: 0rpx;

position: absolute;

right: 0rpx;

top: 15rpx;

border: 30rpx solid #EBB904;

border-left:30rpx solid transparent;

}

Vue实现一个长方形少一个三角形的样式（类似两个直角梯形摞在一起的样式）相关推荐

VBO，VAO,，EBO-penGL进阶(二十) - 绘制一个长方形和一个三角形
简介先看最终效果今天要学习的重点是怎样在场景中绘制两个(或者以上的)物体, 方框的绘制方框其实是由两个三角形组成,看一下VBO, VAO, EBO的定义 GLfloat vertices[] = ...
java中长方形的参数_JAVA的一个问题，定义一个长方形类，在类中定义两个成员属性分别为长和宽，...
展开全部难道是这样?public class Rectangle { private int width; private int height; public Rectangle(int widt ...
VUE+ECHARTS结合使用制作一个图标页面
最近比较跳跃,mybatis 想看但是实在没有实际案例看着看着就睡着了. 做了点前端的东西,在已经写好一个项目中新增一个展示界面.我去做的是前段,负责将数据给显示出来. 首先介绍一下这个前端是一年内的 ...
css加三角阴影,用CSS画一个带阴影的三角形的示例代码
1. 思路怎么用CSS3画一个带阴影的三角形呢 ? 有童鞋说, 这还不简单吗网上有很多解决方案, 但其实大多都是实现不太完美的, 存在一些问题假设我们做一个向下的三角形箭头常见的方法大致有两种 ...
判断一个点是否在三角形内部
题目:在二维坐标系中,所有的值都是double型,那么一个三角形可以由三个点来代表,给定三个点代表的三角形,再给定一个点(x, y),判断(x, y)是否在三角形中基本思路: 如果一个点O在三角形的 ...
如何判断一个点是否在三角形内部
如何判断一个点是否在三角形内部昨天学到一个方法,虽然是数学上的问题,而且也没找到具体严格的证明,但觉得知道下其用法还是很好的. 问题:如何判断一个点是否在三角形内部方法:比如三角型外有点P,三角型 ...
判定一个点是否在三角形内
三角形的面积公式如下: 在此处使用一种常见且简便的方法:如果三角形PAB,PAC和PBC的面积之和与三角形ABC的面积相等,即可判定点P在三角形ABC内(包括在三条边上). 可知,该方法的关键在于如何 ...
7-57 又来一个上三角数字三角形 (10 分)
输入一个正整数n,输出具有n层的上三角数字三角形. 输入格式: 只有一个正整数n,1<=n<=100. 输出格式: 一个上三角数字三角形,每个数字占四个字符位置. 输入样例: 5 输出样例 ...
[vue] 如果让你教一个2-3年经验前端经验的同事使用vue，你该怎么教？
[vue] 如果让你教一个2-3年经验前端经验的同事使用vue,你该怎么教? 直接甩已经有的项目给他简单说下 vuex router ,和项目中常用操作和注意事项比如什么时候可以用箭头函数什么 ...

Vue实现一个长方形少一个三角形的样式（类似两个直角梯形摞在一起的样式）

Vue实现一个长方形少一个三角形的样式（类似两个直角梯形摞在一起的样式）相关推荐

最新文章

热门文章