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")
+};