From 23abb89340212d2cdb54976ba3cec2116c542a61 Mon Sep 17 00:00:00 2001 From: "ester.zhou" Date: Thu, 19 Aug 2021 01:17:13 +0000 Subject: [PATCH] Add README Signed-off-by: ester.zhou --- UI/JSMenu/README.md | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 UI/JSMenu/README.md diff --git a/UI/JSMenu/README.md b/UI/JSMenu/README.md new file mode 100644 index 0000000000..857544bad2 --- /dev/null +++ b/UI/JSMenu/README.md @@ -0,0 +1,19 @@ +# JSMenu + + + +### Introduction + +This sample exemplifies how to use the **** and **** components in JavaScript. The **** component can serve as a subcomponent of the **** and **** components. You can define component attributes such as its position, style, and events to respond. + +You can also define the menu options that display when a component is clicked so that users can select them to perform respective operations. + +### Usage + +1. Click **Menu option** to display the **Menu option** screen. On this screen, the **** sub-components of **** show the **Dishes**, **Snack**, and **Drink** options. Click an option text box to bring up the respective menu and select an option. The selected options are displayed in menu details at the bottom. Click **Submit Order** to submit the order. A success message will be displayed, and the order details will be cleared. To clear the order details, click **Clear Order**. + +2. Click **Select option** to display the **Select option** screen. On this screen, the **** sub-components of **** show the **Dishes**, **Snack**, and **Drink** options. Click an option text box to bring up the respective menu and select an option. The selected options are displayed in menu details at the bottom. Click **Submit Order** to submit the order. A success message will be displayed, and the order details will be cleared. To clear the order details, click **Clear Order**. + +### Constraints + +This sample can only be run on standard-system devices. -- Gitee