请教一下这种布局的右边线和下边框怎么写，用display:flex写的？

你可以线也是盒子，只是宽度为1px高度自定的盒子，然后flex布局就可以了

右边线 border-right，用选择器或行内样式设置最右边的view boder-right为0，用三元表达式设置被选中时的样式

使用伪类 ::before ::after可以实现 https://developers.weixin.qq.com/s/MHxVJym97qdu

或者

右边线和下边线分别使用一个view通过写样式来实现