Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
ac4b04ed
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
6005
Star
91
Fork
164
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
18
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
18
Issue
18
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
ac4b04ed
编写于
8月 20, 2024
作者:
DCloud_iOS_XHY
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
添加 rich-text.test 示例,测试动态修改内容组件高度是否正确
(cherry picked from commit
67a9abbc
)
上级
f0f56fd2
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
68 addition
and
2 deletion
+68
-2
pages/component/rich-text/rich-text.test.js
pages/component/rich-text/rich-text.test.js
+32
-0
pages/component/rich-text/rich-text.uvue
pages/component/rich-text/rich-text.uvue
+36
-2
未找到文件。
pages/component/rich-text/rich-text.test.js
0 → 100644
浏览文件 @
ac4b04ed
const
PAGE_PATH
=
'
/pages/component/rich-text/rich-text
'
describe
(
'
rich-text-test
'
,
()
=>
{
// 先屏蔽 android 及 web 平台
if
(
process
.
env
.
uniTestPlatformInfo
.
startsWith
(
'
android
'
)
||
process
.
env
.
uniTestPlatformInfo
.
startsWith
(
'
web
'
))
{
it
(
'
other platform
'
,
()
=>
{
expect
(
1
).
toBe
(
1
)
})
return
}
let
page
beforeAll
(
async
()
=>
{
page
=
await
program
.
reLaunch
(
PAGE_PATH
)
await
page
.
waitFor
(
1000
);
})
it
(
'
richt-text-height
'
,
async
()
=>
{
let
beforeValue
=
await
page
.
data
(
'
richTextHeight
'
)
await
page
.
callMethod
(
'
changeText
'
)
await
page
.
waitFor
(
500
)
await
page
.
callMethod
(
'
changeText
'
)
await
page
.
waitFor
(
500
)
let
afterValue
=
await
page
.
data
(
'
richTextHeight
'
)
console
.
log
(
'
beforeValue:
'
,
beforeValue
)
console
.
log
(
'
afterValue:
'
,
afterValue
)
expect
(
beforeValue
).
toBe
(
afterValue
)
})
})
pages/component/rich-text/rich-text.uvue
浏览文件 @
ac4b04ed
...
...
@@ -16,14 +16,48 @@
<text class="uni-subtitle-text">selectable</text>
</view>
<view class="text-box">
<rich-text :selectable="true"
nodes="<span>hello uni-app x!</span><br/><span>uni-app x,终极跨平台方案</span>
"></rich-text>
<rich-text
id="richtext" @click="changeText" style="border: 1px; border-style: solid; border-color: red;"
:selectable="true"
:nodes="text
"></rich-text>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
text: "<span>hello uni-app x!</span><br/><span>uni-app x,终极跨平台方案</span>",
richTextHeight: 0,
richTextElement: null as UniElement | null
}
},
onReady() {
this.richTextElement = uni.getElementById('richtext') as UniElement
setTimeout(() => {
this.updateRichTextHeight()
}, 500)
},
methods: {
changeText() {
if (this.text === "<span>hello uni-app x!</span><br/><span>uni-app x,终极跨平台方案</span>") {
this.text = "<h1>hello uni-app x!</h1><br/><h2>uni-app x,终极跨平台方案</h2>"
} else {
this.text = "<span>hello uni-app x!</span><br/><span>uni-app x,终极跨平台方案</span>"
}
setTimeout(() => {
this.updateRichTextHeight()
}, 200)
},
updateRichTextHeight() {
if (this.richTextElement != null) {
const elRect = this.richTextElement!.getBoundingClientRect()
this.richTextHeight = elRect.height
console.log('richTextHeight:', this.richTextHeight)
}
}
}
}
</script>
<style>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录