您当前的位置: 首页 > 知识百科 > 微信小程序如何进行文章排版?

微信小程序如何进行文章排版?

时间:2023-07-01 14:05 阅读数:106 人阅读 分类:知识百科

  微信小程序如何进行文章排版?微信小程序里面可以发布文章,但是怎么去进行微信小程序文章排版呢?节下来微小乔小编会为大家介绍微信小程序怎么进行文章排版哦。赶快来看看吧。

  微信小程序如何进行文章排版?

  微信小程序写微信小程序代码基本都是C++这样的后端处理,微信小程序如何进行文章排版?

  想在微信小程序里实现文章排版,会遇到这几个问题:

  小程序中整体的排版

  小程序里是没有table标签的,需要自己实现

  下方的加号可以实现增加一行小程序数据

  下方的减号可以实现减去一行数据

  首先,小程序视图层XML,通过wx:for循环读取逻辑层的数据,把数据渲染到前端:

  

  然后,逻辑层中,初始化需要展示的数据:

  

  table的CSS通过flex设置样式:

  

  然后,下方的加号减号图片,都通过侦听点击,触发事件,使得逻辑层改变数据:

  

  最后,逻辑层收到微信小程序事件后,更改table中的表格数据,通过setData函数更新视图层:

  

  以上就是小程序中生成表格,动态增加减少行的功能。如果要实现列的动态增减会稍微复杂。

  微信小程序文本两端对齐

  微信小程序中,两行文字两端对齐直接例子与讨论,不多说了,直接上小程序代码。

  

  直接使用justify-content: space-between;,结果显示文本并不能两端对齐

  

  代码中“两端对齐实例”这段微信小程序文字被识别为一个整体,space-between的排布作用在整段文字上,两端对齐并未实现。我使用了笨办法,代码如下:

  

  效果如下:

  

  只要限定了view的宽度,就可以得到自己想要的两端对齐文本。

  微信小程序文章排版怎么弄?以上就是微信小程序进行文章排版的内容了哦,感谢各位大家的支持,大家请多多的关注微小乔哦。本网有更多的惊喜等着您。以上全部内容供大家参考哦。

相关推荐:

  小程序修改数据页面不渲染怎么解决

  微信小程序授权登录页面怎么开发

  小程序开放更多页面内能力,让开发者更好地使用体验=