纯css写码一个漂亮的优惠券,支持小程序uni-appvue语法

html-css014

纯css写码一个漂亮的优惠券,支持小程序uni-appvue语法,第1张

欢迎加我技术交流QQ群 : 811956471

1.本示例中的特色是,纯css写的优惠券齿轮,和中间的虚线;

2.样式类.oilline 用css实现了,中间粗且高亮两端细的渐变线条;

3.css实现容器右上角旋转45度的圆角角标,再也不用ui切图了;

4.补充:由左向右,左边粗,向右渐变变细的线条:

colModel:[

{name:'id',index:'id',hidden:true,width:10,sorttype:'int',editable:false},

{name:'name',index:'name',label:'优惠券名称',width:15,sortable:false,editable:false},

{name:'discount_type',index: 'getType()',label:'优惠券类型',width:15,sorttype:'text',editable:false},

{name:'des',index: 'des',label:'优惠券描述',width:15,hidden:true,sorttype:'text',editable:false},

{name:'discount_type',index: 'getStatus()',label:'状态',width:15,hidden:true,sorttype:'text',editable:false},

{name:'stock',index: 'stock',label:'优惠券数量',width:15,sortable:false,editable:false},

{name:'totalcard',index: 'getTotalCard()',label:'已发放数量',width:10,sortable:false,editable:false},

{name:'usedcard',index: 'getUsedCard()',label:'已使用数量',width:10,sortable:false,editable:false}