mirror of
https://github.com/openharmony/ace_engine_lite.git
synced 2026-07-19 21:33:33 -04:00
!433 增加media query集成测试用例
Merge pull request !433 from piggyguy_jdx/update_media_query_mst_test_case_master
This commit is contained in:
@@ -129,6 +129,7 @@
|
||||
"pages/switch/SwitchS01/index",
|
||||
"pages/switch/SwitchS02/index",
|
||||
"pages/style/StyleBaseTest001/index",
|
||||
"pages/style/MediaQuery/index",
|
||||
"pages/resource/resource005/index",
|
||||
"pages/resource/resource007/index",
|
||||
"pages/data-binding/01/index",
|
||||
|
||||
+54
@@ -0,0 +1,54 @@
|
||||
/*
|
||||
* Copyright (c) 2021 Huawei Device 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.
|
||||
*/
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 200%;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 200px;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.box {
|
||||
background-color: coral;
|
||||
width: 466px;
|
||||
height: 466px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media screen and (device-type: liteWearable) {
|
||||
.box {
|
||||
background-color: blue;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (device-type: smartVision) {
|
||||
.box {
|
||||
background-color: green;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 454px) {
|
||||
.container {
|
||||
flex-direction: row;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
+23
@@ -0,0 +1,23 @@
|
||||
<!--
|
||||
Copyright (c) 2021 Huawei Device 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="box">
|
||||
<text>Panel 1</text>
|
||||
</div>
|
||||
<div class="box">
|
||||
<text>Panel 2</text>
|
||||
</div>
|
||||
</div>
|
||||
+19
@@ -0,0 +1,19 @@
|
||||
/*
|
||||
* Copyright (c) 2021 Huawei Device 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.
|
||||
*/
|
||||
export default {
|
||||
data: {
|
||||
title: 'World'
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user