经历了毛概的洗礼之后我又回到了公司……

1.把发起请求和页面跳转完善了一下……

2.想实现获取隐私信息和绑定手机号发现权限不够…… 需要企业认证的小程序……

3.折磨之票据交界处实现

终于解决了! 通过这个主要是了解了clip-path和mask的作用和区别

clip-path 是裁剪一部分 裁剪部分展示

mask 是裁剪一部分 裁剪部分不展示 或者遮住……(设置透明则相当于直接裁掉了)

代码如下

.html

<view class="myTest">
	<view class="left">

	</view>
	<view class="center">

	</view>
	<view class="right">

	</view>
</view>

.css

.myTest {
	display: flex;
	height: 40rpx;
	width: 100%;
	.left,
	.right {
		height: 40rpx;
		width: 20rpx;
		background: #fff;
	}
	.left {
		mask: radial-gradient(circle at left center, transparent 20rpx, black 50%);
	}
	.right {
		mask: radial-gradient(circle at right center, transparent 20rpx, black 50%);
	}
	.center {
		flex: auto;
		background-color: white;
		position: relative;
		&::after {
			content: '';
			position: absolute;
			width: 100%;
			height: 2rpx;
			top: 50%;
			transform: translateY(-50%);
			//更自由的实现虚线
			background: repeating-linear-gradient(to right, #9999d0, #99999d 5px, transparent 5px, transparent 10px);

		}
	}
}