From 7d502b1959e669f654beebda05252c5fa6bceb60 Mon Sep 17 00:00:00 2001 From: xwx1101857 Date: Wed, 16 Feb 2022 15:41:59 +0800 Subject: [PATCH] add ace l0 js qrcode xts code Signed-off-by: xwx1101857 --- .../examples/showcase/src/main/config.json | 6 +- .../pages/component/index/baseIndex/index.hml | 52 +++++-- .../pages/component/index/baseIndex/index.js | 8 +- .../component/index/containerIndex/index.hml | 4 + .../component/index/containerIndex/index.js | 1 + .../component/input/checkbox/attr/attr.hml | 2 +- .../component/input/checkbox/attr/attr.js | 2 +- .../pages/component/input/radio/attr/attr.hml | 2 +- .../pages/component/input/radio/attr/attr.js | 2 +- .../progress/horizontal/attr/attr.hml | 8 +- .../progress/horizontal/attr/attr.js | 2 +- .../pages/component/qrcode/attr/attr.css | 76 +++++++++++ .../pages/component/qrcode/attr/attr.hml | 63 +++++++++ .../pages/component/qrcode/attr/attr.js | 48 +++++++ .../pages/component/qrcode/event/event.css | 89 ++++++++++++ .../pages/component/qrcode/event/event.hml | 40 ++++++ .../pages/component/qrcode/event/event.js | 30 +++++ .../pages/component/qrcode/index/index.css | 42 ++++++ .../pages/component/qrcode/index/index.hml | 44 ++++++ .../pages/component/qrcode/index/index.js | 21 +++ .../pages/component/qrcode/style/style.css | 127 ++++++++++++++++++ .../pages/component/qrcode/style/style.hml | 66 +++++++++ .../pages/component/qrcode/style/style.js | 19 +++ 23 files changed, 729 insertions(+), 25 deletions(-) create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.css create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.hml create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.js create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.css create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.hml create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.js create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.css create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.hml create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.js create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.css create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.hml create mode 100755 frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.js diff --git a/frameworks/examples/showcase/src/main/config.json b/frameworks/examples/showcase/src/main/config.json index d030d3b..b8fedb6 100644 --- a/frameworks/examples/showcase/src/main/config.json +++ b/frameworks/examples/showcase/src/main/config.json @@ -244,7 +244,11 @@ "pages/component/canvas/canvas6/index", "pages/component/canvas/canvas7/index", "pages/component/canvas/canvas8/index", - "pages/component/canvas/canvas9/index" + "pages/component/canvas/canvas9/index", + "pages/component/qrcode/index/index", + "pages/component/qrcode/attr/attr", + "pages/component/qrcode/style/style", + "pages/component/qrcode/event/event" ], "name": "default" } diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.hml b/frameworks/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.hml index 9a62604..2728602 100644 --- a/frameworks/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.hml +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.hml @@ -24,19 +24,7 @@ limitations under the License. - - - - - - - - - - - - - + @@ -44,7 +32,43 @@ limitations under the License. - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.js b/frameworks/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.js index c4f7e43..a6d41b6 100644 --- a/frameworks/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.js +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.js @@ -20,5 +20,11 @@ export default { changeText: routePage("pages/component/text/index/index").changePage, changeMarquee: routePage("pages/component/marquee/index/index").changePage, changeChart: routePage("pages/component/chart/index/index").changePage, - changeCanvas: routePage("pages/component/canvas/index/index").changePage + changeCanvas: routePage("pages/component/canvas/index/index").changePage, + changeImageAnimator: routePage("pages/component/animator/index/index").changePage, + changeInput: routePage("pages/component/input/index/index").changePage, + changePickerView: routePage("pages/component/picker_view/index/index").changePage, + changeQrcode: routePage("pages/component/qrcode/index/index").changePage, + changeSlider: routePage("pages/component/slider/index/index").changePage, + changeSwitch: routePage("pages/component/switch/index/index").changePage }; diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.hml b/frameworks/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.hml index e944426..e8eeee0 100644 --- a/frameworks/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.hml +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.hml @@ -31,6 +31,10 @@ limitations under the License. + + + + diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.js b/frameworks/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.js index fcb8702..2122798 100644 --- a/frameworks/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.js +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.js @@ -17,6 +17,7 @@ export default { ...backPage("pages/index/index"), changeDiv: routePage("pages/component/div/index/index").changePage, changeList: routePage("pages/component/list/index/index").changePage, + changeListItem: routePage("pages/component/list/list-item/index/index").changePage, changeStack: routePage("pages/component/stack/index/index").changePage, changeSwiper: routePage("pages/component/swiper/index/index").changePage }; diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.hml b/frameworks/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.hml index 728dd87..c9f769b 100644 --- a/frameworks/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.hml +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.hml @@ -69,7 +69,7 @@ limitations under the License.
- 值为{{ show }} + 值为{{ showAttr }}
diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.js b/frameworks/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.js index 08303ad..8b8ce16 100644 --- a/frameworks/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.js +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.js @@ -16,7 +16,7 @@ import { goPage, routePage } from "../../../../../common/js/general"; import { changeStatus, changeIf } from "../../../../../common/js/input"; export default { data: { - show: true, + showAttr: true, status: true, ifStatus: true, listData: [true, false] diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.hml b/frameworks/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.hml index d5921b9..bff9d6c 100644 --- a/frameworks/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.hml +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.hml @@ -46,7 +46,7 @@ limitations under the License.
- 值为{{ show }} + 值为{{ showAttr }}
diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.js b/frameworks/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.js index 4638e78..e933b2d 100644 --- a/frameworks/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.js +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.js @@ -15,7 +15,7 @@ import { goPage, routePage } from "../../../../../common/js/general"; export default { data: { - show: "false", + showAttr: "false", name: "show", status: true }, diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.hml b/frameworks/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.hml index bb32f71..8cd214c 100644 --- a/frameworks/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.hml +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.hml @@ -26,11 +26,11 @@ limitations under the License. - + - +
@@ -39,7 +39,7 @@ limitations under the License.
@@ -53,7 +53,7 @@ limitations under the License.
percent - +
diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.js b/frameworks/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.js index 8fb81d9..3d78ed3 100644 --- a/frameworks/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.js +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.js @@ -19,7 +19,7 @@ export default { listData: ["a", "b"], status: true, ifStatus: true, - show: 20 + showAttr: 20 }, ...goPage("pages/component/progress/horizontal/index/index"), changeStatus: changeStatus, diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.css b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.css new file mode 100755 index 0000000..c59eefd --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.css @@ -0,0 +1,76 @@ +/* + * Copyright (c) 2020 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. + */ +.list { + left: 0px; + top: 0px; + width: 454px; + height: 454px; +} + +.item-title { + left: 0px; + top: 0px; + width: 400px; + height: 70px; +} + +.separatorContainerStyle { + width: 454px; + height: 4px; + background-color: #8b8b7a; +} + +.item-types { + width: 454px; + height: 80px; +} + +.whole-text { + margin-top: 10px; + margin-left: 150px; + width: 200px; + height: 60px; + font-size: 30px; + color: red; +} + +.text { + width: 200px; + height: 50px; + margin-top: 10px; + margin-left: 10px; + font-size: 30px; +} + +.item-attribute { + width: 454px; + height: 100px; +} + +.attribute-div { + left: 0px; + top: 0px; + height: 100px; + width: 250px; + flex-direction: row; +} + +.attribute-div-if-text { + left: 0px; + top: 0px; + height: 100px; + width: 200px; + flex-direction: column; +} diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.hml b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.hml new file mode 100755 index 0000000..11cfafb --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.hml @@ -0,0 +1,63 @@ + + + + + + + + + + + 通用属性 + + + +
+ +
+
+ +
+ + + +
+ +
+
+ +
+ + + +
+ +
+
+ +
+ + + +
+ +
+
+ +
+ + + diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.js b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.js new file mode 100755 index 0000000..a0c0e60 --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/attr/attr.js @@ -0,0 +1,48 @@ +/* + * Copyright (c) 2020 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. + */ +import { goPage, routePage } from "../../../../common/js/general"; +export default { + data: { + showStatus: true, + ifStatus: true, + display: "flex", + textfor: ["1", "2"], + type:'rect', + }, + ...goPage("pages/component/qrcode/index/index"), + changeShow() { + if (this.showStatus == true) { + this.showStatus = false; + } else { + this.showStatus = true; + } + }, + changeStatusIf() { + if (this.ifStatus == true) { + this.ifStatus = false; + } else { + this.ifStatus = true; + } + }, + changeType() { + if (this.type == 'rect') { + this.type = 'circle'; + } else { + this.type = 'rect'; + } + }, + + +}; diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.css b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.css new file mode 100755 index 0000000..fa9bffa --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.css @@ -0,0 +1,89 @@ +/* + * Copyright (c) 2020 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. + */ +.list { + left: 0px; + top: 0px; + width: 454px; + height: 454px; +} + +.item-title { + left: 0px; + top: 0px; + width: 400px; + height: 70px; +} + +.separatorContainerStyle { + width: 454px; + height: 4px; + background-color: #8b8b7a; +} + +.item-types { + width: 454px; + height: 80px; +} + +.whole-text { + margin-top: 10px; + margin-left: 150px; + width: 200px; + height: 60px; + font-size: 30px; + color: red; +} + +.text { + width: 200px; + height: 50px; + margin-top: 10px; + margin-left: 10px; + font-size: 30px; +} + +.item-two { + width: 450px; + height: 200px; +} + +.two-right-div { + width: 230px; + height: 200px; + top: 40px; + left: 0px; +} + +.two-left-div { + width: 220px; + height: 200px; + left: 0px; + top: 0px; + flex-direction: column; +} + +.two-div { + width: 450px; + height: 200px; + left: 0px; + top: 0px; +} + +.click-qrcode { + margin-top: 30px; + width: 150px; + height: 150px; + +} diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.hml b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.hml new file mode 100755 index 0000000..9e203e3 --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.hml @@ -0,0 +1,40 @@ + + + + + + + + + + + 通用事件 + + + +
+
+ click + longpress + swipe +
+
+ +
+
+ + + diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.js b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.js new file mode 100755 index 0000000..f64fd03 --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/event/event.js @@ -0,0 +1,30 @@ +/* + * Copyright (c) 2020 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. + */ +import { goPage, routePage } from "../../../../common/js/general"; +export default { + data: { + qr_color: "" + }, + ...goPage("pages/component/qrcode/index/index"), + clickEvent() { + this.qr_color = "#fa8072"; + }, + longpressEvent() { + this.qr_color = "#87ceeb"; + }, + swipeEvent(e) { + this.qr_color = '#50bf1f'; + } +}; diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.css b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.css new file mode 100755 index 0000000..dbb6bd6 --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.css @@ -0,0 +1,42 @@ +/* + * Copyright (c) 2020 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. + */ +.separatorContainerStyle { + width: 454px; + height: 4px; + background-color: #8b8b7a; +} + +.titleContainerStyle { + width: 454px; + height: 70px; +} + +.titleTextStyle { + width: 454px; + height: 50px; + margin-left: 195px; + margin-top: 0px; +} + +.buttonContainerStyle { + width: 454px; + height: 80px; +} + +.buttonStyle { + width: 200px; + height: 60px; + margin-left: 130px; +} diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.hml b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.hml new file mode 100755 index 0000000..3bf080b --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.hml @@ -0,0 +1,44 @@ + + + + + + + + + + + qrcode + + + + + + + + + + + + + + + diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.js b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.js new file mode 100755 index 0000000..327365f --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/index/index.js @@ -0,0 +1,21 @@ +/* + * Copyright (c) 2020 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. + */ +import { backPage, routePage } from "../../../../common/js/general"; +export default { + ...backPage("pages/component/index/baseIndex/index"), + changePage1: routePage("pages/component/qrcode/attr/attr").changePage, + changePage2: routePage("pages/component/qrcode/style/style").changePage, + changePage3: routePage("pages/component/qrcode/event/event").changePage +}; diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.css b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.css new file mode 100755 index 0000000..a9ca921 --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.css @@ -0,0 +1,127 @@ +/* + * Copyright (c) 2020 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. + */ +.list { + left: 0px; + top: 0px; + width: 454px; + height: 454px; +} + +.item-title { + left: 0px; + top: 0px; + width: 400px; + height: 70px; +} + +.separatorContainerStyle { + width: 454px; + height: 4px; + background-color: #8b8b7a; +} + +.item-types { + width: 454px; + height: 80px; +} + +.whole-text { + margin-top: 10px; + margin-left: 150px; + width: 200px; + height: 60px; + font-size: 30px; + color: red; +} + +.text { + width: 200px; + height: 50px; + margin-top: 10px; + margin-left: 10px; + font-size: 30px; +} + +.item-three { + width: 450px; + height: 240px; +} + +.three-div { + width: 450px; + height: 240px; +} + +.three-left-div { + width: 220px; + height: 240px; + flex-direction: column; +} + +.three-right-div { + width: 230px; + height: 190px; +} + +.item-two { + width: 450px; + height: 150px; +} + +.two-left-div { + width: 220px; + height: 150px; + flex-direction: column; +} + +.two-div { + width: 450px; + height: 150px; +} + +.general-stack { + width: 200px; + height: 190px; + left: 0px; + top: 0px; + background-color: springgreen; +} + +.general-text { + color: red; + background-color: #ffdd00; + left: 50px; + top: 50px; + width: 100px; + height: 100px; +} + +.right-div { + width: 250px; + height: 220px; + background-color: springgreen; +} + +.show { + opacity: 1; + border-width: 5px; + border-color: #0000ff; + border-radius: 5px; + padding: 10px; + width: 150px; + height: 50px; + background-color: red; + margin-left: 10px; +} diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.hml b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.hml new file mode 100755 index 0000000..ec1ee10 --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.hml @@ -0,0 +1,66 @@ + + + + + + + + + + + 样式 + + + +
+
+ 红色 + 背景黄色 + left为50 + top为50 +
+ + + +
+ + + +
+
+ margin为40 + height为100 + width为100 +
+
+ +
+
+ + + +
+
+ border + padding +
+
+ +
+
+ + + diff --git a/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.js b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.js new file mode 100755 index 0000000..fedb55a --- /dev/null +++ b/frameworks/examples/showcase/src/main/js/default/pages/component/qrcode/style/style.js @@ -0,0 +1,19 @@ +/* + * Copyright (c) 2020 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. + */ +// commonStyle.js +import { goPage, routePage } from "../../../../common/js/general"; +export default { + ...goPage("pages/component/qrcode/index/index") +};