CSS transform 如何设置斜杠徽标

<view class="onLine">
				<a href="#">2222</a>
</view>




.onLine {
		background-color: #4dc01d;
		overflow: hidden;
		white-space: nowrap;
		position: absolute;
		left: -45rpx;
		top: 25rpx;
		height: 35rpx;
		width: 150rpx;
		-webkit-transform: rotate(310deg);
		-moz-transform: rotate(310deg);
		-ms-transform: rotate(310deg);
		-o-transform: rotate(310deg);
		transform: rotate(310deg);
	}
	.onLine a {
		color: #ffffff;
		display: block;
		font-size: 12px;
		// padding: 20px 50px 8px 50px;
		text-align: center;
		text-decoration: none;
	}