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

微信小程序:利用borderbot台安县E企盈小程序tom画出多彩条纹线

E企盈小程序直播系统

效果图片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

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序:利用borderbot台安县E企盈小程序tom画出多彩条纹线
分享到: 更多 (0)
E企盈小程序直播营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏