First
@@ -118,7 +118,7 @@
stepper通用样式5
-
+
First
@@ -138,7 +138,7 @@
-
+
First
@@ -162,7 +162,7 @@
stepper特有样式
-
+
First
@@ -194,7 +194,7 @@
stepper动画样式1
@@ -222,7 +222,7 @@
stepper动画样式2
@@ -290,7 +290,7 @@
stepper通用属性2
-
@@ -341,7 +341,7 @@
stepper特有属性4
-
+
First
@@ -373,7 +373,7 @@
stepper通用事件1
@@ -520,7 +520,7 @@
@@ -598,7 +598,7 @@
stepper渐变样式2
@@ -626,7 +626,7 @@
stepper渐变样式3
@@ -654,7 +654,7 @@
stepper渐变样式4
@@ -694,7 +694,7 @@
accessibilitytext="这是div"
accessibilitydescription="点击此按键会弹出一个对话框"
accessibilityimportance="no-hide-descendants"
- id="mystepper"
+ id="access1"
index="0"
onnext="next"
onback="back">
@@ -731,7 +731,7 @@
@@ -755,7 +755,7 @@
@@ -779,7 +779,7 @@
@@ -809,7 +809,7 @@
@@ -833,7 +833,7 @@
@@ -857,7 +857,7 @@
@@ -886,7 +886,7 @@
@@ -910,7 +910,7 @@
@@ -934,7 +934,7 @@
@@ -968,7 +968,7 @@
stepper多模输入1
diff --git a/ace/ace_standard/src/main/js/default/pages/stepper/index.js b/ace/ace_standard/src/main/js/default/pages/stepper/index.js
index 73fe1715c7af019abc40f42484527eea5ad5c5a1..58095131b767d33d087606729d22f908b14dc51d 100644
--- a/ace/ace_standard/src/main/js/default/pages/stepper/index.js
+++ b/ace/ace_standard/src/main/js/default/pages/stepper/index.js
@@ -106,10 +106,39 @@ export default {
},
setRightButton(e) {
this.$element('mystepper').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('style1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('style2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('style2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('style3').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('style4').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('style5').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('style6').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('style7').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('ani1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('ani2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
this.$element('prop1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
this.$element('prop2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
- this.$element('mystepper1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
- this.$element('mystepper2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('prop3').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('prop4').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('event1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('event2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('function1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('function2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('gradient1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('gradient2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('gradient3').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('gradient4').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('access1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('ato1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('ato2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('ato3').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('atom1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('atom2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('atom3').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('atomA1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('atomA2').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('atomA3').setNextButtonStatus({status: 'skip', label: 'SKIP'});
+ this.$element('mul1').setNextButtonStatus({status: 'skip', label: 'SKIP'});
},
next(e) {
var index = {
@@ -447,7 +476,7 @@ export default {
},
functionTest1(event){
- var function1 = this.$element('mystepper1');
+ var function1 = this.$element('function1');
function1.focus(true)
var rect = function1.getBoundingClientRect();
var width = rect.width;
@@ -462,7 +491,7 @@ export default {
},
functionTest2(event){
- var function2 = this.$element('mystepper2');
+ var function2 = this.$element('function2');
let observer = function2.createIntersectionObserver({
ratios: [0.2, 0], // number
});
diff --git a/ace/ace_standard/src/main/js/default/pages/tab-bar/index.css b/ace/ace_standard/src/main/js/default/pages/tab-bar/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..d9879947b50cc371672b207e6e6e14d7ce3e06f2
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/tab-bar/index.css
@@ -0,0 +1,443 @@
+/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* xxx.css */
+.tabs {
+ width: 100%;
+ height: 40px;
+}
+.tabcontent {
+ width: 100%;
+ height: 20%;
+ justify-content: center;
+}
+.item-content {
+ height: 100%;
+ justify-content: center;
+}
+.item-title {
+ font-size: 12px;
+}
+.tab-bar {
+ margin: 1px;
+ width: 100%;
+ height: 60%;
+ border-color: #007dff;
+ border-width: 1px;
+}
+.tab-text {
+ font-size: 9px;
+ width: 100%;
+ text-align: center;
+}
+
+.container {
+ flex-direction:row;
+ width:100%;
+ height:100%;
+ padding: 1px;
+}
+
+.sub-container{
+ flex-direction: column;
+ height: 100%;
+ flex-weight: 1;
+}
+
+.style-container{
+ flex-direction: column;
+ height: 70%;
+}
+.contain1{
+ width: 100%;
+ height: 20%;
+ flex-direction: column;
+}
+.ani-container{
+ flex-direction: column;
+ height: 100%;
+ flex-weight: 1;
+}
+
+.prop-container{
+ height: 70%;
+ flex-direction: column;
+ padding-left: 2px;
+}
+
+.event-container{
+ flex-direction: column;
+ height: 40%;
+}
+
+.function-container{
+ flex-direction: column;
+ height: 30%;
+}
+
+.gradient-container{
+ flex-direction: column;
+ height: 40%;
+}
+
+.access-container{
+ flex-direction: column;
+ height: 20%;
+}
+
+.atom-container{
+ flex-direction: column;
+ height: 60%;
+}
+
+.multimode-container{
+ flex-direction: column;
+}
+
+.title{
+ width: 100%;
+ font-size: 18px;
+ margin: 2px;
+ font-weight: bold;
+ text-align: center;
+}
+
+.sub-title{
+ width: 100%;
+ font-size: 13px;
+ text-align: center;
+ margin-top: 1px;
+}
+
+.style1{
+ width: 100%;
+ height: 40px;
+ min-width: 25px;
+ min-height: 10px;
+ max-width: 300px;
+ max-height: 60px;
+ padding-left: 1px;
+ padding-top: 1px;
+ padding-right: 1px;
+ padding-bottom: 1px;
+ margin-left: 1px;
+ margin-top: 1px;
+ margin-right: 1px;
+ margin-bottom: 1px;
+ border-left-style: solid;
+ border-right-style: dashed;
+ border-top-style: dashed;
+ border-bottom-style: dotted;
+ border-left-width: 1px;
+ border-right-width: 2px;
+ border-top-width: 2px;
+ border-bottom-width: 1px;
+ border-left-color: #ff0000;
+ border-right-color: #00ff00;
+ border-top-color: #0000ff;
+ border-bottom-color: #fff000;
+ border-bottom-left-radius: 10px;
+ border-bottom-right-radius: 15px;
+ border-top-left-radius: 8px;
+ border-top-right-radius: 12px;
+ background: linear-gradient(pink,#fff000);
+ box-shadow: 2px 4px 6px 8px #888888;
+ opacity: 0.5;
+ display: flex;
+ visibility: visible;
+ align-self: center;
+ image-fill: #000fff;
+ clip-path: margin-box;
+}
+
+.style2{
+ width: 100%;
+ height: 40px;
+ padding-start: 1px;
+ padding-end: 1px;
+ margin-start: 2px;
+ margin-end: 1px;
+ border-style: dotted;
+ border-width: 2px;
+ border-color:#000000;
+ border-radius:5px;
+ background-color:#ffaa00;
+ mask-image: url('common/images/icon.png');
+ mask-size: cover;
+ mask-position: center;
+}
+
+.style3{
+ width: 100%;
+ padding-top: 30%;
+ padding-left: 10%;
+ padding-right: 10%;
+ padding-bottom: 30%;
+ margin: 1px;
+ border-left: 1px solid #000000;
+ border-right: 2px dashed #00ff00;
+ border-top: 1.5px dotted #0000ff;
+ border-bottom: 2.5px dotted #fff000;
+ background-image:url('common/images/image.png');
+ background-size:cover;
+ background-repeat: repeat-x;
+ background-position: center;
+ flex:1;
+ flex-grow: 2;
+ flex-basis: 10px;
+ flex-shrink: 1;
+}
+
+.style4{
+ width: 100%;
+ height: 40px;
+ padding: 1px;
+ margin: 2px;
+ border: 2px solid #000000;
+}
+
+.style5{
+ width: 100%;
+ height: 60px;
+ background-color: yellow;
+ border-image-source: url('/common/images/image.png');
+ border-image-slice: 1px 2px 3px 4px;
+ border-image-width: 2px 3px 4px 5px;
+ border-image-outset: 3px 4px 5px 6px;
+ border-image-repeat: repeat;
+}
+
+.style6{
+ width: 100%;
+ height: 60px;
+ position: absolute;
+ left: -57;
+ top: 15px;
+ bottom: 5px;
+ right: 2px;
+ background-color: pink;
+ border-image: url('common/images/image.png') 1px 2px 3px 4px 2px 3px 4px 5px 3px 4px 5px 6px round;
+}
+
+.barStyle6{
+ width: 100%;
+ height: 35%;
+ background-color: pink;
+ border-image: url('common/images/image.png') 1px 2px 3px 4px 2px 3px 4px 5px 3px 4px 5px 6px round;
+}
+
+.style7 {
+ width: 100%;
+ height: 60px;
+ margin-bottom: 2px;
+ margin-top: 2px;
+ color: green;
+ stroke-width: 40px;
+ line-cap: round;
+}
+
+.tstyle {
+ width: 100%;
+ height: 30px;
+ margin-bottom: 2px;
+ margin-top: 2px;
+ color: green;
+ stroke-width: 40px;
+ line-cap: round;
+}
+
+.barStyle7{
+ width: 100%;
+ height: 60px;
+ margin-bottom: 2px;
+ margin-top: 6px;
+ color: green;
+}
+
+.event1{
+ width: 100%;
+ height: 40px;
+ background-color: salmon;
+}
+
+.event2{
+ width: 100%;
+ height: 40px;
+ background-color: darkorchid;
+}
+
+.event3{
+ width: 100%;
+ height: 40px;
+ background-color: #ad4e2a;
+}
+
+.event4{
+ flex-direction: row;
+ width: 100%;
+ height: 40px;
+ overflow:scroll;
+}
+
+.event5{
+ flex-direction: column;
+ width: 100%;
+ height: 90px;
+ overflow:scroll;
+}
+
+#prop1 {
+ color: #ad4e2a;
+ width: 100%;
+ height: 40px;
+ margin: 1px;
+ border-color: #007dff;
+ border-width: 1px;
+}
+
+.prop2 {
+ color: #343524;
+ stroke-width: 15px;
+ line-cap: round;
+ margin: 5px;
+}
+
+.prop4 {
+ color: #456345;
+ stroke-width: 25px;
+ line-cap: round;
+ margin: 5px;
+}
+
+.prop5 {
+ color: #831834;
+ stroke-width: 40px;
+ line-cap: square;
+ margin: 5px;
+ height: 70px;
+}
+
+
+.ani1{
+ color: #72ac33;
+ stroke-width: 55px;
+ line-cap: square;
+ margin: 5px;
+ transform-origin: 0% 0%;
+ animation: ani1Go 3s infinite;
+}
+
+@keyframes ani1Go
+{
+ from {
+ background-color: #f76160;
+ opacity:0.3;
+ width:50px;
+ height: 50px;
+ transform:translate(20px) rotate(10deg) scale(0.2) skew(40deg);
+ background-position:10% 10%
+ }
+ 30% {
+ background-color: #60f761;
+ opacity:0.5;
+ width:70px;
+ height: 70px;
+ background-position:12% 12%;
+ transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5) skewX(25deg) skewY(15deg)
+ }
+ to {
+ background-color: #6160f7;
+ opacity:1;
+ width:90px;
+ height: 90px;
+ background-position:22% 22%;
+ transform:rotate(180deg) scale(2)
+ }
+}
+
+.ani2{
+ background-color: #ad4e2a;
+ width: 100%;
+ height: 55px;
+ margin: 5px;
+}
+
+.gradient1{
+ stroke-width: 30px;
+ line-cap: square;
+ margin: 5px;
+ background: linear-gradient(red, #00ff00);
+}
+
+.gradient2{
+ stroke-width: 30px;
+ line-cap: square;
+ margin: 5px;
+ background: linear-gradient(45deg, rgb(255,0,0),rgb(0, 255, 0));
+}
+
+.gradient3{
+ stroke-width: 30px;
+ line-cap: square;
+ margin: 5px;
+ background: linear-gradient(to right, rgb(255,0,0) 90px, rgb(0, 255, 0) 60%);
+}
+
+.gradient4{
+ stroke-width: 30px;
+ line-cap: square;
+ margin: 5px;
+ background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px);
+}
+
+.access1{
+ color: #321124;
+ stroke-width: 30px;
+ line-cap: square;
+ margin: 5px;
+}
+
+.multimode1{
+ color: #978666;
+ stroke-width: 30px;
+ line-cap: square;
+ margin: 5px;
+}
+
+
+.function1{
+ background-color: #ff0000;
+ width: 60%;
+ height: 30px;
+}
+
+.function2{
+ background-color: #00ff00;
+ width: 60%;
+ height: 30px;
+}
+
+.function3{
+ background-color: #0000ff;
+ width: 100%;
+ height: 30px;
+}
+
+.function4 {
+ flex-direction: row;
+ width: 60%;
+ height: 60px;
+ overflow: scroll;
+}
\ No newline at end of file
diff --git a/ace/ace_standard/src/main/js/default/pages/tab-bar/index.hml b/ace/ace_standard/src/main/js/default/pages/tab-bar/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..18b85e016b365d2abce7a49b46379073e8dce0ff
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/tab-bar/index.hml
@@ -0,0 +1,580 @@
+
+
+
+
+
+
+
+ 通用样式
+
+
+ tabs通用样式1
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs通用样式2
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs通用样式3
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs通用样式4
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs通用样式5
+
+
+
+
+ Home
+ Index
+
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs特有样式
+
+
+
+ Home
+ Index
+
+
+
+
+
+
+
+
+ 动画样式
+
+
+ tabs动画样式1
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs动画样式2
+
+
+
+ Home
+ Index
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+ tabs通用属性1
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs通用属性2
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs通用属性3
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs特有属性4
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs特有属性5
+
+
+
+ Home
+ Index
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+ tabs通用事件1
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs通用事件2
+
+
+
+ Home
+ Index
+
+
+
+ tabs通用事件3
+
+
+
+ Home
+ Index
+
+
+
+
+
+
+
+
+
+ 通用方法
+
+
+ tabs通用方法1
+
+
+
+ Home
+ Index
+
+
+
+
+ tab-bar通用方法2
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs通用方法3
+
+
+
+ Home
+ Index
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 渐变样式
+
+
+ tabs渐变样式1
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs渐变样式2
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs渐变样式3
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs渐变样式4
+
+
+
+ Home
+ Index
+
+
+
+
+
+
+
+
+
+ 无障碍
+
+
+ tabs无障碍1
+
+
+
+ Home
+ Index
+
+
+
+
+
+
+
+
+ 原子布局
+
+
+ tabs原子布局1
+
+
+
+
+ Home
+ Index
+
+
+
+
+ Home
+ Index
+
+
+
+
+ Home
+ Index
+
+
+
+
+
+ tabs原子布局2
+
+
+
+
+ Home
+ Index
+
+
+
+
+ Home
+ Index
+
+
+
+
+ Home
+ Index
+
+
+
+
+ tabs原子布局3
+
+
+
+
+ Home
+ Index
+
+
+
+
+ Home
+ Index
+
+
+
+
+ Home
+ Index
+
+
+
+
+
+
+
+ 多模输入
+
+
+ tabs多模输入1
+
+
+
+ Home
+ Index
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+ tab-content通用样式1
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tab-content通用样式2
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tab-content通用样式3
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tab-content通用样式4
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tab-content通用样式5
+
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+
+
+
+
+ 动画样式
+
+
+ tabs动画样式1
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tabs动画样式2
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+ tab-content通用属性1
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tab-content通用属性2
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tab-content通用属性3
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tabs特有属性4
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tabs特有属性5
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+ tab-content通用事件1
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tab-content通用事件2
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+ tab-content通用事件3
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+
+
+
+
+
+ 通用方法
+
+
+ tab-content通用方法1
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tab-content通用方法2
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tab-content通用方法3
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 渐变样式
+
+
+ tabs渐变样式1
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tabs渐变样式2
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tabs渐变样式3
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tabs渐变样式4
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+
+
+
+
+ 无障碍
+
+
+ tabs无障碍1
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+
+
+
+ 原子布局
+
+
+ tabs原子布局1
+
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+ tabs原子布局2
+
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+ tabs原子布局3
+
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+
+
+ 多模输入
+
+
+ tabs多模输入1
+
+
+
+
+ First
+
+
+ Second
+
+
+
+
+
+
+
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -48,18 +36,6 @@
index="0"
vertical="false"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -69,18 +45,6 @@
index="0"
vertical="false"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -90,18 +54,6 @@
index="0"
vertical="false"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -112,34 +64,10 @@
index="0"
vertical="false"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -148,20 +76,6 @@
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -178,18 +92,6 @@
index="0"
vertical="true"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -199,18 +101,6 @@
index="0"
vertical="true"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -238,32 +128,6 @@
index="0"
vertical="false"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -275,101 +139,38 @@
click-effect="spring-large"
dir ="ltr"
class = "tabs style7 prop2"
+ ref="prop2"
index="0"
vertical="false"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
tabs通用属性3
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
tabs特有属性4
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
tabs特有属性5
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -382,41 +183,19 @@
tabs通用事件1
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
tabs通用事件2
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
tabs通用事件3
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
tabs特有事件1
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
tabs通用方法1
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
tabs通用方法2
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
tabs通用方法3
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -654,18 +295,6 @@
index="0"
vertical="false"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -675,18 +304,6 @@
index="0"
vertical="false"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -696,18 +313,6 @@
index="0"
vertical="false"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -717,18 +322,6 @@
index="0"
vertical="false"
onchange="change">
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -742,7 +335,7 @@
tabs无障碍1
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -775,56 +356,20 @@
tabs原子布局1
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -832,112 +377,40 @@
tabs原子布局2
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
tabs原子布局3
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
-
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
@@ -950,23 +423,12 @@
tabs多模输入1
-
- Home
- Index
-
-
-
- First
-
-
- Second
-
-
-
diff --git a/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js b/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js
index 6118164d5d49b50feda3ad464b7db07b552f800b..58da3e3f075017ca4e3d0bd6365d97e363c0c790 100644
--- a/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js
+++ b/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js
@@ -54,7 +54,7 @@ describe('aceJsTest', function () {
afterEach(async function () {
console.info('[aceJsTest] after each called')
await backToIndex();
- await sleep(1000)
+ await sleep(5000)
});
/**
@@ -920,4 +920,50 @@ describe('aceJsTest', function () {
expect("pages/tabs/").assertEqual(pages.path);
done();
});
+
+ /**
+ * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100
+ * @tc.name testTabBarComponent
+ * @tc.desc ACE
+ */
+ it('testTabBarComponent', 0, async function (done) {
+ let result;
+ let options = {
+ uri: 'pages/tab-bar/index'
+ }
+ try {
+ result = router.push(options)
+ console.info("push tab-bar page success " + JSON.stringify(result));
+ } catch (err) {
+ console.error("push tab-bar page error " + JSON.stringify(result));
+ }
+ await sleep(5000)
+ let pages = router.getState();
+ console.info("[router.tab-bar] getState" + JSON.stringify(pages));
+ expect("pages/tab-bar/").assertEqual(pages.path);
+ done();
+ });
+
+ /**
+ * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100
+ * @tc.name testTabContentComponent
+ * @tc.desc ACE
+ */
+ it('testTabContentComponent', 0, async function (done) {
+ let result;
+ let options = {
+ uri: 'pages/tab-content/index'
+ }
+ try {
+ result = router.push(options)
+ console.info("push tab-content page success " + JSON.stringify(result));
+ } catch (err) {
+ console.error("push tab-content page error " + JSON.stringify(result));
+ }
+ await sleep(5000)
+ let pages = router.getState();
+ console.info("[router.tab-content] getState" + JSON.stringify(pages));
+ expect("pages/tab-content/").assertEqual(pages.path);
+ done();
+ });
});