主要css代码:( 渐变切角预处理样式)
@mixin beveled-corners($bg: #007aff, $tl, $tr, $br, $bl, $dtl, $dtr, $dbr, $dbl) {
background: $bg;
background:
linear-gradient($dtl, transparent $tl, $bg 0) top left,
linear-gradient($dtr, transparent $tr, $bg 0) top right,
linear-gradient($dbr, transparent $br, $bg 0) bottom right,
linear-gradient($dbl, transparent $bl, $bg 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}