E企盈营销工具技术服务商 热线:4006-838-530

小程序:after实现德格县E企盈小程序1px纵向分割线

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416

在开发中往往会使用到分割线,下面开通猫罐头小程开通异型跟小程序电话:4006-838-530序电话:4006-838-530我们来研究下view部分:view class="line"  view class=开通色卡专拍小程序电话:4006-838-530"line-left"+86/view  view class="line-right"123/view/view

css部分:.line{  display: flex;  height: 56rpx;  background: rgba(0, 0, 0, 0.6);  line-height: 56rpx;  color: #fff;}.line view{  padding:0 16rpx}.line-left::after{  content: "";  width:1rpx;  height: 30rpx;  background: #fff;  position: absolute;  top: 13rpx;  left: 80rpx;}

效果图:

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序:after实现德格县E企盈小程序1px纵向分割线
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

模王系统开发

联系我们升级日志

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏