wikiboss/OmniCard
1
0
派生 0
代码 工单 合并请求 Actions 软件包 项目 版本发布 百科 动态

refactor: 确立独立子工程架构 (backend, admin, mpuniapp) 并同步更新 AGENTS.md 规范

浏览代码
这个提交包含在：
wikiboss
2026-09-20 17:05:22 +08:00
父节点 de3cf8b870
当前提交 9fa1d1fbd0
共有 1679 个文件被更改，包括 204798 次插入 和 16817 次删除
下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件

16
mpuniapp/pages/API/element-get-attribute/child.uvue 普通文件
查看文件

@@ -0,0 +1,16 @@
<template>
<view class="child-view">
<text class="child-text">我是子组件child</text>
</view>
</template>
<script setup lang="uts">
</script>
<style>
.child-view {
margin-top: 15px;
height: 100px;
background-color: dodgerblue;
}
</style>

87
mpuniapp/pages/API/element-get-attribute/element-get-attribute.test.js 普通文件
查看文件

@@ -0,0 +1,87 @@
describe('test element-get-attribute', () => {
let page;
const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase()
const isAndroid = platformInfo.startsWith('android')
const isIos = platformInfo.startsWith('ios')
const isApp = isAndroid || isIos
const isWeb = platformInfo.startsWith('web')
const isMP = platformInfo.startsWith('mp')
const isHarmony = platformInfo.startsWith('harmony')
const isDom2 = process.env.UNI_APP_X_DOM2 === "true"
beforeAll(async () => {
page = await program.reLaunch('/pages/API/element-get-attribute/element-get-attribute')
await page.waitFor(3000);
});
it('check getAttributeId', async () => {
await page.callMethod('getAttributeId')
expect(await page.data('data.attrId')).toEqual('box');
});
it('check setStyle getAttributeStyle', async () => {
await page.callMethod('setStyle')
await page.waitFor(500)
if(isWeb||isMP){
await page.callMethod('getAttributeStyle')
const attrStyle = isMP?'background-color:#FFF000;':'background-color: rgb(255, 240, 0);'
expect(await page.data('data.attrStyle')).toEqual(attrStyle);
}
});
it('check getPropertyValue', async () => {
await page.callMethod('getPropertyValue')
await page.waitFor(1000)
const propertyValueData = await page.data('data.propertyValue')
const value = isDom2 || isWeb ? 'rgb(255, 240, 0)' : '#FFF000'
expect(propertyValueData).toBe(value)
});
//暂时仅处理android平台和鸿蒙平台
if(isAndroid || isHarmony) {
it('check getScrollViewStyleMarginTop', async () => {
await page.waitFor(1000)
const marginTop = await page.callMethod('getScrollViewStyleMarginTop')
expect(marginTop).toEqual(isDom2 ? "15px" : "15");
})
}
it('getBoundingClientRectSync', async () => {
await page.callMethod("getBoundingClientRectAsyncChild");
await page.waitFor(100)
const rectInfo = await page.data("data.rectInfo")
const systemInfo = await program.systemInfo();
const width = systemInfo.screenWidth
expect(Math.round(rectInfo.x)).toBe(15)
expect(Math.round(rectInfo.y) >= 242).toBe(true)
expect(width - 15 * 2 - Math.round(rectInfo.width) >= 0).toBe(true)
expect(Math.round(rectInfo.height)).toBe(100)
expect(Math.round(rectInfo.left)).toBe(15)
expect(Math.round(rectInfo.top) >= 242).toBe(true)
expect(width - 15 - Math.round(rectInfo.right) >= 0).toBe(true)
expect(Math.round(rectInfo.bottom) >= 342).toBe(true)
})
if(isApp||isMP){
it('check scrollTo', async () => {
await page.callMethod('scrollTo')
await page.waitFor(100);
const scrollView = await page.$('.scroll-view_H')
expect(await scrollView.property('scrollLeft')).toBe(200);
});
}
if (!isMP) {
it('getBoundingClientRect-scaledView', async () => {
await page.callMethod("handleGetScaledViewSize");
const scaledViewWidth = await page.data("data.scaledViewWidth")
const scaledViewHeight = await page.data("data.scaledViewHeight")
// Android 差异尺寸：99.809525
expect(scaledViewWidth).toBeGreaterThan(99.5);
expect(scaledViewHeight).toBeGreaterThan(99.5);
})
}
it('scroll offset', async () => {
const scrollOffset = await page.data("scrollOffset")
expect(scrollOffset.scrollTop).toBe(0)
// expect(scrollOffset.scrollHeight).toBe(150)
expect(scrollOffset.scrollWidth).toBe(scrollOffset.width)
expect(scrollOffset.scrollLeft).toBe(0)
})
});

278
mpuniapp/pages/API/element-get-attribute/element-get-attribute.uvue 普通文件
查看文件

@@ -0,0 +1,278 @@
<template>
<!-- #ifdef APP -->
<scroll-view class="page-scroll-view">
<!-- #endif -->
<view style="padding: 15px;">
<page-intro content="本页演示元素属性与样式读写：getAttribute 获取元素 id（小程序端支持 style）、getPropertyValue 获取样式值（如背景色）、setProperty 设置样式；含自定义组件子元素的 getBoundingClientRectAsync、scroll-view 的 scrollTo、以及获取 scale 变换后 view 的尺寸信息。"></page-intro>
<view id="box" ref="boxRef">
<text class="uni-title-text">元素的id：{{ data.attrId }}</text>
<!-- #ifndef APP -->
<text class="uni-title-text">元素的style：{{ data.attrStyle }}</text>
<!-- #endif -->
<text class="uni-title-text">元素的背景色样式值：{{ data.propertyValue }}</text>
<text class="uni-subtitle-text">小程序端：getAttribute 获取元素的属性值，目前仅支持id、style</text>
<text class="uni-subtitle-text">App端：getAttribute 不支持获取 class、style 属性</text>
</view>
<button @click="getAttributeId">getAttribute获取元素的id</button>
<button @click="setStyle">setProperty设置背景色</button>
<!-- #ifndef APP -->
<button @click="getAttributeStyle">getAttribute获取元素的style</button>
<!-- #endif -->
<button @click="getPropertyValue">getPropertyValue获取背景色值</button>
<child id="child" ref="childRef"></child>
<button @click="getBoundingClientRectAsyncChild">获取自定义组件child元素信息</button>
<view class="rect-info" v-if="data.rectInfo">
<view class="node-info-item">
<text class="node-info-item-k">x: </text>
<text class="node-info-item-v">{{data.rectInfo.x}}</text>
</view>
<view class="node-info-item">
<text class="node-info-item-k">y: </text>
<text class="node-info-item-v">{{data.rectInfo.y}}</text>
</view>
<view class="node-info-item">
<text class="node-info-item-k">width: </text>
<text class="node-info-item-v">{{data.rectInfo.width}}</text>
</view>
<view class="node-info-item">
<text class="node-info-item-k">height: </text>
<text class="node-info-item-v">{{data.rectInfo.height}}</text>
</view>
<view class="node-info-item">
<text class="node-info-item-k">left: </text>
<text class="node-info-item-v">{{data.rectInfo.left}}</text>
</view>
<view class="node-info-item">
<text class="node-info-item-k">top: </text>
<text class="node-info-item-v">{{data.rectInfo.top}}</text>
</view>
<view class="node-info-item">
<text class="node-info-item-k">right: </text>
<text class="node-info-item-v">{{data.rectInfo.right}}</text>
</view>
<view class="node-info-item">
<text class="node-info-item-k">bottom: </text>
<text class="node-info-item-v">{{data.rectInfo.bottom}}</text>
</view>
</view>
<scroll-view ref="scrollViewRef" class="scroll-view_H" direction="horizontal">
<view class="scroll-view-item_H uni-bg-red"><text class="text">A</text></view>
<view class="scroll-view-item_H uni-bg-green"><text class="text">B</text></view>
<view class="scroll-view-item_H uni-bg-blue"><text class="text">C</text></view>
</scroll-view>
<!-- #ifndef WEB -->
<button @click="scrollTo">scrollTo设置left滚动200px</button>
<!-- #endif -->
<button style="margin-top: 8px" @click="getUniElementScrollOffset">打印 scroll-view 滚动属性</button>
<view id="scaledView" style="transform: scale(2);background-color: green;width: 50px;height: 50px;margin-top: 45px;margin-left: 25px;"></view>
<button type="default" @click="handleGetScaledViewSize" style="margin-top: 30px;">获取scale后的view尺寸信息</button>
</view>
<!-- #ifdef APP -->
</scroll-view>
<!-- #endif -->
</template>
<script setup lang="uts">
import child from './child.uvue'
type DomRectType = {
x : number,
y : number,
left : number,
top : number,
right : number,
bottom : number,
width : number,
height : number,
}
type DataType = {
attrId: string,
attrStyle: string,
propertyValue: string,
rectInfo: DomRectType,
scaledViewWidth: number,
scaledViewHeight: number
}
type ScrollOffset = {
scrollTop: number,
scrollHeight: number,
scrollWidth: number,
scrollLeft: number,
width: number
}
const boxRef = ref<UniElement | null>(null)
const scrollViewRef = ref<UniScrollViewElement | null>(null)
const data = reactive({
attrId: "",
attrStyle: "",
propertyValue: "",
rectInfo: {
x: 0,
y: 0,
width: 0,
height: 0,
left: 0,
top: 0,
right: 0,
bottom: 0,
},
scaledViewWidth: 0,
scaledViewHeight: 0
} as DataType)
const scrollOffset = reactive<ScrollOffset>({
scrollTop: 0,
scrollHeight: 0,
scrollWidth: 0,
scrollLeft: 0,
width: 0
})
function getBoundingClientRectAsyncChild(){
const childEl = uni.getElementById('child')!
childEl.getBoundingClientRectAsync()!.then((rect : DOMRect) => {
console.log('rect: ',rect);
data.rectInfo = {
x: rect.x,
y: rect.y,
width: rect.width,
height: rect.height,
left: rect.left,
top: rect.top,
right: rect.right,
bottom: rect.bottom,
} as DomRectType
})
}
function getAttributeId() {
if (boxRef.value != null) {
data.attrId = boxRef.value!.getAttribute('id') ?? ""
}
}
function setStyle() {
if (boxRef.value != null) {
boxRef.value!.style.setProperty("background-color", "#FFF000")
}
}
function getPropertyValue() {
if (boxRef.value != null) {
data.propertyValue = boxRef.value!.style.getPropertyValue("background-color")
}
}
function getAttributeStyle() {
if (boxRef.value != null) {
data.attrStyle = boxRef.value!.getAttribute('style')?? ""
}
}
function scrollTo() {
if (scrollViewRef.value != null) {
// #ifdef MP-WEIXIN
scrollViewRef.value!.scrollTo({
left: 200
})
// #endif
// #ifndef MP-WEIXIN
scrollViewRef.value!.scrollTo(200,0)
// #endif
}
}
function getUniElementScrollOffset() {
if (scrollViewRef.value != null) {
const scrollView = scrollViewRef.value!
console.log("scrollTop: ", scrollView.scrollTop)
console.log("scrollHeight: ", scrollView.scrollHeight)
console.log("scrollWidth: ", scrollView.scrollWidth)
console.log("scrollLeft: ", scrollView.scrollLeft)
const screenWidth = uni.getWindowInfo().screenWidth
scrollOffset.width = (screenWidth - 30) * 3
scrollOffset.scrollTop = scrollView.scrollTop
scrollOffset.scrollHeight = scrollView.scrollHeight
scrollOffset.scrollWidth = scrollView.scrollWidth
scrollOffset.scrollLeft = scrollView.scrollLeft
}
}
//scrollView元素获取class中的margin-top属性值 仅自动化测试使用
function getScrollViewStyleMarginTop() : string {
if (scrollViewRef.value != null) {
return scrollViewRef.value.style.getPropertyValue("margin-top")
}
return ""
}
const handleGetScaledViewSize = () => {
const element = uni.getElementById("scaledView")
if (element != null) {
const rect = element.getBoundingClientRect()
data.scaledViewWidth = rect.width
data.scaledViewHeight = rect.height
console.log("scaledView size : ", data.scaledViewWidth, data.scaledViewHeight);
}
}
onReady(() => {
// Refs are already assigned via template
})
defineExpose({
data,
scrollOffset,
getAttributeId,
setStyle,
getAttributeStyle,
getPropertyValue,
getBoundingClientRectAsyncChild,
scrollTo,
handleGetScaledViewSize,
getScrollViewStyleMarginTop
})
</script>
<style>
.scroll-view_H {
width: 100%;
flex-direction: row;
margin-top:15px;
}
.scroll-view-item_H {
width: 100%;
height: 150px;
justify-content: center;
align-items: center;
}
.text {
font-size: 18px;
color: #ffffff;
}
.rect-info {
margin-top: 15px;
padding: 10px;
flex-direction: column;
}
.node-info-item {
flex-direction: row;
}
.node-info-item-k {
width: 72px;
line-height: 2;
}
.node-info-item-v {
font-weight: bold;
line-height: 2;
}
</style>