# 富文本(标准格式)
富文本标准格式使用方式。
var Main = VueEgret.classMain({
data: function () {
return {
textFlow: [
{ text: '妈妈再也不用担心我在', style: { size: 20 } },
{
text: 'Egret',
style: { textColor: 0x336699, size: 60, strokeColor: 0x6699cc, stroke: 2 },
},
{ text: '里说一句话不能包含', style: { fontFamily: '楷体' } },
{ text: '各种', style: { fontFamily: '楷体', underline: true } },
{ text: '五', style: { textColor: 0xff0000 } },
{ text: '彩', style: { textColor: 0x00ff00 } },
{ text: '缤', style: { textColor: 0xf000f0 } },
{ text: '纷', style: { textColor: 0x00ffff } },
{ text: '、\n' },
{ text: '大', style: { size: 56 } },
{ text: '小', style: { size: 16 } },
{ text: '不', style: { size: 26 } },
{ text: '一', style: { size: 34 } },
{ text: '、' },
{ text: '格', style: { italic: true, textColor: 0x00ff00 } },
{ text: '式', style: { size: 26, textColor: 0xf000f0 } },
{ text: '各', style: { italic: true, textColor: 0xf06f00 } },
{ text: '样的文字', style: { fontFamily: 'KaiTi' } }, //楷体
{ text: '了!' },
],
};
},
template: `<DisplayObjectContainer>
<TextField :x="$stageWidth/2-264" y="400" width="540" size="30" :textColor="0xffffff" :textFlow="textFlow" lineSpacing="40"></TextField>
</DisplayObjectContainer>`,
})