一个颜值比较高的商城demo
| 别处看到，觉得很不错，于是转过来的。亲测可用，请放心使用：
有点像玩物志的小程序，接下来是开发者的开发随笔： 持续待更新中~
首页分类页分类详情页详情页详情页，加入购物车弹窗购物车我的页，我的订单我的页，地址管理新增地址样式倒三角符号实现 主要利用了伪元素和定位来完成：
这里首先定义一个view（类比html中的div），给它加上一个view叫做view-triangle，主要是用来给它自身定义背景，宽高，并且需要加上相对定位，因为它里面的三角符号需要在它的基础上进行绝对定位；
在这个view class上面加一个before或者after的伪元素，这个就是三角符号，主要利用了它的border属性，定义三个border，让border-left和border-right透明，让border-top（或border-bottom）非透明，取决于你想将这个三角符号设置成什么颜色。
最后需要给这个三角符号进行绝对定位，如果你要将它放在这个view的最下面，可以设置bottom：0，如果你要做一个导航类的三角让它在view顶部并指向某元素，可以采用负的top值进行实现，其为负的border的宽度，就可以让它和view连在一起。
同时，要设置这个伪元素宽高为0，内容为空，剩下的工作就是调整它的位置了。
|
免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。
