提交 bb6e8ced 编写于 作者: D dongwei 提交者: wanggang

add test cases

Signed-off-by: Ndongwei <dongwei@kaihongdigi.com>
上级 19d1d7bd
......@@ -294,6 +294,19 @@
</button>
</div>
</panel>
<panel onaccessibility="onAccessibility"
type="foldable"
class="access1" accessibilitygroup ="true"
accessibilitytext="这是panel"
accessibilitydescription="点击此按键会弹出一个对话框"
accessibilityimportance="no-hide-descendants">
<div class="inner-btn">
<button type="capsule"
value="Close"
onclick="closePanelNo">
</button>
</div>
</panel>
</div>
<div style="background-color: #000000; width: 100%; height: 2px;">
</div>
......
......@@ -690,5 +690,12 @@ export default {
prompt.showToast({
message: 'reachBottom'
});
},
onAccessibility(event) {
if (event.eventType == 1) {
console.log("onAccessibility" + event.eventType);
}
console.log("onAccessibility" + JSON.stringify(event));
}
}
\ No newline at end of file
......@@ -131,6 +131,7 @@
margin-top: 2%;
margin-right: 1.5%;
margin-bottom: 0.5%;
border-image: url('common/images/icon.png') 1px 2px 3px 4px 2px 3px 4px 5px 3px 4px 5px 6px round;
}
#styleSeven{
......@@ -157,17 +158,6 @@
display:flex;
}
#styleFive{
width: 100%;
height: 40px;
border: 5px;
border-image-source: url('/common/images/image.png');
border-image-slice: 5px 10px 10px 5px;
border-image-width: 10px 5px 5px 10px;
border-image-outset: 10px 5px 10px 5px;
border-image-repeat: repeat;
}
#styleTen{
width: 100%;
height: 400%;
......@@ -328,7 +318,7 @@
width: 150px;
height: 20px;
background-image:url('common/images/image.png');
background-size:50px 10px;
background-size:auto;
background-repeat: no-repeat;
background-position: 10px 10px;
}
......
<!--/**
* 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.
*/-->
<div class="container">
<div class="style-container">
<text class="title">
div通用样式
panel通用样式
</text>
<text class="sub-title">
通用样式 1-8 \n width height padding margin border opacity align-self
</text>
<div id="styleOne">
</div>
<div id="styleTwo">
</div>
<div id="styleThree">
</div>
<div id="styleFour">
</div>
<div id="styleFive">
</div>
<div id="styleSix">
</div>
<div id="styleSeven">
</div>
<div id="styleEight">
</div>
<panel id="styleOne" type="foldable">
</panel>
<panel id="styleTwo" type="foldable">
</panel>
<panel id="styleThree" type="foldable">
</panel>
<panel id="styleFour" type="foldable">
</panel>
<panel id="styleFive" type="foldable">
</panel>
<panel id="styleSix" type="foldable">
</panel>
<panel id="styleSeven" type="foldable">
</panel>
<panel id="styleEight" type="foldable">
</panel>
<text class="sub-title">
通用样式9-20 \n display flex z-index position
</text>
<div id="styleNine">
<div id="styleTen">
</div>
<div id="styleEleven">
</div>
<div id="styleTwelve">
</div>
<div id="styleThirteen">
</div>
<div id="styleFourteen">
</div>
<div id="styleFifteen">
</div>
<div id="styleSixteen">
</div>
<div id="styleSeventeen">
</div>
<div id="styleEighteen">
</div>
<div id="styleNineteen">
</div>
<div id="styleTwenty">
</div>
<panel id="styleTen" type="foldable">
</panel>
<panel id="styleEleven" type="foldable">
</panel>
<panel id="styleTwelve" type="foldable">
</panel>
<panel id="styleThirteen" type="foldable">
</panel>
<panel id="styleFourteen" type="foldable">
</panel>
<panel id="styleFifteen" type="foldable">
</panel>
<panel id="styleSixteen" type="foldable">
</panel>
<panel id="styleSeventeen" type="foldable">
</panel>
<panel id="styleEighteen" type="foldable">
</panel>
<panel id="styleNineteen" type="foldable">
</panel>
<panel id="styleTwenty" type="foldable">
</panel>
</div>
<text class="sub-title">
通用样式21-23 box-shadow
</text>
<div style="width: 100%;flex-direction: row;">
<div id="styleTwentyOne">
</div>
<div id="styleTwentyTwo">
</div>
<div id="styleTwentyThree">
</div>
<panel id="styleTwentyOne" type="foldable">
</panel>
<panel id="styleTwentyTwo" type="foldable">
</panel>
<panel id="styleTwentyThree" type="foldable">
</panel>
</div>
<text class="sub-title">
通用样式23-25 visibility clip-path
</text>
<div id="styleTwentyFour">
</div>
<div id="styleTwentyFive">
</div>
<panel id="styleTwentyFour" type="foldable">
</panel>
<panel id="styleTwentyFive" type="foldable">
</panel>
<text class="sub-title">
通用样式26-31 background
</text>
<div id="styleTwentySix">
</div>
<div id="styleTwentySeven">
</div>
<div id="styleTwentyNine">
</div>
<div id="styleThirty">
</div>
<div id="styleThirtyOne">
</div>
<panel id="styleTwentySix" type="foldable">
</panel>
<panel id="styleTwentySeven" type="foldable">
</panel>
<panel id="styleTwentyNine" type="foldable">
</panel>
<panel id="styleThirty" type="foldable">
</panel>
<panel id="styleThirtyOne" type="foldable">
</panel>
<text class="sub-title">
通用样式32 clip-path image-fill mask-image
</text>
<div id="styleThirtyTwo">
</div>
<panel id="styleThirtyTwo" type="foldable">
</panel>
</div>
</div>
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册