提交 69be262b 编写于 作者: DCloud-yinjiacheng's avatar DCloud-yinjiacheng

更新rich-text示例

# Conflicts:
#	pages/component/rich-text/rich-text-complex.uvue
上级 b5a41cac
......@@ -5,10 +5,10 @@
<view>
<page-head title="rich-text-complex"></page-head>
<!-- #ifdef APP-ANDROID -->
<enum-data title="设置type(仅Android平台支持,默认值为web)" :items="typeItemTypes" @change="onTypeChange"></enum-data>
<enum-data title="设置mode(仅Android平台支持,默认值为web)" :items="modeItemTypes" @change="onModeChange"></enum-data>
<!-- #endif -->
<view class="uni-padding-wrap uni-common-mt" @click="fViewClick('触发父 view click 事件')">
<rich-text :nodes="htmlString" :selectable="true" @itemclick="itemClick" @click="selfClick('触发 richtext click 事件')" :type="type"></rich-text>
<rich-text :nodes="htmlString" :selectable="true" @itemclick="itemClick" @click="selfClick('触发 richtext click 事件')" :mode="mode"></rich-text>
</view>
</view>
<!-- #ifdef APP -->
......@@ -25,13 +25,13 @@
fViewClicked: false,
selfClicked: false,
htmlString: '<p><a href="https://www.dcloud.io/hbuilderx.html">HBuilderX</a><br/><img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"></img><h1>HBuilderX,轻巧、极速,极客编辑器</h1><p style="color:red;"><small>HBuilderX,轻巧、极速,极客编辑器 </small><big>HBuilderX,轻巧、极速,极客编辑器</big><strong>HBuilderX,轻巧、极速,极客编辑器</strong><i>HBuilderX,轻巧、极速,极客编辑器 </i><u>HBuilderX,轻巧、极速,极客编辑器</u><del>HBuilderX,轻巧、极速,极客编辑器</del></p><h2>uni-app x,终极跨平台方案</h2>、<p style="background-color: yellow;"><small>uni-app x,终极跨平台方案 </small><big>uni-app x,终极跨平台方案</big><strong>uni-appx,终极跨平台方案 </strong><i>uni-app x,终极跨平台方案 </i><u>uni-app x,终极跨平台方案 </u><del>uni-appx,终极跨平台方案</del></p><h3>uniCloud,js serverless云服务</h3><p style="text-decoration: line-through;"><small>uniCloud,js serverless云服务 </small><big>uniCloud,jsserverless云服务</big><strong>uniCloud,js serverless云服务 </strong><i>uniCloud,js serverless云服务 </i><u>uniCloud,jsserverless云服务</u><del>uniCloud,js serverless云服务</del></p><h4>uts,大一统语言</h4><p style="text-align: center;"><small>uts,大一统语言 </small><big>uts,大一统语言 </big><strong>uts,大一统语言</strong><i>uts,大一统语言</i><u>uts,大一统语言 </u><del>uts,大一统语言</del></p><h5>uniMPSdk,让你的App具备小程序能力</h5><h6>uni-admin,开源、现成的全端管理后台</h6><ul><li style="color: red; text-align: left;">uni-app x,终极跨平台方案</li><li style="color: green; text-align: center;">uni-app x,终极跨平台方案</li><li style="color: blue; text-align: right;">uni-app x,终极跨平台方案</li></ul><a href="https://uniapp.dcloud.net.cn">uni-app</a><br/><img src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"></img></p>',
type: 'web',
typeItems: ['web', 'native'],
typeItemTypes: [{ 'value': 0, 'name': 'web' }, { 'value': 1, 'name': 'native' }] as ItemType[]
mode: 'web',
modeItems: ['web', 'native'],
modeItemTypes: [{ 'value': 0, 'name': 'web' }, { 'value': 1, 'name': 'native' }] as ItemType[]
}
},
methods: {
itemClick(e : RichTextItemClickEvent) {
itemClick(e : UniRichTextItemClickEvent) {
console.log(JSON.stringify(e.detail));
let clicktext = '';
if (e.detail.src != null) {
......@@ -53,8 +53,8 @@
console.log(e)
this.selfClicked = true
},
onTypeChange: function (value : number) {
this.type = this.typeItems[value];
onModeChange: function (value : number) {
this.mode = this.modeItems[value];
}
}
}
......
......@@ -4,7 +4,7 @@
<!-- #endif -->
<page-head title="rich-text-tags"></page-head>
<!-- #ifdef APP-ANDROID -->
<enum-data title="设置type(仅Android平台支持,默认值为web)" :items="typeItemTypes" @change="onTypeChange"></enum-data>
<enum-data title="设置mode(仅Android平台支持,默认值为web)" :items="modeItemTypes" @change="onModeChange"></enum-data>
<!-- #endif -->
<view class="uni-padding-wrap uni-common-mt">
<view class="uni-title">
......@@ -13,7 +13,7 @@
<view class="uni-common-mt" v-for="(item,index) in data" :key="index">
<text class="uni-subtitle-text">{{item.name}}</text>
<view style="background:#FFFFFF;">
<rich-text :nodes="item.html" @itemclick="itemClick" :type="type"></rich-text>
<rich-text :nodes="item.html" @itemclick="itemClick" :mode="mode"></rich-text>
</view>
</view>
</view>
......@@ -301,13 +301,13 @@
] as Array<UTSJSONObject>
}
] as Array<TagInfo>,
type: 'web',
typeItems: ['web', 'native'],
typeItemTypes: [{ 'value': 0, 'name': 'web' }, { 'value': 1, 'name': 'native' }] as ItemType[]
mode: 'web',
modeItems: ['web', 'native'],
modeItemTypes: [{ 'value': 0, 'name': 'web' }, { 'value': 1, 'name': 'native' }] as ItemType[]
}
},
methods: {
itemClick(e : RichTextItemClickEvent) {
itemClick(e : UniRichTextItemClickEvent) {
console.log(JSON.stringify(e.detail));
let clicktext = '';
if (e.detail.src != null) {
......@@ -320,8 +320,8 @@
showCancel: false
});
},
onTypeChange: function (value : number) {
this.type = this.typeItems[value];
onModeChange: function (value : number) {
this.mode = this.modeItems[value];
}
}
}
......
......@@ -74,7 +74,7 @@
}
},
// 自动化测试
itemClickForTest(_ : RichTextItemClickEvent) {
itemClickForTest(_ : UniRichTextItemClickEvent) {
this.isItemClickTrigger = true;
},
getBoundingClientRectForTest() : DOMRect {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册