效果图片PS:这两天一直在做地址管理模块,数据库的增删改查;界面做得有点粗糙,凑活着看吧= =、其实感觉下来应该至少有三种办法可以达到下图的效果:1)直接用ps做一张图片然后布局在下面2)我看网上好多大神说用border-image来实现,但我看了半天没搞懂TAT3)把下面的那条红白蓝线看作是有很多实线线段拼接而成(即我最后选用的方法)哎呀...感觉越说越乱了ORZ,还是开通棉双纱平纹小程序电话:4006-838-530直接上图上代码吧...
代码 – (wxml)view class="m_button-line" block wx:for="i = 4" wx:key="i" view class='m_button-line-1'/view view class='m_button-line-2'/view view class='m_button-line-3'/view view class='m_button-line-2'/view /block/view
代码 – (wxss).m_button-line { display: flex; 开通羽毛球小程序电话:4006-838-530width: 100%; justify-content:center;}.m_button-line-1 { width:5%; bor开通剃毛器小程序电话:4006-838-530der-bottom:5rpx solid red;}.m_button-line-2 { width:3%; border-bottom:5rpx solid white;}.m_button-line-3 { width:5%; border-bottom:5rpx solid blue;}
其实就是不想多画一张图,高级的方法又看不懂,于是乎就用代码写了…另附那个目前还看不懂的参考网页:https://segmentfault.com/q/1010000011446326
最新评论
好文推荐
好文推荐
666666