From 46e6a1b2abc4b7bf8290cf1a5823aea56a409c22 Mon Sep 17 00:00:00 2001 From: yanyilin Date: Fri, 15 Sep 2023 17:15:42 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4INode=E4=B8=BAElement?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../uni-collapse-item/uni-collapse-item.vue | 8 ++++---- pages/CSS/layout/z-index.uvue | 2 +- .../general-attribute/general-attribute.uvue | 4 ++-- pages/component/input/input.uvue | 4 ++-- pages/component/view/view-draw.uvue | 14 ++++++------- pages/tabBar/API.uvue | 4 ++-- pages/template/calendar/calendar.uvue | 6 +++--- pages/template/half-screen/half-screen.uvue | 8 ++++---- pages/template/long-list/long-list.uvue | 20 +++++++++---------- .../template/scroll-sticky/scroll-sticky.uvue | 6 +++--- pages/template/swiper-list/swiper-list.uvue | 12 +++++------ pages/template/swiper-list2/swiper-list2.uvue | 8 ++++---- 12 files changed, 48 insertions(+), 48 deletions(-) diff --git a/components/uni-collapse-item/uni-collapse-item.vue b/components/uni-collapse-item/uni-collapse-item.vue index 45ed4713..44626c7f 100644 --- a/components/uni-collapse-item/uni-collapse-item.vue +++ b/components/uni-collapse-item/uni-collapse-item.vue @@ -35,8 +35,8 @@ return { height: 0, is_open: this.open as boolean, - boxNode: null as INode | null, - contentNode: null as INode | null, + boxNode: null as Element | null, + contentNode: null as Element | null, }; }, watch: { @@ -51,8 +51,8 @@ $dispatch(this, 'UniCollapse', 'init', this) }, mounted() { - this.boxNode = this.$refs['boxRef'] as INode; - this.contentNode = this.$refs['contentRef'] as INode; + this.boxNode = this.$refs['boxRef'] as Element; + this.contentNode = this.$refs['contentRef'] as Element; // this.openCollapse(this.open) }, methods: { diff --git a/pages/CSS/layout/z-index.uvue b/pages/CSS/layout/z-index.uvue index 9eb4ec2d..aa3b84e0 100644 --- a/pages/CSS/layout/z-index.uvue +++ b/pages/CSS/layout/z-index.uvue @@ -24,7 +24,7 @@ methods: { changeZIndex(zIndex : number) { this.zIndex = 20; - (this.$refs['view'] as INode).style.setProperty('z-index', zIndex); + (this.$refs['view'] as Element).style.setProperty('z-index', zIndex); } } } diff --git a/pages/component/general-attribute/general-attribute.uvue b/pages/component/general-attribute/general-attribute.uvue index 0779656c..3b3e7d75 100644 --- a/pages/component/general-attribute/general-attribute.uvue +++ b/pages/component/general-attribute/general-attribute.uvue @@ -69,7 +69,7 @@ export default { }, methods: { validateGeneralAttributes() { - const generalTarget = this.$refs.get('general-target') as INode + const generalTarget = this.$refs.get('general-target') as Element const generalId = generalTarget.getAttribute('id') if (generalId != this.generalId) { this.validateGeneralAttrText = '基础属性 id 验证失败' @@ -98,7 +98,7 @@ export default { this.validateGeneralAttrText = '基础属性验证成功' }, changeHeight(){ - const generalTarget = this.$refs['general-target'] as INode + const generalTarget = this.$refs['general-target'] as Element generalTarget.style.setProperty('height', '200px') } }, diff --git a/pages/component/input/input.uvue b/pages/component/input/input.uvue index d824cbf7..0027021b 100644 --- a/pages/component/input/input.uvue +++ b/pages/component/input/input.uvue @@ -233,11 +233,11 @@ }, methods: { setCursor: function (cursor : number) { - (this.$refs['input'] as INode).focus(); + (this.$refs['input'] as Element).focus(); this.cursor = cursor; }, setSelection: function (selectionStart : number, selectionEnd : number) { - (this.$refs['input2'] as INode).focus(); + (this.$refs['input2'] as Element).focus(); this.selectionStart = selectionStart; this.selectionEnd = selectionEnd; }, diff --git a/pages/component/view/view-draw.uvue b/pages/component/view/view-draw.uvue index 6664010b..efa349e0 100644 --- a/pages/component/view/view-draw.uvue +++ b/pages/component/view/view-draw.uvue @@ -55,7 +55,7 @@ }, methods: { drawText() { - let node = (this.$refs['draw-text-view'] as INode) + let node = (this.$refs['draw-text-view'] as Element) let ctx = node.getDrawableContext() let width = node.getBoundingClientRect().width ctx!!.reset() @@ -72,7 +72,7 @@ ctx!!.update() }, drawLines() { - let ctx = (this.$refs['draw-line-view'] as INode).getDrawableContext() + let ctx = (this.$refs['draw-line-view'] as Element).getDrawableContext() ctx!!.reset() ctx!!.lineWidth = 10; @@ -127,7 +127,7 @@ y += 15; }, drawCircles() { - let ctx = (this.$refs['draw-circle-view'] as INode).getDrawableContext() + let ctx = (this.$refs['draw-circle-view'] as Element).getDrawableContext() ctx!!.reset() // Draw shapes for (var i = 0; i < 4; i++) { @@ -153,7 +153,7 @@ }, drawStar() { - let ctx = (this.$refs['draw-dash-line'] as INode).getDrawableContext() + let ctx = (this.$refs['draw-dash-line'] as Element).getDrawableContext() ctx!!.reset() ctx!!.beginPath(); var horn = 5; // 画5个角 @@ -224,7 +224,7 @@ return result }, drawhouse() { - let ctx = (this.$refs['draw-house'] as INode).getDrawableContext() + let ctx = (this.$refs['draw-house'] as Element).getDrawableContext() ctx!!.reset() ctx!!.lineWidth = 10; @@ -244,7 +244,7 @@ ctx!!.update() }, drawPoint() { - let ctx = (this.$refs['draw-style'] as INode).getDrawableContext() + let ctx = (this.$refs['draw-style'] as Element).getDrawableContext() ctx!!.reset() for (let i = 0; i < 6; i++) { for (let j = 0; j < 6; j++) { @@ -263,7 +263,7 @@ ctx!!.update() }, drawRect() { - let ctx = (this.$refs['draw-odd'] as INode).getDrawableContext() + let ctx = (this.$refs['draw-odd'] as Element).getDrawableContext() ctx!!.reset() // Create path ctx!!.moveTo(30, 90); diff --git a/pages/tabBar/API.uvue b/pages/tabBar/API.uvue index 1c7956a6..48826c56 100644 --- a/pages/tabBar/API.uvue +++ b/pages/tabBar/API.uvue @@ -490,10 +490,10 @@ }) }, showPop: function () { - (this.$refs["pop"] as INode).style.setProperty("display", "flex") + (this.$refs["pop"] as Element).style.setProperty("display", "flex") }, hidePop: function () { - (this.$refs["pop"] as INode).style.setProperty("display", "none") + (this.$refs["pop"] as Element).style.setProperty("display", "none") }, stopClickPop: function (e : MouseEvent) { e.stopPropagation() //点击到pop的非灰色区域，拦截点击事件 diff --git a/pages/template/calendar/calendar.uvue b/pages/template/calendar/calendar.uvue index dd56c76e..05359064 100644 --- a/pages/template/calendar/calendar.uvue +++ b/pages/template/calendar/calendar.uvue @@ -65,7 +65,7 @@ // 触发整个日历的点击事件，需要计算点击位置 select(event : TouchEvent) { - const refs = this.$refs['draw-weeks'] as INode + const refs = this.$refs['draw-weeks'] as Element const rect = refs.getBoundingClientRect(); const dom_x = rect.left; // 元素左上角相对于视口的 X 坐标 const dom_y = rect.top; // 元素左上角相对于视口的 Y 坐标 @@ -139,7 +139,7 @@ // 绘制日历顶部信息 drawHeader() { - const refs = this.$refs['draw-header'] as INode + const refs = this.$refs['draw-header'] as Element let ctx = refs.getDrawableContext() if (ctx == null) return const date_header_map = ['一', '二', '三', '四', '五', '六', '日'] @@ -167,7 +167,7 @@ // 绘制日历主体 drawWeek(weeks : Array>, time : string) { const start_time = Date.now() - const refs = this.$refs['draw-weeks'] as INode + const refs = this.$refs['draw-weeks'] as Element let ctx = refs.getDrawableContext() if (ctx == null) return const dom = refs.getBoundingClientRect() diff --git a/pages/template/half-screen/half-screen.uvue b/pages/template/half-screen/half-screen.uvue index 7ea6e96c..840b8e66 100644 --- a/pages/template/half-screen/half-screen.uvue +++ b/pages/template/half-screen/half-screen.uvue @@ -26,8 +26,8 @@ lastY: 0, //上次 lastY2: 0, // bAnimation: false, //是否动画 - halfNode: null as INode | null, - scrollNode: null as INode | null + halfNode: null as Element | null, + scrollNode: null as Element | null } }, methods: { @@ -131,9 +131,9 @@ } }, onReady() { - this.halfNode = this.$refs['halfScreen'] as INode; + this.halfNode = this.$refs['halfScreen'] as Element; this.halfHeight = this.halfNode!.getBoundingClientRect().height; - this.scrollNode = this.$refs['halfScroll'] as INode; + this.scrollNode = this.$refs['halfScroll'] as Element; this.totalHeight = uni.getWindowInfo().windowHeight; this.halfNode?.style?.setProperty('top', this.totalHeight.toString()); diff --git a/pages/template/long-list/long-list.uvue b/pages/template/long-list/long-list.uvue index 9efae744..b92e0161 100644 --- a/pages/template/long-list/long-list.uvue +++ b/pages/template/long-list/long-list.uvue @@ -76,21 +76,21 @@ } as SwiperViewItem ] as SwiperViewItem[], swiperIndex: -1, - $pageScrollView: null as null | INode, + $pageScrollView: null as null | Element, $headerHeight: 0, $animationFinishIndex: 0, - $tabScrollView: null as null | INode, - $indicatorNode: null as null | INode, + $tabScrollView: null as null | Element, + $indicatorNode: null as null | Element, $swiperWidth: 0, $swiperTabsRect: [] as SwiperTabsItem[] } }, onReady() { - this.$pageScrollView = this.$refs['pageScrollView'] as INode; - this.$headerHeight = (this.$refs['header'] as INode).offsetHeight - this.$swiperWidth = (this.$refs['swiper'] as INode).getBoundingClientRect().width - this.$tabScrollView = this.$refs['tabScroll'] as INode - this.$indicatorNode = this.$refs['indicator'] as INode + this.$pageScrollView = this.$refs['pageScrollView'] as Element; + this.$headerHeight = (this.$refs['header'] as Element).offsetHeight + this.$swiperWidth = (this.$refs['swiper'] as Element).getBoundingClientRect().width + this.$tabScrollView = this.$refs['tabScroll'] as Element + this.$indicatorNode = this.$refs['indicator'] as Element this.cacheTabItemsSize() this.setSwiperIndex(0, true) }, @@ -170,7 +170,7 @@ }, cacheTabItemsSize() { this.$swiperTabsRect.length = 0 - const tabs = this.$refs["swipertab"] as INode[] + const tabs = this.$refs["swipertab"] as Element[] tabs.forEach((node) => { this.$swiperTabsRect.push({ x: node.offsetLeft, @@ -260,4 +260,4 @@ .swiper-item { flex: 1; } - \ No newline at end of file + diff --git a/pages/template/scroll-sticky/scroll-sticky.uvue b/pages/template/scroll-sticky/scroll-sticky.uvue index bc0680d6..381d52ef 100644 --- a/pages/template/scroll-sticky/scroll-sticky.uvue +++ b/pages/template/scroll-sticky/scroll-sticky.uvue @@ -37,7 +37,7 @@ stickyTop: 0, stickyTran: 0, scrollTop: 0, - stickyNode: null as INode | null + stickyNode: null as Element | null } }, methods: { @@ -70,11 +70,11 @@ onLoad() { }, onReady() { - this.stickyNode = this.$refs['sticky'] as INode; + this.stickyNode = this.$refs['sticky'] as Element; // let rect = this.stickyNode?.getBoundingClientRect(); // this.stickyTop = rect?.top; //this.stickyTop = this.stickyNode?.getBoundingClientRect()?.top; - let rect = (this.$refs['sticky'] as INode).getBoundingClientRect(); + let rect = (this.$refs['sticky'] as Element).getBoundingClientRect(); this.stickyTop = rect.top; } } diff --git a/pages/template/swiper-list/swiper-list.uvue b/pages/template/swiper-list/swiper-list.uvue index 5aebd6dd..7cd5623c 100644 --- a/pages/template/swiper-list/swiper-list.uvue +++ b/pages/template/swiper-list/swiper-list.uvue @@ -45,8 +45,8 @@ return { swiperList: [] as SwiperViewItem[], swiperIndex: -1, - $tabScrollView: null as null | INode, - $indicatorNode: null as null | INode, + $tabScrollView: null as null | Element, + $indicatorNode: null as null | Element, $animationFinishIndex: 0, $swiperWidth: 0, $swiperTabsRect: [] as SwiperTabsItem[] @@ -61,9 +61,9 @@ } }, onReady() { - this.$tabScrollView = this.$refs['tabScroll'] as INode - this.$indicatorNode = this.$refs['indicator'] as INode - this.$swiperWidth = (this.$refs["swiper"] as INode).getBoundingClientRect().width + this.$tabScrollView = this.$refs['tabScroll'] as Element + this.$indicatorNode = this.$refs['indicator'] as Element + this.$swiperWidth = (this.$refs["swiper"] as Element).getBoundingClientRect().width this.cacheTabItemsSize() this.setSwiperIndex(0, true) }, @@ -104,7 +104,7 @@ }, cacheTabItemsSize() { this.$swiperTabsRect.length = 0; - const tabs = this.$refs["swipertab"] as INode[] + const tabs = this.$refs["swipertab"] as Element[] tabs.forEach((node) => { this.$swiperTabsRect.push({ x: node.offsetLeft, diff --git a/pages/template/swiper-list2/swiper-list2.uvue b/pages/template/swiper-list2/swiper-list2.uvue index c707db8c..4c4c7b27 100644 --- a/pages/template/swiper-list2/swiper-list2.uvue +++ b/pages/template/swiper-list2/swiper-list2.uvue @@ -39,7 +39,7 @@ return { swiperList: [] as SwiperViewItem[], swiperIndex: -1, - $tabScrollView: null as null | INode, + $tabScrollView: null as null | Element, $animationFinishIndex: 0, $swiperWidth: 0 } @@ -52,8 +52,8 @@ } }, onReady() { - this.$tabScrollView = this.$refs['tabScroll'] as INode - this.$swiperWidth = (this.$refs["swiper"] as INode).getBoundingClientRect().width + this.$tabScrollView = this.$refs['tabScroll'] as Element + this.$swiperWidth = (this.$refs["swiper"] as Element).getBoundingClientRect().width this.setSwiperIndex(0, true) }, methods: { @@ -106,7 +106,7 @@ const min_ratio = 1 const max_ratio = 1.3 - const tabs = this.$refs['swipertab'] as INode[] + const tabs = this.$refs['swipertab'] as Element[] const current_node = tabs[current_index]! const move_to_node = tabs[move_to_index]! -- GitLab