效果图片
PS：这两天一直在做地址管理模块，数据库的增删改查；界面做得有点粗糙，凑活着看吧= =、其实感觉下来应该至少有三种办法可以达到下图的效果：1）直接用ps做一张图片然后布局在下面2）我看网上好多大神说用border-image来实现，但我看了半天没搞懂TAT3）把下面的那条红白蓝线看作是有很多实线线段拼接而成（即我最后选用的方法）哎呀...感觉越说越乱了ORZ，还是直接上图上代码吧...
代码 - (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; width: 100%; justify-content:center;}.m_button-line-1 { width:5%; border-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
