微信小程序三角形实现（评论三角形）

效果

WXSS

.productStatus {position: absolute;right: 0;top: 0;height: 1.81rem;width: 1.81rem;display: flex;align-items: center;
}.productStatus span {position: absolute;top: 0;right: 0;width: 0;height: 0;border-top: 1.81rem solid #81d8d0;border-left: 1.81rem solid transparent;
}.productStatus em {position: absolute;top: -1.8rem;right: 0rem;height: 1.27rem;width: 1.27rem;line-height: 1.2rem;text-align: center;font-size: 0.29rem;color: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);
}

WXML

<view class="productStatus"><span><em>评论</em></span>
</view>

微信小程序三角形实现（评论三角形）相关推荐

微信小程序的订单评论页面-仿淘宝
微信小程序的订单评论页面-仿淘宝在网上搜了下,大部分都挺麻烦的,所以自己写了个,感觉还可以先看效果图: 需要用到的图片: 上代码: wxml: <view class='contains'& ...
微信小程序查看到评论
声明tp6后台授权页面 <view class="container"><view class="userinfo"><blo ...
基于Java (spring-boot)和微信小程序的校园闲置二手小程序交易商城（毕业设计优秀论文）
1. 总体功能图 1用户端 (1)用户信息模块用户注册登录.个人信息维护 (2)闲置信息模块闲置信息的发布.查询 (3)留言模块实时留言功能 (4)关注用户实时了解关注 ...
微信小程序消息模板设计及实现
本文以微信小程序内置的两个模板:购买成功和评论回复提醒为例来阐述第三方微信小程序平台的设计. 小程序端微信用户支付成功后,微信服务通知中会收到支付成功服务提醒.见下图: 商家端用户完成评价后,商家 ...
微信小程序计算三角形面积
微信小程序--计算三角形面积代码文件: 一..js文件二..wxml文件三..wxss文件结果展示: 代码文件: 一..js文件代码如下: data: {result:"" ...
微信小程序：模仿树形控件——画三角形
微信小程序:模仿树形控件--画三角形前言一.前端样式二.css 1.底边在左的三角形 2.底边在上的三角形前言微信小程序没有像element ui这样的框架,页面需要展现一个树形结构,于是就 ...
微信小程序实现css样式搭建（如三角形、正方形、圆形等）
参考链接: (1)微信小程序样式三角形搭建 http://www.voidcn.com/article/p-ngycxoje-brw.html [原文] http://blog.csdn.net/u0 ...
微信小程序计算三角形面积，三棱锥体积
微信小程序计算三角形面积,三棱锥体积 index.wxml: <view><form bindsubmit='formsubmit'><view>计算三角形的面积& ...
微信小程序css三角形内写文字-如vip标签
效果: wxml: <view class="productStatus"><span><em>VIP</em></span& ...

微信小程序三角形实现（评论三角形）

微信小程序三角形实现（评论三角形）

微信小程序三角形实现（评论三角形）相关推荐

最新文章

热门文章

微信小程序 三角形实现 （评论三角形）

微信小程序 三角形实现 （评论三角形）

微信小程序 三角形实现 （评论三角形）相关推荐

最新文章

热门文章

微信小程序三角形实现（评论三角形）

微信小程序三角形实现（评论三角形）

微信小程序三角形实现（评论三角形）相关推荐