You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.1 KiB
44 lines
1.1 KiB
<template> |
|
<view class="content"> |
|
<page-head :title="title"></page-head> |
|
<view class="uni-padding-wrap"> |
|
<view class="uni-title uni-common-mt"> |
|
数组类型 |
|
<text>\nnodes属性为Array</text> |
|
</view> |
|
<view class="uni-common-mt" style="background:#FFF; padding:20rpx;"> |
|
<rich-text :nodes="nodes"></rich-text> |
|
</view> |
|
<!-- #ifndef MP-ALIPAY --> |
|
<view class="uni-title uni-common-mt"> |
|
字符串类型 |
|
<text>\nnodes属性为String</text> |
|
</view> |
|
<view class="uni-common-mt" style="background:#FFF; padding:20rpx;"> |
|
<rich-text :nodes="strings"></rich-text> |
|
</view> |
|
<!-- #endif --> |
|
</view> |
|
</view> |
|
</template> |
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
title: 'rich-text', |
|
nodes: [{ |
|
name: 'div', |
|
attrs: { |
|
class: 'div-class', |
|
style: 'line-height: 60px; color: red; text-align:center;' |
|
}, |
|
children: [{ |
|
type: 'text', |
|
text: 'Hello uni-app!' |
|
}] |
|
}], |
|
strings: '<div style="text-align:center;"><img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/ceb770c0-5164-11eb-8a36-ebb87efcf8c0.png"/></div>' |
|
} |
|
} |
|
} |
|
</script>
|
|
|