css：给div画箭头，基于uniapp（思路）

效果

 

一、标签

<view class="flex align-center island-view">
				<view class="block-view">
					<view class="nick-name">
						<text>昵称</text>
					</view>
					<view class="bind-mobile">
						<button class="sm">点击绑定手机号</button>
					</view>
				</view>
			</view>

 

二、css

.island-view{
    ···代码略···
}
.island-view:after {
		    content: "";
		    position: absolute;
			left: 15.5%;
			top: -7%;
		    width: 8px;
		    height: 8px;
		    margin-left: -5px;
		    background-color: #fff;
		    /* border-top: 1px solid #dcdcdc;
		    border-right: 1px solid #dcdcdc; */
		    transform: rotate(
				-45deg
			);
		}

 

三、思路：在：after中添加一个宽高为8px的div，