小程序端，做类似于支付宝充值话费或流量的样式

.box {
    /* margin: 20px auto; */
    padding: 15px;
    height: 25px;
    width: 20%;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    line-height: 25px;
    border: 1px solid #ccc;
    /* background-color: #ccc; */
    display: inline-block;
}
/*外边宽*/
.box.border {
    border: 1px solid red;
}
/*右下角三角形和打钩样式*/
.box .gou {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    right: 0px;
    bottom: 0;
    /* background-color: red; */
}

.col{
    border-bottom: 17px solid red;
}

.box .gou.on::after {
    border-color: #fff;
}

.box .gou::after {
    position: absolute;
    top: 6px;
    left: -8px;
    width: 4px;
    height: 7px;
    border-style: solid;
    border-color: red;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotateZ(45deg);
    content: "";
}

add_class:function(e) {
　　var that = this;
　　// console.log(e)
　　var id = e.target.dataset.id;  //获取自定义的ID值 
　　console.log("current_tag", id)
　　this.setData({
　　　　current_tag: id,
　　})
}