肉饼博客

Talk is cheap. Show me the code.

0%

【微信小程序】使用wxs解决文本替换与首行缩进

一段文本缩进

text标签在小程序中默认为内联标签,如果单独设置 text-indent是无效的,需设置为块级/行内块元素

1
2
display: inline-block;
text-indent: 58rpx;

多段文本换行与缩进

1
2
3
<wxs src="../../utils/filter.wxs" module="tools"></wxs>
<text decode="{{true}}">{{tools.format(多段文本的内容)}}</text>
//decode译码解码

filter.wxs:

1
2
3
4
5
6
7
8
9
var format = function (text){
if(!text) return
var reg = getRegExp('\\\\n', 'g')
return text.replace(reg, '\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;')
}

module.exports = {
format: format
}