- 发布：2023-03-30 14:00
- 更新：2023-03-30 14:00
- 阅读：185
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win 10
HBuilderX类型： 正式
HBuilderX版本号： 3.7.9
手机系统： 全部
手机厂商： 华为
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<template>
<uni-icons type="checkbox-filled" class="checkBox" :size="22"></uni-icons>
</template>
<script setup>
import {
getCurrentInstance,
onMounted
} from 'vue'
onMounted(()=>{
const vm = getCurrentInstance();
const query = uni.createSelectorQuery().in(vm);
query.select('.checkBox').boundingClientRect(data => {
console.log(data);
}).exec();
})
</script>
<template>
<uni-icons type="checkbox-filled" class="checkBox" :size="22"></uni-icons>
</template>
<script setup>
import {
getCurrentInstance,
onMounted
} from 'vue'
onMounted(()=>{
const vm = getCurrentInstance();
const query = uni.createSelectorQuery().in(vm);
query.select('.checkBox').boundingClientRect(data => {
console.log(data);
}).exec();
})
</script> 操作步骤：
看代码示例
看代码示例
预期结果：
uni-icons的高度应该是22px
uni-icons的高度应该是22px
实际结果：
uni-icons的高度为25.666667938232422
uni-icons的高度为25.666667938232422
bug描述：
使用uni.createSelectorQuery() api，无法正确获取uni-icons组件的高度，设置uni-icons的size为22，通过uni.createSelectorQuery()获取到的高度为25.666667938232422
