我转过几个弯 绕过那个小雨楼
拿着蒲扇摆着衣衫渡着紧箍咒
不问天涯不停留 喝过几壶酒
不过年少白头道义放胸口
倘若明天之后 遥看前尘剑封侯
似那天上神仙无所求
朝朝暮暮君如梦醒十分不为何理由
是真是假是惶恐是无休
路过这风雨花满楼 片刻都不停留
我本这书生进京赶考留下许多愁
你问有没有时候 我叹这天道默悠悠
能否与我一醉方休
又过了几个弯 算尽天量道莫慌
踏这田园闻这芳草香
跌跌撞撞仗剑天涯折煞不枉无笔良
是梦是幻是温柔是家乡
路过这风雨花满楼 片刻都不停留
我本这书生进京赶考留下许多愁
你问有没有时候 我叹这天道默悠悠
能否与我一醉方休
路过这风雨花满楼 片刻都不停留
我本这书生进京赶考留下许多愁
你问有没有时候 我叹这天道默悠悠
能否与我一醉方休
谁能与我一醉方休
vant框架Layout布局中col元素不够宽度变形的解决办法
用Layout的时候,我设置的是一行三个元素显示,但是有时候,遍历的对象可能无法满足一行三个显示,结果发现col元素会把拉伸一部分宽度。
这就很尴尬了,我在使用其他框架的这种布局的时候都没遇到这种情况,没办法,只能用死办法,我给你补上几个空col了
那么,如何计算需要补充几个呢?
假设我们要遍历的数组名为:oneArr
创建一个计算属性:
fillArr() {
const remainder = Math.ceil(this.indusArr.length % 3);
if (remainder !== 0) {
return 3 - remainder;
} else {
return 0;
}
}
此时通过求余数我们判断是否有余数,有的话向上取整,然后用一行三个的3减去余数,就可以判断还需要补充几个了。
<!-- 数量不够,填充剩下的 -->
<van-col v-for="fill in fillIndus" :key="fill"></van-col>
这样就行了,虽然会多几个空元素,但是不影响整体,样式也都保持一致,方法是可以复用的。
0
评论(0)