diff --git a/.clang-format b/.clang-format
new file mode 100755
index 0000000..f07283e
--- /dev/null
+++ b/.clang-format
@@ -0,0 +1,160 @@
+Language: Cpp
+# BasedOnStyle: LLVM
+# 访问说明符(public、private等)的偏移
+AccessModifierOffset: -4
+# 开括号(开圆括号、开尖括号、开方括号)后的对齐
+AlignAfterOpenBracket: Align
+# 连续赋值时,等号对齐
+AlignConsecutiveAssignments: false
+# 连续赋值时,变量名对齐
+AlignConsecutiveDeclarations: false
+# 左对齐逃脱换行(使用反斜杠换行)的反斜杠
+AlignEscapedNewlinesLeft: true
+# 水平对齐二元和三元表达式的操作数
+AlignOperands: true
+# 对齐连续的尾随的注释
+AlignTrailingComments: true
+# 允许函数声明的所有参数在放在下一行
+AllowAllParametersOfDeclarationOnNextLine: false
+# 允许短的块放在同一行
+AllowShortBlocksOnASingleLine: false
+# 允许短的case标签放在同一行
+AllowShortCaseLabelsOnASingleLine: false
+# 允许短的函数放在同一行: None, InlineOnly(定义在类中), Empty(空函数), Inline(定义在类中,空函数), All
+AllowShortFunctionsOnASingleLine: Empty
+# 允许短的if语句保持在同一行
+AllowShortIfStatementsOnASingleLine: false
+# 允许短的循环保持在同一行
+AllowShortLoopsOnASingleLine: false
+# 总是在定义返回类型后换行(deprecated)
+AlwaysBreakAfterDefinitionReturnType: None
+# 总是在返回类型后换行: None, All, TopLevel(顶级函数,不包括在类中的函数),
+# AllDefinitions(所有的定义,不包括声明), TopLevelDefinitions(所有的顶级函数的定义)
+AlwaysBreakAfterReturnType: None
+# 总是在多行string字面量前换行
+AlwaysBreakBeforeMultilineStrings: true
+# 总是在template声明后换行
+AlwaysBreakTemplateDeclarations: false
+# false表示函数实参要么都在同一行,要么都各自一行
+BinPackArguments: true
+# false表示所有形参要么都在同一行,要么都各自一行
+BinPackParameters: false
+# 大括号换行,只有当BreakBeforeBraces设置为Custom时才有效
+BraceWrapping:
+ AfterClass: false
+ AfterControlStatement: false
+ AfterEnum: false
+ AfterFunction: true
+ AfterNamespace: false
+ AfterObjCDeclaration: false
+ AfterStruct: false
+ AfterUnion: false
+ BeforeCatch: false
+ BeforeElse: false
+ IndentBraces: false
+# 在二元运算符前换行: None(在操作符后换行), NonAssignment(在非赋值的操作符前换行), All(在操作符前换行)
+BreakBeforeBinaryOperators: None
+# 在大括号前换行: Attach(始终将大括号附加到周围的上下文), Linux(除函数、命名空间和类定义,与Attach类似),
+# Mozilla(除枚举、函数、记录定义,与Attach类似), Stroustrup(除函数定义、catch、else,与Attach类似),
+# Allman(总是在大括号前换行), GNU(总是在大括号前换行,并对于控制语句的大括号增加额外的缩进), WebKit(在函数前换行), Custom
+# 注:这里认为语句块也属于函数
+BreakBeforeBraces: Custom
+# 在三元运算符前换行
+BreakBeforeTernaryOperators: true
+# 在构造函数的初始化列表的逗号前换行
+BreakConstructorInitializersBeforeComma: false
+# 每行字符的限制,0表示没有限制
+ColumnLimit: 120
+# 描述具有特殊意义的注释的正则表达式,它不应该被分割为多行或以其它方式改变
+CommentPragmas: "^ IWYU pragma:"
+# 构造函数的初始化列表要么都在同一行,要么都各自一行
+ConstructorInitializerAllOnOneLineOrOnePerLine: true
+# 构造函数的初始化列表的缩进宽度
+ConstructorInitializerIndentWidth: 4
+# 延续的行的缩进宽度
+ContinuationIndentWidth: 4
+# 去除C++11的列表初始化的大括号{后和}前的空格
+Cpp11BracedListStyle: true
+# 继承最常用的指针和引用的对齐方式
+DerivePointerAlignment: false
+# 关闭格式化
+DisableFormat: false
+# 自动检测函数的调用和定义是否被格式为每行一个参数(Experimental)
+ExperimentalAutoDetectBinPacking: false
+# 需要被解读为foreach循环而不是函数调用的宏
+ForEachMacros: [foreach, Q_FOREACH, BOOST_FOREACH]
+# 对#include进行排序,匹配了某正则表达式的#include拥有对应的优先级,匹配不到的则默认优先级为INT_MAX(优先级越小排序越靠前),
+# 可以定义负数优先级从而保证某些#include永远在最前面
+IncludeCategories:
+ - Regex: '^"(llvm|llvm-c|clang|clang-c)/'
+ Priority: 2
+ - Regex: '^(<|"(gtest|isl|json)/)'
+ Priority: 3
+ - Regex: ".*"
+ Priority: 1
+# 缩进case标签
+IndentCaseLabels: true
+# 缩进宽度
+IndentWidth: 4
+# 函数返回类型换行时,缩进函数声明或函数定义的函数名
+IndentWrappedFunctionNames: true
+# 保留在块开始处的空行
+KeepEmptyLinesAtTheStartOfBlocks: true
+# 开始一个块的宏的正则表达式
+MacroBlockBegin: ""
+# 结束一个块的宏的正则表达式
+MacroBlockEnd: ""
+# 连续空行的最大数量
+MaxEmptyLinesToKeep: 1
+# 命名空间的缩进: None, Inner(缩进嵌套的命名空间中的内容), All
+NamespaceIndentation: None
+# 使用ObjC块时缩进宽度
+ObjCBlockIndentWidth: 4
+# 在ObjC的@property后添加一个空格
+ObjCSpaceAfterProperty: false
+# 在ObjC的protocol列表前添加一个空格
+ObjCSpaceBeforeProtocolList: true
+# 在call(后对函数调用换行的penalty
+PenaltyBreakBeforeFirstCallParameter: 19
+# 在一个注释中引入换行的penalty
+PenaltyBreakComment: 300
+# 第一次在<<前换行的penalty
+PenaltyBreakFirstLessLess: 120
+# 在一个字符串字面量中引入换行的penalty
+PenaltyBreakString: 1000
+# 对于每个在行字符数限制之外的字符的penalt
+PenaltyExcessCharacter: 1000000
+# 将函数的返回类型放到它自己的行的penalty
+PenaltyReturnTypeOnItsOwnLine: 60
+# 指针和引用的对齐: Left, Right, Middle
+PointerAlignment: Right
+# 允许重新排版注释
+ReflowComments: true
+# 允许排序#include
+SortIncludes: true
+# 在C风格类型转换后添加空格
+SpaceAfterCStyleCast: false
+# 在赋值运算符之前添加空格
+SpaceBeforeAssignmentOperators: true
+# 开圆括号之前添加一个空格: Never, ControlStatements, Always
+SpaceBeforeParens: ControlStatements
+# 在空的圆括号中添加空格
+SpaceInEmptyParentheses: false
+# 在尾随的评论前添加的空格数(只适用于//)
+SpacesBeforeTrailingComments: 1
+# 在尖括号的<后和>前添加空格
+SpacesInAngles: false
+# 在容器(ObjC和JavaScript的数组和字典等)字面量中添加空格
+SpacesInContainerLiterals: true
+# 在C风格类型转换的括号中添加空格
+SpacesInCStyleCastParentheses: false
+# 在圆括号的(后和)前添加空格
+SpacesInParentheses: false
+# 在方括号的[后和]前添加空格,lamda表达式和未指明大小的数组的声明不受影响
+SpacesInSquareBrackets: false
+# 标准: Cpp03, Cpp11, Auto
+Standard: Cpp11
+# tab宽度
+TabWidth: 4
+# 使用tab字符: Never, ForIndentation, ForContinuationAndIndentation, Always
+UseTab: Never
diff --git a/.gitee/ISSUE_TEMPLATE.zh-CN.md b/.gitee/ISSUE_TEMPLATE.zh-CN.md
new file mode 100755
index 0000000..f09d98d
--- /dev/null
+++ b/.gitee/ISSUE_TEMPLATE.zh-CN.md
@@ -0,0 +1,13 @@
+### 该问题是怎么引起的?
+
+
+
+### 重现步骤
+
+
+
+### 报错信息
+
+
+
+
diff --git a/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md b/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md
new file mode 100755
index 0000000..33948fd
--- /dev/null
+++ b/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md
@@ -0,0 +1,15 @@
+### 相关的Issue
+
+
+### 原因(目的、解决的问题等)
+
+
+### 描述(做了什么,变更了什么)
+
+
+### 测试用例(新增、改动、可能影响的功能)
+
+
+
+
+
diff --git a/.gitignore b/.gitignore
new file mode 100755
index 0000000..e09a3a0
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,8 @@
+x64/
+x32
+*.vcxproj.user
+.vscode
+
+target/
+node_modules/
+moduletest/
diff --git a/BUILD.gn b/BUILD.gn
new file mode 100755
index 0000000..de550be
--- /dev/null
+++ b/BUILD.gn
@@ -0,0 +1,229 @@
+#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("//build/lite/config/component/lite_component.gni")
+import("//build/lite/config/subsystem/aafwk/config.gni")
+
+declare_args() {
+ LOSCFG_TEST_JS_BUILD = false
+}
+
+lite_component("jsfwk") {
+ features = [ ":ace_lite" ]
+}
+
+config("ace_lite_config") {
+ include_dirs = [
+ "//foundation/graphic/lite/interfaces/innerkits/ui",
+ "//foundation/graphic/lite/interfaces/innerkits/ui/dock",
+ "//foundation/graphic/lite/interfaces/innerkits/ui/common",
+ "//foundation/graphic/lite/interfaces/kits",
+ "//foundation/graphic/lite/interfaces/kits/config",
+ "//foundation/graphic/lite/interfaces/kits/surface",
+ "//foundation/graphic/lite/interfaces/kits/ui",
+ "//foundation/graphic/lite/interfaces/kits/ui/animator",
+ "//foundation/graphic/lite/interfaces/kits/ui/common",
+ "//foundation/graphic/lite/interfaces/kits/ui/components",
+ "//foundation/graphic/lite/interfaces/kits/ui/dfx",
+ "//foundation/graphic/lite/interfaces/kits/ui/events",
+ "//foundation/graphic/lite/interfaces/kits/ui/font",
+ "//foundation/graphic/lite/interfaces/kits/ui/layout",
+ "//foundation/graphic/lite/interfaces/kits/ui/themes",
+ "//foundation/graphic/lite/interfaces/kits/utils",
+ "//utils/native/lite/include",
+ "//foundation/aafwk/interfaces/kits/ability_lite",
+ "//foundation/aafwk/interfaces/kits/want_lite",
+ "//foundation/aafwk/interfaces/innerkits/abilitymgr_lite",
+ "//foundation/appexecfwk/interfaces/kits/bundle_lite",
+ "//foundation/appexecfwk/utils/bundle_lite",
+ "//foundation/ace/lite/tools/simulator/config",
+ ]
+
+ include_dirs += ["//third_party/bounds_checking_function/include",
+ "//foundation/ace/interfaces/innerkits/builtin/async",
+ "//foundation/ace/interfaces/innerkits/builtin/base",
+ "//foundation/ace/interfaces/innerkits/builtin/jsi",
+ "include/context",
+ "include/base",
+ "include/modules",
+ "include/resource",
+ "src/core",
+ "src/core/animation",
+ "src/core/base",
+ "src/core/components",
+ "src/core/context",
+ "src/core/directive",
+ "src/core/router",
+ "src/core/jsi",
+ "src/core/modules",
+ "src/core/router",
+ "src/core/stylemgr",
+ "src/core/wrapper",
+ "targets",
+ "//kernel/liteos_a/kernel/include/",
+ "//kernel/liteos_a/kernel/common",
+ "//third_party/jerryscript/jerry-core/include",
+ "//third_party/jerryscript/jerry-ext/include/jerryscript-ext",
+ "///third_party/jerryscript/jerry-port/default/include",
+ "//third_party/cJSON",
+ "//utils/native/lite/timer_task/include/",
+ "//third_party/freetype/include",
+ ]
+ if (ohos_kernel_type == "liteos_a" || ohos_kernel_type == "liteos_m" ||
+ ohos_kernel_type == "liteos_riscv") {
+ include_dirs += [ "targets/liteos_a" ]
+ } else if (ohos_kernel_type == "linux") {
+ include_dirs += [
+ "targets/linux",
+ ]
+ }
+
+ ldflags = ["-lstdc++"]
+ ldflags += ["-lpthread"]
+ ldflags += ["-Wl,-rpath-link=$ohos_root_path/$root_out_dir"]
+}
+
+shared_library("ace_lite") {
+ configs -= [ "//build/lite/config:language_cpp" ]
+ cflags = [
+ "-Wall",
+ "-Wno-format",
+ "-Wno-format-extra-args",
+ ]
+ cflags_cc = [ "-std=c++14" ]
+ cflags_cc += cflags
+ configs += [":ace_lite_config"]
+
+ sources = [
+ "src/core/animation/transition_impl.cpp",
+ "src/core/async/js_async_work.cpp",
+ "src/core/async/message_queue_utils.cpp",
+ "src/core/base/ace_log.cpp",
+ "src/core/base/ace_mem_base.cpp",
+ "src/core/base/js_fwk_common.cpp",
+ "src/core/base/key_parser.cpp",
+ "src/core/base/time_util.cpp",
+ "src/core/base/js_debugger_config.cpp",
+ "src/core/base/memory_heap.cpp",
+ "src/core/components/video_view.cpp",
+ "src/core/components/analog_clock_component.cpp",
+ "src/core/components/camera_component.cpp",
+ "src/core/components/canvas_component.cpp",
+ "src/core/components/chart_component.cpp",
+ "src/core/components/clock_hand_component.cpp",
+ "src/core/components/component.cpp",
+ "src/core/components/component_utils.cpp",
+ "src/core/components/div_component.cpp",
+ "src/core/components/event_listener.cpp",
+ "src/core/components/image_animator_component.cpp",
+ "src/core/components/image_component.cpp",
+ "src/core/components/input_component.cpp",
+ "src/core/components/list_adapter.cpp",
+ "src/core/components/list_component.cpp",
+ "src/core/components/marquee_component.cpp",
+ "src/core/components/panel_view.cpp",
+ "src/core/components/picker_view_component.cpp",
+ "src/core/components/progress_component.cpp",
+ "src/core/components/scroll_layer.cpp",
+ "src/core/components/slider_component.cpp",
+ "src/core/components/swiper_component.cpp",
+ "src/core/components/switch_component.cpp",
+ "src/core/components/tab_bar_component.cpp",
+ "src/core/components/tab_content_component.cpp",
+ "src/core/components/tabs_component.cpp",
+ "src/core/components/text_component.cpp",
+ "src/core/components/video_component.cpp",
+ "src/core/context/ace_ability.cpp",
+ "src/core/context/ace_event_error_code.cpp",
+ "src/core/context/fatal_handler.cpp",
+ "src/core/context/js_ability.cpp",
+ "src/core/context/js_ability_impl.cpp",
+ "src/core/context/js_app_context.cpp",
+ "src/core/context/js_app_environment.cpp",
+ "src/core/context/js_framework_raw.cpp",
+ "src/core/context/js_profiler.cpp",
+ "src/core/context/js_timer_list.cpp",
+ "src/core/directive/descriptor_utils.cpp",
+ "src/core/directive/directive_watcher_callback.cpp",
+ "src/core/jsi/jsi.cpp",
+ #"src/core/modules/presets/jstest_module.cpp",
+ "src/core/modules/presets/timer_module.cpp",
+ "src/core/modules/app_module.cpp",
+ "src/core/modules/module_manager.cpp",
+ "src/core/modules/presets/cjson_parser.cpp",
+ "src/core/modules/presets/console_log_impl.cpp",
+ "src/core/modules/presets/console_module.cpp",
+ "src/core/modules/presets/localization_module.cpp",
+ #"src/core/modules/presets/feature_ability_module.cpp",
+ "src/core/modules/presets/preset_module.cpp",
+ "src/core/modules/presets/profiler_module.cpp",
+ "src/core/modules/presets/render_module.cpp",
+ "src/core/modules/presets/require_module.cpp",
+ "src/core/modules/presets/version_module.cpp",
+ "src/core/modules/router_module.cpp",
+ "src/core/modules/dfx_module.cpp",
+ "src/core/modules/sample_module.cpp",
+ "src/core/resource/video_play_image_res.cpp",
+ "src/core/resource/video_muted_image_res.cpp",
+ "src/core/router/js_page_state.cpp",
+ "src/core/router/js_page_state_machine.cpp",
+ "src/core/router/js_router.cpp",
+ "src/core/stylemgr/app_style.cpp",
+ "src/core/stylemgr/app_style_item.cpp",
+ "src/core/stylemgr/app_style_list.cpp",
+ "src/core/stylemgr/app_style_manager.cpp",
+ "src/core/stylemgr/app_style_sheet.cpp",
+ "src/core/wrapper/js.cpp",
+ "targets/platform_adapter.cpp",
+ ]
+
+ public_deps = [
+ "//third_party/cJSON:cjson_shared",
+ "//third_party/bounds_checking_function:libsec_shared",
+ "//third_party/jerryscript/jerry-core:jerry-core_shared",
+ "//third_party/jerryscript/jerry-ext:jerry-ext_shared",
+ "//third_party/jerryscript/jerry-libm:jerry-libm_shared",
+ "//third_party/jerryscript/jerry-port/default:jerry-port-default_shared",
+ "//base/security/frameworks/crypto_lite/js/builtin:ace_kit_cipher",
+ "//utils/native/lite/js/builtin:ace_utils_kits",
+ "//utils/native/lite/timer_task:ace_kit_timer",
+ "//foundation/multimedia/frameworks/camera_lite:camera",
+ "//foundation/multimedia/frameworks/player_lite:player",
+ "//foundation/multimedia/interfaces/kits/player_lite/js/builtin:audio_api",
+ "//foundation/graphic/lite/frameworks/surface:surface",
+ ]
+
+ defines = []
+
+ if (ohos_build_type == "debug") {
+ defines += [
+ "JS_PROFILER=1"
+ ]
+ } else {
+ defines += [
+ "JS_PROFILER=0"
+ ]
+ }
+
+ if (LOSCFG_TEST_JS_BUILD) {
+ defines += [
+ "JSFWK_TEST"
+ ]
+ }
+
+ if (enable_ohos_appexecfwk_feature_ability == true) {
+ defines += [
+ "ABILITY_WINDOW_SUPPORT"
+ ]
+ }
+}
diff --git a/CMakeLists.txt b/CMakeLists.txt
new file mode 100755
index 0000000..9014475
--- /dev/null
+++ b/CMakeLists.txt
@@ -0,0 +1,144 @@
+# 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.
+
+cmake_minimum_required(VERSION 3.16.5)
+
+project(jsfwk LANGUAGES CXX)
+
+set(CMAKE_CXX_STANDARD 11)
+set(CMAKE_CXX_STANDARD_REQUIRED ON)
+set(CMAKE_INCLUDE_CURRENT_DIR ON)
+
+# compile options
+add_compile_options(-fpermissive -Wno-narrowing)
+
+set(ACE_LITE_CONFIG_PATH "${CMAKE_CURRENT_SOURCE_DIR}/targets/simulator/win")
+set(ACE_LITE_INNERKITS_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../../interfaces/innerkits/builtin")
+set(JSFWK_INCLUDE_PATH "${CMAKE_CURRENT_SOURCE_DIR}/include")
+set(JSFWK_INNERKITS_BUILTIN_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../../../foundation/ace/interfaces/innerkits/builtin")
+set(JSFWK_SOURCE_PATH "${CMAKE_CURRENT_SOURCE_DIR}/src/core")
+set(UIKIT_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../../../foundation/graphic/lite")
+set(THIRTY_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../../../third_party")
+set(JSFWK_SIMULATOR_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../../../tools/developer_tools_lite/graphic_tool/simulator")
+set(JS_API_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../../api/emui_band/MoltenCore/application/framework/ace/api")
+set(AAFWK_PATH "${CMAKE_CURRENT_SOURCE_DIR}/../../../aafwk")
+
+# add definitions
+# temporarily set, when ui and graphic unifid, this can be removed
+add_definitions(-DSCREENRESOLUTION_CMAKE)
+
+# setup jerryscript
+include(${CMAKE_ROOT}/Modules/ExternalProject.cmake)
+ExternalProject_Add(jerryscript
+ SOURCE_DIR ${THIRTY_PATH}/jerryscript
+ BINARY_DIR ${CMAKE_CURRENT_BINARY_DIR}/jerryscript
+ CMAKE_ARGS -DJERRY_EXTERNAL_CONTEXT=${JERRY_EXTERNAL_CONTEXT}
+ -DJERRY_DEBUGGER=${JERRY_DEBUGGER}
+ -DJERRY_CMDLINE=OFF
+ -DCMAKE_BUILD_TYPE=${CMAKE_BUILD_TYPE}
+ -DTOOLCHAIN_PATH=${TOOLCHAIN_PATH}
+ -DCMAKE_TOOLCHAIN_FILE=${CMAKE_TOOLCHAIN_FILE}
+ BUILD_COMMAND $(MAKE) VERBOSE=1 -j 8
+ INSTALL_COMMAND ""
+ BUILD_ALWAYS 1
+)
+
+# header files
+include_directories(
+ ${ACE_LITE_CONFIG_PATH}
+ ${ACE_LITE_INNERKITS_PATH}/async
+ ${ACE_LITE_INNERKITS_PATH}/base
+ ${ACE_LITE_INNERKITS_PATH}/jsi
+ ${JSFWK_INCLUDE_PATH}/async
+ ${JSFWK_INCLUDE_PATH}/base
+ ${JSFWK_INCLUDE_PATH}/context
+ ${JSFWK_INCLUDE_PATH}/jsi
+ ${JSFWK_SOURCE_PATH}
+ ${JSFWK_SOURCE_PATH}/animation
+ ${JSFWK_SOURCE_PATH}/base
+ ${JSFWK_SOURCE_PATH}/components
+ ${JSFWK_SOURCE_PATH}/context
+ ${JSFWK_SOURCE_PATH}/directive
+ ${JSFWK_SOURCE_PATH}/jsi
+ ${JSFWK_SOURCE_PATH}/modules
+ ${JSFWK_SOURCE_PATH}/modules/presets
+ ${JSFWK_SOURCE_PATH}/router
+ ${JSFWK_SOURCE_PATH}/stylemgr
+ ${JSFWK_SOURCE_PATH}/wrapper
+ ${CMAKE_CURRENT_SOURCE_DIR}/targets
+ ${CMAKE_CURRENT_SOURCE_DIR}/test/mock
+ ${CMAKE_CURRENT_SOURCE_DIR}/test/unittest
+ ${THIRTY_PATH}/cJSON
+ ${THIRTY_PATH}/jerryscript/jerry-core/include
+ ${THIRTY_PATH}/jerryscript/jerry-ext/include/jerryscript-ext
+ ${THIRTY_PATH}/jerryscript/jerry-port/default/include
+ ${THIRTY_PATH}/freetype/include
+ ${JSFWK_SIMULATOR_PATH}/config
+ ${JS_API_PATH}/timer
+ ${AAFWK_PATH}/frameworks/abilitymgr_lite/include)
+
+# source files
+aux_source_directory(${JSFWK_SOURCE_PATH}/animation ANIMATION)
+aux_source_directory(${JSFWK_SOURCE_PATH}/base BASE)
+aux_source_directory(${JSFWK_SOURCE_PATH}/components COMPONENTS)
+aux_source_directory(${JSFWK_SOURCE_PATH}/context CONTEXT)
+aux_source_directory(${JSFWK_SOURCE_PATH}/directive DIRECTIVE)
+aux_source_directory(${JSFWK_SOURCE_PATH}/jsi JSI)
+aux_source_directory(${JSFWK_SOURCE_PATH}/modules MODULES)
+aux_source_directory(${JSFWK_SOURCE_PATH}/modules/presets MODULES_PRESETS)
+aux_source_directory(${JSFWK_SOURCE_PATH}/router ROUTER)
+aux_source_directory(${JSFWK_SOURCE_PATH}/stylemgr STYLEMGR)
+aux_source_directory(${JSFWK_SOURCE_PATH}/wrapper WRAPPER)
+aux_source_directory(${CMAKE_CURRENT_SOURCE_DIR}/targets TARGETS)
+aux_source_directory(${CMAKE_CURRENT_SOURCE_DIR}/test TEST)
+aux_source_directory(${CMAKE_CURRENT_SOURCE_DIR}/test/unittest UNITTEST)
+
+list(REMOVE_ITEM CONTEXT "${JSFWK_SOURCE_PATH}/context/ace_ability.cpp")
+list(REMOVE_ITEM MODULES_PRESETS "${JSFWK_SOURCE_PATH}/modules/presets/jstest_module.cpp")
+list(REMOVE_ITEM UNITTEST
+ "${CMAKE_CURRENT_SOURCE_DIR}/test/unittest/tabs_tdd_test.cpp"
+ "${CMAKE_CURRENT_SOURCE_DIR}/test/unittest/js_async_work_tdd_test.cpp"
+ "${CMAKE_CURRENT_SOURCE_DIR}/test/unittest/message_queue_utils_tdd_test.cpp")
+
+add_library(jsfwk STATIC
+ ${ANIMATION}
+ ${BASE}
+ ${COMPONENTS}
+ ${CONTEXT}
+ ${DIRECTIVE}
+ ${JSI}
+ ${MODULES}
+ ${MODULES_PRESETS}
+ ${ROUTER}
+ ${STYLEMGR}
+ ${WRAPPER}
+ ${TEST}
+ ${TARGETS}
+ )
+target_include_directories(jsfwk PUBLIC
+ ${JSFWK_INNERKITS_BUILTIN_PATH}
+ ${JSFWK_INNERKITS_BUILTIN_PATH}/async
+ ${JSFWK_INNERKITS_BUILTIN_PATH}/base
+ ${JSFWK_INNERKITS_BUILTIN_PATH}/jsi
+ ${JSFWK_INCLUDE_PATH}
+ ${JSFWK_INCLUDE_PATH}/base
+ ${JSFWK_INCLUDE_PATH}/context
+ ${ACE_LITE_CONFIG_PATH}
+ ${AAFWK_PATH}/frameworks/abilitymgr_lite/include)
+add_dependencies(jsfwk jerryscript)
+target_link_directories(jsfwk PUBLIC ${CMAKE_CURRENT_BINARY_DIR}/jerryscript/lib)
+target_link_libraries(jsfwk global_resmgr ui -Wl,--whole-archive jerry-port-default jerry-ext jerry-core -Wl,--no-whole-archive)
+
+if (${JERRY_EXTERNAL_CONTEXT} STREQUAL ON)
+ target_compile_definitions(jsfwk PUBLIC -DJS_ENGINE_EXTERNAL_CONTEXT)
+endif()
diff --git a/LICENSE b/LICENSE
new file mode 100755
index 0000000..4a45986
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,177 @@
+
+ Apache License
+ Version 2.0, January 2004
+ http://www.apache.org/licenses/
+
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+ 1. Definitions.
+
+ "License" shall mean the terms and conditions for use, reproduction,
+ and distribution as defined by Sections 1 through 9 of this document.
+
+ "Licensor" shall mean the copyright owner or entity authorized by
+ the copyright owner that is granting the License.
+
+ "Legal Entity" shall mean the union of the acting entity and all
+ other entities that control, are controlled by, or are under common
+ control with that entity. For the purposes of this definition,
+ "control" means (i) the power, direct or indirect, to cause the
+ direction or management of such entity, whether by contract or
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
+ outstanding shares, or (iii) beneficial ownership of such entity.
+
+ "You" (or "Your") shall mean an individual or Legal Entity
+ exercising permissions granted by this License.
+
+ "Source" form shall mean the preferred form for making modifications,
+ including but not limited to software source code, documentation
+ source, and configuration files.
+
+ "Object" form shall mean any form resulting from mechanical
+ transformation or translation of a Source form, including but
+ not limited to compiled object code, generated documentation,
+ and conversions to other media types.
+
+ "Work" shall mean the work of authorship, whether in Source or
+ Object form, made available under the License, as indicated by a
+ copyright notice that is included in or attached to the work
+ (an example is provided in the Appendix below).
+
+ "Derivative Works" shall mean any work, whether in Source or Object
+ form, that is based on (or derived from) the Work and for which the
+ editorial revisions, annotations, elaborations, or other modifications
+ represent, as a whole, an original work of authorship. For the purposes
+ of this License, Derivative Works shall not include works that remain
+ separable from, or merely link (or bind by name) to the interfaces of,
+ the Work and Derivative Works thereof.
+
+ "Contribution" shall mean any work of authorship, including
+ the original version of the Work and any modifications or additions
+ to that Work or Derivative Works thereof, that is intentionally
+ submitted to Licensor for inclusion in the Work by the copyright owner
+ or by an individual or Legal Entity authorized to submit on behalf of
+ the copyright owner. For the purposes of this definition, "submitted"
+ means any form of electronic, verbal, or written communication sent
+ to the Licensor or its representatives, including but not limited to
+ communication on electronic mailing lists, source code control systems,
+ and issue tracking systems that are managed by, or on behalf of, the
+ Licensor for the purpose of discussing and improving the Work, but
+ excluding communication that is conspicuously marked or otherwise
+ designated in writing by the copyright owner as "Not a Contribution."
+
+ "Contributor" shall mean Licensor and any individual or Legal Entity
+ on behalf of whom a Contribution has been received by Licensor and
+ subsequently incorporated within the Work.
+
+ 2. Grant of Copyright License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ copyright license to reproduce, prepare Derivative Works of,
+ publicly display, publicly perform, sublicense, and distribute the
+ Work and such Derivative Works in Source or Object form.
+
+ 3. Grant of Patent License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ (except as stated in this section) patent license to make, have made,
+ use, offer to sell, sell, import, and otherwise transfer the Work,
+ where such license applies only to those patent claims licensable
+ by such Contributor that are necessarily infringed by their
+ Contribution(s) alone or by combination of their Contribution(s)
+ with the Work to which such Contribution(s) was submitted. If You
+ institute patent litigation against any entity (including a
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
+ or a Contribution incorporated within the Work constitutes direct
+ or contributory patent infringement, then any patent licenses
+ granted to You under this License for that Work shall terminate
+ as of the date such litigation is filed.
+
+ 4. Redistribution. You may reproduce and distribute copies of the
+ Work or Derivative Works thereof in any medium, with or without
+ modifications, and in Source or Object form, provided that You
+ meet the following conditions:
+
+ (a) You must give any other recipients of the Work or
+ Derivative Works a copy of this License; and
+
+ (b) You must cause any modified files to carry prominent notices
+ stating that You changed the files; and
+
+ (c) You must retain, in the Source form of any Derivative Works
+ that You distribute, all copyright, patent, trademark, and
+ attribution notices from the Source form of the Work,
+ excluding those notices that do not pertain to any part of
+ the Derivative Works; and
+
+ (d) If the Work includes a "NOTICE" text file as part of its
+ distribution, then any Derivative Works that You distribute must
+ include a readable copy of the attribution notices contained
+ within such NOTICE file, excluding those notices that do not
+ pertain to any part of the Derivative Works, in at least one
+ of the following places: within a NOTICE text file distributed
+ as part of the Derivative Works; within the Source form or
+ documentation, if provided along with the Derivative Works; or,
+ within a display generated by the Derivative Works, if and
+ wherever such third-party notices normally appear. The contents
+ of the NOTICE file are for informational purposes only and
+ do not modify the License. You may add Your own attribution
+ notices within Derivative Works that You distribute, alongside
+ or as an addendum to the NOTICE text from the Work, provided
+ that such additional attribution notices cannot be construed
+ as modifying the License.
+
+ You may add Your own copyright statement to Your modifications and
+ may provide additional or different license terms and conditions
+ for use, reproduction, or distribution of Your modifications, or
+ for any such Derivative Works as a whole, provided Your use,
+ reproduction, and distribution of the Work otherwise complies with
+ the conditions stated in this License.
+
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
+ any Contribution intentionally submitted for inclusion in the Work
+ by You to the Licensor shall be under the terms and conditions of
+ this License, without any additional terms or conditions.
+ Notwithstanding the above, nothing herein shall supersede or modify
+ the terms of any separate license agreement you may have executed
+ with Licensor regarding such Contributions.
+
+ 6. Trademarks. This License does not grant permission to use the trade
+ names, trademarks, service marks, or product names of the Licensor,
+ except as required for reasonable and customary use in describing the
+ origin of the Work and reproducing the content of the NOTICE file.
+
+ 7. Disclaimer of Warranty. Unless required by applicable law or
+ agreed to in writing, Licensor provides the Work (and each
+ Contributor provides its Contributions) on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+ implied, including, without limitation, any warranties or conditions
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+ PARTICULAR PURPOSE. You are solely responsible for determining the
+ appropriateness of using or redistributing the Work and assume any
+ risks associated with Your exercise of permissions under this License.
+
+ 8. Limitation of Liability. In no event and under no legal theory,
+ whether in tort (including negligence), contract, or otherwise,
+ unless required by applicable law (such as deliberate and grossly
+ negligent acts) or agreed to in writing, shall any Contributor be
+ liable to You for damages, including any direct, indirect, special,
+ incidental, or consequential damages of any character arising as a
+ result of this License or out of the use or inability to use the
+ Work (including but not limited to damages for loss of goodwill,
+ work stoppage, computer failure or malfunction, or any and all
+ other commercial damages or losses), even if such Contributor
+ has been advised of the possibility of such damages.
+
+ 9. Accepting Warranty or Additional Liability. While redistributing
+ the Work or Derivative Works thereof, You may choose to offer,
+ and charge a fee for, acceptance of support, warranty, indemnity,
+ or other liability obligations and/or rights consistent with this
+ License. However, in accepting such obligations, You may act only
+ on Your own behalf and on Your sole responsibility, not on behalf
+ of any other Contributor, and only if You agree to indemnify,
+ defend, and hold each Contributor harmless for any liability
+ incurred by, or claims asserted against, such Contributor by reason
+ of your accepting any such warranty or additional liability.
+
+ END OF TERMS AND CONDITIONS
\ No newline at end of file
diff --git a/examples/airquality/src/main/config.json b/examples/airquality/src/main/config.json
new file mode 100755
index 0000000..d78468c
--- /dev/null
+++ b/examples/airquality/src/main/config.json
@@ -0,0 +1,48 @@
+{
+ "app": {
+ "bundleName": "com.huawei.airquality",
+ "vendor": "huawei",
+ "version": {
+ "code": 1,
+ "name": "1.0"
+ },
+ "apiVersion": {
+ "compatible": 3,
+ "target": 3
+ }
+ },
+ "deviceConfig": {
+ "default": {
+ }
+ },
+ "module": {
+ "deviceType": [
+ "liteWearable",
+ "smartVision"
+ ],
+ "distro": {
+ "deliveryWithInstall": true,
+ "moduleName": "entry",
+ "moduleType": "entry"
+ },
+ "abilities": [
+ {
+ "name": "default",
+ "icon": "$media:icon",
+ "label": "airquality",
+ "type": "page",
+ "visible": true
+ }
+ ],
+ "js": [
+ {
+ "name": "default",
+ "pages": [
+ "pages/index/index",
+ "pages/detail/detail",
+ "pages/history/history"
+ ]
+ }
+ ]
+ }
+}
diff --git a/examples/airquality/src/main/js/default/app.js b/examples/airquality/src/main/js/default/app.js
new file mode 100755
index 0000000..b99bb74
--- /dev/null
+++ b/examples/airquality/src/main/js/default/app.js
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+export default {
+ onCreate() {
+ console.info('AceApplication onCreate');
+ },
+ onDestroy() {
+ console.info('AceApplication onDestroy');
+ }
+}
diff --git a/examples/airquality/src/main/js/default/common/cloud.png b/examples/airquality/src/main/js/default/common/cloud.png
new file mode 100755
index 0000000..de20160
Binary files /dev/null and b/examples/airquality/src/main/js/default/common/cloud.png differ
diff --git a/examples/airquality/src/main/js/default/common/cloud_green.png b/examples/airquality/src/main/js/default/common/cloud_green.png
new file mode 100755
index 0000000..c608933
Binary files /dev/null and b/examples/airquality/src/main/js/default/common/cloud_green.png differ
diff --git a/examples/airquality/src/main/js/default/common/cloud_red.png b/examples/airquality/src/main/js/default/common/cloud_red.png
new file mode 100755
index 0000000..5f2cfd5
Binary files /dev/null and b/examples/airquality/src/main/js/default/common/cloud_red.png differ
diff --git a/examples/airquality/src/main/js/default/common/cloud_yellow.png b/examples/airquality/src/main/js/default/common/cloud_yellow.png
new file mode 100755
index 0000000..f00786f
Binary files /dev/null and b/examples/airquality/src/main/js/default/common/cloud_yellow.png differ
diff --git a/examples/airquality/src/main/js/default/common/week.png b/examples/airquality/src/main/js/default/common/week.png
new file mode 100755
index 0000000..4b09ef3
Binary files /dev/null and b/examples/airquality/src/main/js/default/common/week.png differ
diff --git a/examples/airquality/src/main/js/default/i18n/en-US.json b/examples/airquality/src/main/js/default/i18n/en-US.json
new file mode 100755
index 0000000..54c842c
--- /dev/null
+++ b/examples/airquality/src/main/js/default/i18n/en-US.json
@@ -0,0 +1,22 @@
+{
+ "HangZhou":"HangZhou",
+ "ShangHai":"ShangHai",
+ "Good":"Good",
+ "Unhealth":"Unhealth",
+ "Normal":"Normal",
+ "airQuality":"Air Quality",
+ "History":"History",
+ "Close":"Close",
+ "updated":"Updated",
+ "dataSourceName":"From",
+ "sampledOn":"Sampled on",
+ "monitoringStation":"Monitoring Station",
+ "historicalData":"Historical Data",
+ "Monday":"Mo",
+ "Tuesday":"Tu",
+ "Wednesday":"We",
+ "Thursday":"Th",
+ "Friday":"Fr",
+ "Saturday":"Sa",
+ "Sunday":"Su"
+}
\ No newline at end of file
diff --git a/examples/airquality/src/main/js/default/i18n/zh-CN.json b/examples/airquality/src/main/js/default/i18n/zh-CN.json
new file mode 100755
index 0000000..d03eb48
--- /dev/null
+++ b/examples/airquality/src/main/js/default/i18n/zh-CN.json
@@ -0,0 +1,21 @@
+{
+ "HangZhou":"杭州",
+ "ShangHai":"上海",
+ "Good":"良好",
+ "Unhealth":"差",
+ "Normal":"一般",
+ "airQuality":"空气质量监测",
+ "History":"历史",
+ "Close":"关闭",
+ "updated":"更新于",
+ "dataSourceName":"数据源",
+ "sampledOn":"采样时间",
+ "historicalData":"历史数据",
+ "Monday":"周一",
+ "Tuesday":"周二",
+ "Wednesday":"周三",
+ "Thursday":"周四",
+ "Friday":"周五",
+ "Saturday":"周六",
+ "Sunday":"周日"
+}
\ No newline at end of file
diff --git a/examples/airquality/src/main/js/default/pages/detail/detail.css b/examples/airquality/src/main/js/default/pages/detail/detail.css
new file mode 100755
index 0000000..d2928fc
--- /dev/null
+++ b/examples/airquality/src/main/js/default/pages/detail/detail.css
@@ -0,0 +1,40 @@
+/*
+* 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.
+*/
+.line-div{
+ background-color:#f5fffa;
+ height:2px;
+ width:454px;
+}
+.info-div-width-height{
+ width:321px;
+ height:35px;
+ margin-top: 20px;
+}
+.gas-name{
+ color:#f5fffa;
+ width:160px;
+ height:35px;
+}
+.gas-value{
+ text-align:right;
+ color:#00fa9a;
+ width:160px;
+ height:35px;
+}
+.config-info {
+ height:40px;
+ width:321px;
+ color:#f5fffa;
+}
diff --git a/examples/airquality/src/main/js/default/pages/detail/detail.hml b/examples/airquality/src/main/js/default/pages/detail/detail.hml
new file mode 100755
index 0000000..fa52725
--- /dev/null
+++ b/examples/airquality/src/main/js/default/pages/detail/detail.hml
@@ -0,0 +1,55 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/airquality/src/main/js/default/pages/detail/detail.js b/examples/airquality/src/main/js/default/pages/detail/detail.js
new file mode 100755
index 0000000..267805b
--- /dev/null
+++ b/examples/airquality/src/main/js/default/pages/detail/detail.js
@@ -0,0 +1,46 @@
+/*
+ * 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 router from '@system.router'
+
+export default {
+ data:{
+ location:"HangZhou",
+ udpateStatus:"15:13",
+ dataSource:"tianqi.com",
+ updated:'Updated',
+ dataSourceName:'Data Source',
+ selectedIndex:0,
+ airData:['100', '90', '120', '50', '150', '40', '25']
+ },
+ onInit(){
+ this.location = this.$t(this.location);
+ this.updated = this.$t("updated");
+ this.dataSourceName = this.$t("dataSourceName");
+ this.sampledOn = this.$t("sampledOn");
+ this.monitoringStation = this.$t("monitoringStation");
+ this.selectedIndex = this.selectedCityIndex;
+ },
+ openHistroy(){
+ router.replace({
+ uri:'pages/history/history'
+ });
+ },
+ backMain(){
+ router.replace({
+ uri:'pages/index/index',
+ params:{selectedCityIndex:this.selectedIndex}
+ });
+ }
+}
\ No newline at end of file
diff --git a/examples/airquality/src/main/js/default/pages/history/history.css b/examples/airquality/src/main/js/default/pages/history/history.css
new file mode 100755
index 0000000..44eb9e2
--- /dev/null
+++ b/examples/airquality/src/main/js/default/pages/history/history.css
@@ -0,0 +1,34 @@
+/*
+* 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.
+*/
+.div-info-location{
+ color:#dcdcdc;
+ width:321px;
+ height:40px;
+}
+.div-info-historical-data{
+ color:#f5fffa;
+ width:321px;
+ height:40px;
+}
+.gas-name{
+ color:#f0ffff;
+ text-align:right;
+ width:321px;
+ height:35px;
+}
+.info-list-item{
+ width:321px;
+ height:80px;
+}
\ No newline at end of file
diff --git a/examples/airquality/src/main/js/default/pages/history/history.hml b/examples/airquality/src/main/js/default/pages/history/history.hml
new file mode 100755
index 0000000..29ab8c8
--- /dev/null
+++ b/examples/airquality/src/main/js/default/pages/history/history.hml
@@ -0,0 +1,42 @@
+
+
+
+
+ {{historicalData}}
+
+
+
+
+
+ {{$item}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/airquality/src/main/js/default/pages/history/history.js b/examples/airquality/src/main/js/default/pages/history/history.js
new file mode 100755
index 0000000..9dde8ea
--- /dev/null
+++ b/examples/airquality/src/main/js/default/pages/history/history.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 router from '@system.router'
+
+export default {
+ data: {
+ historicalData:"historicalData",
+ datasets:["CO","PM2.5","NO2","NO","PM10","SO2"]
+ },
+ onInit(){
+ this.historicalData = this.$t(this.historicalData);
+ },
+ backDetail(){
+ router.replace({
+ uri:'pages/detail/detail'
+ });
+ }
+}
\ No newline at end of file
diff --git a/examples/airquality/src/main/js/default/pages/index/index.css b/examples/airquality/src/main/js/default/pages/index/index.css
new file mode 100755
index 0000000..1911f7e
--- /dev/null
+++ b/examples/airquality/src/main/js/default/pages/index/index.css
@@ -0,0 +1,62 @@
+/*
+ * 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.
+ */
+.pm25-value{
+ text-align:center;
+ font-size:38px;
+ color:#f0ffff;
+ width:454px;
+ height:50px;
+ top:275px;
+}
+.pm25-name{
+ text-align:center;
+ color:#a2c4a2;
+ width:454px;
+ height:50px;
+ top:335px;
+}
+.location-text{
+ text-align:center;
+ color:#f0ffff;
+ width:454px;
+ height:50px;
+ top:20px;
+}
+.container{
+ height: 454px;
+ width: 454px;;
+}
+.circleProgress{
+ centerX:227px;
+ centerY:250px;
+ radius:180px;
+ startAngle:198;
+ totalAngle:320;
+ strokeWidth:45px;
+ width:454px;
+ height:454px;
+}
+.image{
+ top:390px;
+ left:217px;
+ width:32px;
+ height:32px;
+}
+.airquality{
+ top:220px;
+ text-align: center;
+ width:454px;
+ height:40px;
+}
diff --git a/examples/airquality/src/main/js/default/pages/index/index.hml b/examples/airquality/src/main/js/default/pages/index/index.hml
new file mode 100755
index 0000000..ee85dd5
--- /dev/null
+++ b/examples/airquality/src/main/js/default/pages/index/index.hml
@@ -0,0 +1,34 @@
+
+
+
+ {{airData[0].airQuality}}
+ {{airData[0].location}}
+
+
+ {{airData[0].detailData}}
+ AQI
+
+
+ {{airData[1].airQuality}}
+ {{airData[1].location}}
+
+
+ {{airData[1].detailData}}
+ AQI
+
+
\ No newline at end of file
diff --git a/examples/airquality/src/main/js/default/pages/index/index.js b/examples/airquality/src/main/js/default/pages/index/index.js
new file mode 100755
index 0000000..11866c7
--- /dev/null
+++ b/examples/airquality/src/main/js/default/pages/index/index.js
@@ -0,0 +1,100 @@
+/*
+ * 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 router from '@system.router'
+
+export default {
+ data: {
+ textColor1:'#00ff00',
+ textColor2:'#00ff00',
+ bgColor1:'#669966',
+ bgColor2:'#669966',
+ swiperPage:0,
+ percent1:0,
+ percent2:0,
+ src1:'common/cloud_green.png',
+ src2:'common/cloud_green.png',
+ airData: [{
+ location: 'HangZhou',
+ airQuality: 'Good',
+ detailData: 10
+ }, {
+ location: 'ShangHai',
+ airQuality: 'Unhealth',
+ detailData:90
+ }]
+ },
+ onInit () {
+ this.airData[0].location = this.$t(this.airData[0].location);
+ this.airData[1].location = this.$t(this.airData[1].location);
+ this.airData[0].airQuality = this.$t(this.airData[0].airQuality);
+ this.airData[1].airQuality = this.$t(this.airData[1].airQuality);
+ if(this.airData[0].detailData > 100){
+ this.src1 = "common/cloud_red.png";
+ this.textColor1 = '#ff0000';
+ this.bgColor1 = '#9d7462';
+ } else if(50 < this.airData[0].detailData && this.airData[0].detailData <= 100){
+ this.src1 = "common/cloud_yellow.png";
+ this.textColor1 = '#ecf19a';
+ this.bgColor1 = '#9d9d62';
+ }
+ if(this.airData[1].detailData > 100){
+ this.src2 = "common/cloud_red.png";
+ this.textColor2 = '#ff0000';
+ this.bgColor2 = '#9d7462';
+ } else if(50 < this.airData[1].detailData && this.airData[1].detailData <= 100){
+ this.src2 = "common/cloud_yellow.png";
+ this.textColor2 = '#ecf19a';
+ this.bgColor2 = '#9d9d62';
+ }
+ if(this.selectedCityIndex){
+ this.swiperPage = this.selectedCityIndex;
+ }
+ },
+ onShow () {
+ var self = this;
+ var time = 1000/(self.airData[self.swiperPage].detailData);
+ if(time == 0){
+ time = 100;
+ }
+ var interval = setInterval(function () {
+ if ((self.swiperPage==0?self.percent1:self.percent2) >= self.airData[self.swiperPage].detailData) {
+ clearInterval(interval);
+ return;
+ }
+ (self.swiperPage==0?self.percent1++:self.percent2++);
+ }, time)
+ },
+ openDetail () {
+ router.replace({
+ uri:'pages/detail/detail',
+ params:{selectedCityIndex:this.swiperPage}
+ });
+ },
+ swiperChange (e) {
+ this.swiperPage = e.index;
+ var self = this;
+ var time = 1000/(self.airData[self.swiperPage].detailData);
+ if(time == 0){
+ time = 100;
+ }
+ var interval = setInterval(function () {
+ if ((self.swiperPage==0?self.percent1:self.percent2) >= self.airData[self.swiperPage].detailData) {
+ clearInterval(interval);
+ return;
+ }
+ (self.swiperPage==0?self.percent1++:self.percent2++);
+ }, time)
+ }
+}
diff --git a/examples/alarm/src/main/config.json b/examples/alarm/src/main/config.json
new file mode 100755
index 0000000..93d2690
--- /dev/null
+++ b/examples/alarm/src/main/config.json
@@ -0,0 +1,50 @@
+{
+ "app": {
+ "bundleName": "com.huawei.alarm",
+ "vendor": "huawei",
+ "version": {
+ "code": 1,
+ "name": "1.0"
+ },
+ "apiVersion": {
+ "compatible": 3,
+ "target": 3
+ }
+ },
+ "deviceConfig": {
+ "default": {
+ }
+ },
+ "module": {
+ "deviceType": [
+ "liteWearable",
+ "smartVision"
+ ],
+ "distro": {
+ "deliveryWithInstall": true,
+ "moduleName": "entry",
+ "moduleType": "entry"
+ },
+ "abilities": [
+ {
+ "name": "default",
+ "icon": "$media:icon",
+ "label": "alarm",
+ "type": "page",
+ "visible": true
+ }
+ ],
+ "js": [
+ {
+ "name": "default",
+ "pages": [
+ "pages/index/index",
+ "pages/editAlarm/edit_alarm",
+ "pages/timeArrive/time_arrive",
+ "pages/timeSelector/time_picker_page",
+ "pages/weekSelector/week_select_page"
+ ]
+ }
+ ]
+ }
+}
diff --git a/examples/alarm/src/main/js/default/app.js b/examples/alarm/src/main/js/default/app.js
new file mode 100755
index 0000000..9a2b2a5
--- /dev/null
+++ b/examples/alarm/src/main/js/default/app.js
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+export default {
+ onCreate() {
+ console.info('AceApplication onCreate');
+ },
+ onDestroy() {
+ console.info('AceApplication onDestroy');
+ }
+}
diff --git a/examples/alarm/src/main/js/default/common/add_alarm.png b/examples/alarm/src/main/js/default/common/add_alarm.png
new file mode 100755
index 0000000..07d867a
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/add_alarm.png differ
diff --git a/examples/alarm/src/main/js/default/common/alarmClock.png b/examples/alarm/src/main/js/default/common/alarmClock.png
new file mode 100755
index 0000000..0c2cc48
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/alarmClock.png differ
diff --git a/examples/alarm/src/main/js/default/common/cancel.png b/examples/alarm/src/main/js/default/common/cancel.png
new file mode 100755
index 0000000..10d7de1
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/cancel.png differ
diff --git a/examples/alarm/src/main/js/default/common/jiantou.png b/examples/alarm/src/main/js/default/common/jiantou.png
new file mode 100755
index 0000000..d9df574
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/jiantou.png differ
diff --git a/examples/alarm/src/main/js/default/common/postpone.png b/examples/alarm/src/main/js/default/common/postpone.png
new file mode 100755
index 0000000..ea30b14
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/postpone.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekSelected_Fri.png b/examples/alarm/src/main/js/default/common/weekSelected_Fri.png
new file mode 100755
index 0000000..b65ebfd
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekSelected_Fri.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekSelected_Mon.png b/examples/alarm/src/main/js/default/common/weekSelected_Mon.png
new file mode 100755
index 0000000..0e972e9
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekSelected_Mon.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekSelected_Sat.png b/examples/alarm/src/main/js/default/common/weekSelected_Sat.png
new file mode 100755
index 0000000..00c5ca5
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekSelected_Sat.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekSelected_Sun.png b/examples/alarm/src/main/js/default/common/weekSelected_Sun.png
new file mode 100755
index 0000000..26083ee
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekSelected_Sun.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekSelected_Thu.png b/examples/alarm/src/main/js/default/common/weekSelected_Thu.png
new file mode 100755
index 0000000..5e70ced
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekSelected_Thu.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekSelected_Tue.png b/examples/alarm/src/main/js/default/common/weekSelected_Tue.png
new file mode 100755
index 0000000..96c0a5d
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekSelected_Tue.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekSelected_Wed.png b/examples/alarm/src/main/js/default/common/weekSelected_Wed.png
new file mode 100755
index 0000000..91754b2
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekSelected_Wed.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekUnSelected_Fri.png b/examples/alarm/src/main/js/default/common/weekUnSelected_Fri.png
new file mode 100755
index 0000000..add387c
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekUnSelected_Fri.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekUnSelected_Mon.png b/examples/alarm/src/main/js/default/common/weekUnSelected_Mon.png
new file mode 100755
index 0000000..5a7c6c2
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekUnSelected_Mon.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekUnSelected_Sat.png b/examples/alarm/src/main/js/default/common/weekUnSelected_Sat.png
new file mode 100755
index 0000000..79a801e
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekUnSelected_Sat.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekUnSelected_Sun.png b/examples/alarm/src/main/js/default/common/weekUnSelected_Sun.png
new file mode 100755
index 0000000..fe96c4c
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekUnSelected_Sun.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekUnSelected_Thu.png b/examples/alarm/src/main/js/default/common/weekUnSelected_Thu.png
new file mode 100755
index 0000000..7764a54
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekUnSelected_Thu.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekUnSelected_Tue.png b/examples/alarm/src/main/js/default/common/weekUnSelected_Tue.png
new file mode 100755
index 0000000..ca0cbe7
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekUnSelected_Tue.png differ
diff --git a/examples/alarm/src/main/js/default/common/weekUnSelected_Wed.png b/examples/alarm/src/main/js/default/common/weekUnSelected_Wed.png
new file mode 100755
index 0000000..ea336a7
Binary files /dev/null and b/examples/alarm/src/main/js/default/common/weekUnSelected_Wed.png differ
diff --git a/examples/alarm/src/main/js/default/pages/editAlarm/edit_alarm.css b/examples/alarm/src/main/js/default/pages/editAlarm/edit_alarm.css
new file mode 100755
index 0000000..666a343
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/editAlarm/edit_alarm.css
@@ -0,0 +1,68 @@
+/*
+ * 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.
+ */
+.container {
+ width: 454px;
+ height: 454px;
+ border-radius:227px;
+ border-color:#8b0000;
+ border-width: 1px;
+ flex-direction: column;
+ align-items: flex-end;
+}
+
+.itemWidth {
+ width: 420px;
+}
+
+.itemDiv {
+ width: 324px;
+ height: 150px;
+ justify-content:flex-end;
+}
+
+.itemLeft {
+ width: 314px;
+ height: 130px;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+.textLarger {
+ width: 272px;
+ height: 50px;
+ font-size: 38px;
+ text-align: center;
+}
+
+.textStandard {
+ width: 105px;
+ height: 30px;
+ font-size: 30px;
+ color:#a9a9a9;
+ text-align: center;
+}
+
+.textLargeDiv {
+ width:120px;
+ height:70px;
+ align-items:flex-end;
+}
+
+.textMiniDiv {
+ width:70px;
+ height:60px;
+ align-items:flex-start;
+}
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/editAlarm/edit_alarm.hml b/examples/alarm/src/main/js/default/pages/editAlarm/edit_alarm.hml
new file mode 100755
index 0000000..9bdce9c
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/editAlarm/edit_alarm.hml
@@ -0,0 +1,76 @@
+
+
+
+
+
+ Edit alarm
+
+
+
+
+
+
+
+ {{dataWrapper.time}}
+
+
+ Time
+
+
+
+
+
+
+
+
+
+
+ {{dataWrapper.repeat}}
+
+
+ Repeat
+
+
+
+
+
+
+
+
+
+ Alarm
+
+
+ Name
+
+
+
+
+
+
+
+
+ OK
+
+ Delete
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/editAlarm/edit_alarm.js b/examples/alarm/src/main/js/default/pages/editAlarm/edit_alarm.js
new file mode 100755
index 0000000..9cbf869
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/editAlarm/edit_alarm.js
@@ -0,0 +1,79 @@
+/*
+ * 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 router from "@system.router"
+
+module.exports = {
+ data: {
+ dataWrapper: {
+ mode: "",
+ time: "00:00",
+ repeat: "Once",
+ alarmItemIndex: -1
+ },
+ originData: [],
+ isDebug: false
+ },
+ onInit() {
+ if (this.isDebug) {
+ console.log("[editAlarm init] mode: " + this.dataWrapper.mode);
+ console.log("[editAlarm init] mode: " + this.dataWrapper.time);
+ console.log("[editAlarm init] mode: " + this.dataWrapper.repeat);
+ console.log("[editAlarm init] mode: " + this.dataWrapper.alarmItemIndex);
+ }
+ this.dataWrapper = this.dataWrapper;
+ this.transforTimeToTwentyFourHour(this.dataWrapper.time);
+ if (this.originData.toString() !== "undefined") {
+ this.originData = this.originData;
+ }
+ },
+ transforTimeToTwentyFourHour(time) {
+ var timeArray = time.split(" ");
+ var timeDigital = timeArray[0];
+ var timeAMPM = timeArray[1];
+ if (timeAMPM === "PM") {
+ var hourTimeArray = timeDigital.split(":");
+ var hour = hourTimeArray[0];
+ var minute = hourTimeArray[1];
+ hour = Number(hour) + 12;
+ this.dataWrapper.time = hour + ":" + minute;
+ } else {
+ this.dataWrapper.time = timeDigital;
+ }
+ },
+ switchToTimePicker() {
+ router.replace({
+ uri: 'pages/timeSelector/time_picker_page',
+ params:{dataWrapper: this.dataWrapper, originData: this.originData}
+ });
+ },
+ switchToWeekSelector() {
+ router.replace({
+ uri: 'pages/weekSelector/week_select_page',
+ params:{dataWrapper: this.dataWrapper, originData: this.originData}
+ });
+ },
+ submit() {
+ router.replace({
+ uri: 'pages/index/index',
+ params:{dataWrapper: this.dataWrapper, originData: this.originData}
+ });
+ },
+ remove() {
+ router.replace({
+ uri: 'pages/index/index',
+ params:{dataWrapper: this.dataWrapper, deleteAlarm: true, originData: this.originData}
+ });
+ }
+}
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/index/index.css b/examples/alarm/src/main/js/default/pages/index/index.css
new file mode 100755
index 0000000..e379f5a
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/index/index.css
@@ -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.
+ */
+.container {
+ width: 454px;
+ height: 454px;
+ flex-direction: column;
+ align-items: center;
+}
+
+.itemWidth {
+ width: 376px;
+}
+
+.itemDiv {
+ width: 280px;
+ height: 150px;
+ flex-direction: column;
+ align-items: center;
+}
+
+.itemDiv_right {
+ width: 96px;
+ height: 150px;
+ justify-content: center;
+ align-items: center;
+}
+
+.itemText {
+ width: 280px;
+ height:50px;
+}
+
+.switchStyle {
+ width: 65px;
+ height: 70px;
+}
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/index/index.hml b/examples/alarm/src/main/js/default/pages/index/index.hml
new file mode 100755
index 0000000..385d6f4
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/index/index.hml
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+ {{time[$idx]}}
+ {{repeat[$idx]}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/index/index.js b/examples/alarm/src/main/js/default/pages/index/index.js
new file mode 100755
index 0000000..6d336c6
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/index/index.js
@@ -0,0 +1,130 @@
+/*
+ * 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 router from "@system.router"
+
+module.exports = {
+ data: {
+ time: ["07:20 AM", "07:30 AM", "12:00 AM", "06:00 PM"],
+ repeat: ["Mon Tue Wed Thu Fri", "Mon Tue Wed Thu Fri Sat Sun", "Mon Tue Wed Thu Fri", "Once"],
+ mode: ["addAlarm", "editAlarm", "deleteAlarm", "timeArrive"],
+ switchStatus: [false, false, false, false],
+
+ dataWrapper: {
+ mode: "",
+ time: "00:00",
+ repeat: "Once",
+ alarmItemIndex: -1
+ },
+
+ originData: [],
+ isDebug: true
+ },
+ packOriginData() {
+ this.originData = [this.time, this.repeat, this.switchStatus];
+ },
+ unPackOriginData() {
+ this.time = this.originData[0];
+ this.repeat = this.originData[1];
+ this.switchStatus = this.originData[2];
+ },
+ onInit() {
+ console.log("[mainPage init]");
+ if (this.originData.length === 0) { // app first start
+ this.packOriginData();
+ } else {
+ if (this.isDebug) {
+ console.log("[mainPage init] mode: " + this.dataWrapper.mode);
+ console.log("[mainPage init] mode: " + this.dataWrapper.time);
+ console.log("[mainPage init] mode: " + this.dataWrapper.repeat);
+ console.log("[mainPage init] mode: " + this.dataWrapper.alarmItemIndex);
+ }
+
+ this.unPackOriginData(); // apply origin data to current enviroment
+
+ if (this.dataWrapper.mode === this.mode[0]) { // add alarm
+ this.time.push(this.transforTimeToTwelvehour(this.dataWrapper.time));
+ this.repeat.push(this.dataWrapper.repeat);
+ this.switchStatus.push(false);
+
+ } else if (this.dataWrapper.mode === this.mode[1]) { // edit alarm
+ if (typeof(this.deleteAlarm) != "undefined") {
+ this.time.splice(this.dataWrapper.alarmItemIndex, 1);
+ this.repeat.splice(this.dataWrapper.alarmItemIndex, 1);
+ this.switchStatus.splice(this.dataWrapper.alarmItemIndex, 1);
+ } else {
+ this.time[this.dataWrapper.alarmItemIndex] = this.transforTimeToTwelvehour(this.dataWrapper.time);
+ this.repeat[this.dataWrapper.alarmItemIndex] = this.dataWrapper.repeat;
+ this.switchStatus[this.dataWrapper.alarmItemIndex] = true;
+ }
+
+ } else if (this.dataWrapper.mode === this.mode[3]) { // time arrive
+ var switchValue = this.switchValue;
+ this.switchStatus[this.dataWrapper.switchIndex] = switchValue;
+ }
+
+ this.packOriginData(); // wrap current enviroment data as origin data
+ }
+ },
+ transforTimeToTwelvehour(time) {
+ var timeArray = time.split(" ")[0].split(":");
+ var hour = timeArray[0];
+ var minute = timeArray[1];
+ if (minute.length === 1) {
+ minute = "0" + minute;
+ }
+ if (Number(hour) >= 12) {
+ hour = Number(hour) - 12;
+ return hour + ":" + minute + " PM";
+ } else {
+ return hour + ":" + minute + " AM";
+ }
+ },
+ addAlarm() {
+ var date = new Date();
+ var strHour = date.getHours();
+ var strMin = date.getMinutes();
+ this.dataWrapper.mode = this.mode[0];
+ this.dataWrapper.time = strHour + ":" + strMin;
+ router.replace({
+ uri: 'pages/timeSelector/time_picker_page',
+ params:{dataWrapper: this.dataWrapper, originData: this.originData}
+ });
+ },
+ switchToEditAlarm(index) {
+ this.dataWrapper.mode = this.mode[1];
+ this.dataWrapper.time = this.time[index];
+ this.dataWrapper.repeat = this.repeat[index];
+ this.dataWrapper.alarmItemIndex = index;
+ router.replace({
+ uri: 'pages/editAlarm/edit_alarm',
+ params:{dataWrapper: this.dataWrapper, originData: this.originData}
+ });
+ },
+ switchChange(index, e) {
+ if (e.checked) {
+ this.dataWrapper.time = this.time[index];
+ this.dataWrapper.mode = this.mode[3];
+ this.dataWrapper.alarmItemIndex = index;
+ var dataWrapper = this.dataWrapper;
+ var oriData = this.originData;
+ setTimeout(function () {
+ router.replace({
+ uri: 'pages/timeArrive/time_arrive',
+ params:{dataWrapper: dataWrapper, originData: oriData}
+ });
+ }, 2000);
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/timeArrive/time_arrive.css b/examples/alarm/src/main/js/default/pages/timeArrive/time_arrive.css
new file mode 100755
index 0000000..3f989ef
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/timeArrive/time_arrive.css
@@ -0,0 +1,35 @@
+/*
+ * 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.
+ */
+.container {
+ width: 454px;
+ height: 454px;
+ border-radius:227px;
+ border-color:#8b0000;
+ border-width: 1px;
+ flex-direction: column;
+ align-items: center;
+}
+
+.item {
+ width: 454px;
+ height: 150px;
+ justify-content: center;
+ align-items: center;
+}
+
+.imgStyle {
+ width: 93px;
+ height: 93px;
+}
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/timeArrive/time_arrive.hml b/examples/alarm/src/main/js/default/pages/timeArrive/time_arrive.hml
new file mode 100755
index 0000000..d7ab594
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/timeArrive/time_arrive.hml
@@ -0,0 +1,30 @@
+
+
+
+
+ Alarm
+
+
+ {{amOrPm}}
+ {{dataWrapper.time}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/timeArrive/time_arrive.js b/examples/alarm/src/main/js/default/pages/timeArrive/time_arrive.js
new file mode 100755
index 0000000..2a4acb5
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/timeArrive/time_arrive.js
@@ -0,0 +1,51 @@
+/*
+ * 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 router from "@system.router"
+
+module.exports = {
+ data: {
+ amOrPm: "",
+ dataWrapper: {
+ mode: "",
+ time: "00:00",
+ repeat: "Once",
+ alarmItemIndex: -1
+ },
+ originData: []
+ },
+ onInit() {
+ this.dataWrapper = this.dataWrapper;
+ if (this.originData.toString() !== "undefined") {
+ this.originData = this.originData;
+ }
+
+ var alarmTime = this.dataWrapper.time;
+ var alarmTimeArray = alarmTime.split(" ");
+ this.dataWrapper.time = alarmTimeArray[0];
+ this.amOrPm = alarmTimeArray[1];
+ },
+ postpone() {
+ router.replace({
+ uri: 'pages/index/index',
+ params:{dataWrapper: this.dataWrapper, switchValue: true, originData: this.originData}
+ });
+ },
+ cancel() {
+ router.replace({
+ uri: 'pages/index/index',
+ params:{dataWrapper: this.dataWrapper, switchValue: false, originData: this.originData}
+ });
+ }
+}
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/timeSelector/time_picker_page.css b/examples/alarm/src/main/js/default/pages/timeSelector/time_picker_page.css
new file mode 100755
index 0000000..3385b4c
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/timeSelector/time_picker_page.css
@@ -0,0 +1,33 @@
+/*
+ * 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.
+ */
+.container {
+ width: 454px;
+ height: 454px;
+ border-radius:227px;
+ border-color:#8b0000;
+ border-width: 1px;
+ flex-direction: column;
+ align-items: center;
+}
+
+.divBottom {
+ width: 454px;
+ height: 90px;
+ background-color:#a9a9a9;
+ border-radius:227px;
+ flex-direction: column;
+ justify-content:center;
+ align-items: center;
+}
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/timeSelector/time_picker_page.hml b/examples/alarm/src/main/js/default/pages/timeSelector/time_picker_page.hml
new file mode 100755
index 0000000..bfefab8
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/timeSelector/time_picker_page.hml
@@ -0,0 +1,31 @@
+
+
+
+ Set time
+
+
+
+
+
+
+
+
+ Next
+
+
+
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/timeSelector/time_picker_page.js b/examples/alarm/src/main/js/default/pages/timeSelector/time_picker_page.js
new file mode 100755
index 0000000..13ba0d1
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/timeSelector/time_picker_page.js
@@ -0,0 +1,70 @@
+/*
+ * 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 router from "@system.router"
+
+module.exports = {
+ data: {
+ selectedTime: "00:00",
+ targetHour: "00",
+ targetMinute: "00",
+ isSelectTimeChanged: false,
+ dataWrapper: {
+ mode: "",
+ repeat: "Once",
+ time: "00:00",
+ alarmItemIndex: -1
+ },
+ isDebug: false,
+ originData: []
+ },
+ onInit() {
+ if (this.isDebug) {
+ console.log("[timePicker init] mode: " + this.dataWrapper.mode);
+ console.log("[timePicker init] time: " + this.dataWrapper.time);
+ console.log("[timePicker init] repeat: " + this.dataWrapper.repeat);
+ console.log("[timePicker init] alarmItemIndex: " + this.dataWrapper.alarmItemIndex);
+ }
+ this.isSelectTimeChanged = false;
+ if (this.dataWrapper.mode === "addAlarm" || this.dataWrapper.mode === "editAlarm") {
+ this.selectedTime = this.dataWrapper.time;
+ }
+ if (this.originData.toString() !== "undefined") {
+ this.originData = this.originData;
+ }
+ },
+ getSelectedTime(e) {
+ this.targetHour = e.hour;
+ this.targetMinute = e.minute;
+ this.isSelectTimeChanged = true;
+ },
+ next() {
+ if (this.isSelectTimeChanged) {
+ this.targetHour = this.targetHour.toString().length === 1 ? "0" + this.targetHour : this.targetHour;
+ this.targetMinute = this.targetMinute.toString().length === 1 ? "0" + this.targetMinute : this.targetMinute;
+ this.dataWrapper.time = this.targetHour + ":" + this.targetMinute + " AM";
+ }
+ if (this.dataWrapper.mode === "addAlarm") {
+ router.replace({
+ uri: 'pages/weekSelector/week_select_page',
+ params:{dataWrapper: this.dataWrapper, originData: this.originData}
+ });
+ }else if (this.dataWrapper.mode === "editAlarm") {
+ router.replace({
+ uri: 'pages/editAlarm/edit_alarm',
+ params:{dataWrapper: this.dataWrapper, originData: this.originData}
+ });
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/weekSelector/week_select_page.css b/examples/alarm/src/main/js/default/pages/weekSelector/week_select_page.css
new file mode 100755
index 0000000..558ba59
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/weekSelector/week_select_page.css
@@ -0,0 +1,45 @@
+/*
+ * 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.
+ */
+.container {
+ width: 454px;
+ height: 454px;
+ border-radius:227px;
+ border-color:#8b0000;
+ border-width: 1px;
+ flex-direction: column;
+ align-items: center;
+}
+
+.divWeek {
+ width: 454px;
+ height: 115px;
+ justify-content:center;
+ align-items: center;
+}
+
+.imgWeek {
+ width: 95px;
+ height: 95px;
+}
+
+.divBottom {
+ width: 454px;
+ height: 90px;
+ border-radius:227px;
+ background-color: #a9a9a9;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/weekSelector/week_select_page.hml b/examples/alarm/src/main/js/default/pages/weekSelector/week_select_page.hml
new file mode 100755
index 0000000..150d79f
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/weekSelector/week_select_page.hml
@@ -0,0 +1,39 @@
+
+
+
+ Repeat
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ OK
+
+
+
\ No newline at end of file
diff --git a/examples/alarm/src/main/js/default/pages/weekSelector/week_select_page.js b/examples/alarm/src/main/js/default/pages/weekSelector/week_select_page.js
new file mode 100755
index 0000000..ca2541a
--- /dev/null
+++ b/examples/alarm/src/main/js/default/pages/weekSelector/week_select_page.js
@@ -0,0 +1,130 @@
+/*
+ * 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 router from "@system.router"
+
+module.exports = {
+ data: {
+ weekImgSrc1: "common/weekUnSelected_Mon.png",
+ weekImgSrc2: "common/weekUnSelected_Tue.png",
+ weekImgSrc3: "common/weekUnSelected_Wed.png",
+ weekImgSrc4: "common/weekUnSelected_Thu.png",
+ weekImgSrc5: "common/weekUnSelected_Fri.png",
+ weekImgSrc6: "common/weekUnSelected_Sat.png",
+ weekImgSrc7: "common/weekUnSelected_Sun.png",
+ dataWrapper: {
+ mode: "",
+ time: "00:00",
+ repeat: "",
+ alarmItemIndex: -1
+ },
+ originData: [],
+ isDebug: false
+ },
+ onInit() {
+ if (this.isDebug) {
+ console.log("[weekSelector init] mode: " + this.dataWrapper.mode);
+ console.log("[weekSelector init] time: " + this.dataWrapper.time);
+ console.log("[weekSelector init] repeat: " + this.dataWrapper.repeat);
+ console.log("[weekSelector init] alarmItemIndex: " + this.dataWrapper.alarmItemIndex);
+ }
+
+ if (this.dataWrapper.repeat.indexOf("Mon") !== -1) {
+ this.weekImgSrc1 = "common/weekSelected_Mon.png";
+ }
+ if (this.dataWrapper.repeat.indexOf("Tue") !== -1) {
+ this.weekImgSrc2 = "common/weekSelected_Tue.png";
+ }
+ if (this.dataWrapper.repeat.indexOf("Wed") !== -1) {
+ this.weekImgSrc3 = "common/weekSelected_Wed.png";
+ }
+ if (this.dataWrapper.repeat.indexOf("Thu") !== -1) {
+ this.weekImgSrc4 = "common/weekSelected_Thu.png";
+ }
+ if (this.dataWrapper.repeat.indexOf("Fri") !== -1) {
+ this.weekImgSrc5 = "common/weekSelected_Fri.png";
+ }
+ if (this.dataWrapper.repeat.indexOf("Sat") !== -1) {
+ this.weekImgSrc6 = "common/weekSelected_Sat.png";
+ }
+ if (this.dataWrapper.repeat.indexOf("Sun") !== -1) {
+ this.weekImgSrc7 = "common/weekSelected_Sun.png";
+ }
+
+ this.dataWrapper.repeat = "";
+
+ if (this.originData.toString() !== "undefined") {
+ this.originData = this.originData;
+ }
+ },
+ changeWeekImgSrc1() {
+ this.weekImgSrc1 = this.weekImgSrc1.indexOf("UnSelected") === -1 ? "common/weekUnSelected_Mon.png" : "common/weekSelected_Mon.png";
+ },
+ changeWeekImgSrc2() {
+ this.weekImgSrc2 = this.weekImgSrc2.indexOf("UnSelected") === -1 ? "common/weekUnSelected_Tue.png" : "common/weekSelected_Tue.png";
+ },
+ changeWeekImgSrc3() {
+ this.weekImgSrc3 = this.weekImgSrc3.indexOf("UnSelected") === -1 ? "common/weekUnSelected_Wed.png" : "common/weekSelected_Wed.png";
+ },
+ changeWeekImgSrc4() {
+ this.weekImgSrc4 = this.weekImgSrc4.indexOf("UnSelected") === -1 ? "common/weekUnSelected_Thu.png" : "common/weekSelected_Thu.png";
+ },
+ changeWeekImgSrc5() {
+ this.weekImgSrc5 = this.weekImgSrc5.indexOf("UnSelected") === -1 ? "common/weekUnSelected_Fri.png" : "common/weekSelected_Fri.png";
+ },
+ changeWeekImgSrc6() {
+ this.weekImgSrc6 = this.weekImgSrc6.indexOf("UnSelected") === -1 ? "common/weekUnSelected_Sat.png" : "common/weekSelected_Sat.png";
+ },
+ changeWeekImgSrc7() {
+ this.weekImgSrc7 = this.weekImgSrc7.indexOf("UnSelected") === -1 ? "common/weekUnSelected_Sun.png" : "common/weekSelected_Sun.png";
+ },
+ submit() {
+ if (this.weekImgSrc1.indexOf("UnSelected") === -1) {
+ this.dataWrapper.repeat = "Mon";
+ }
+ if (this.weekImgSrc2.indexOf("UnSelected") === -1) {
+ this.dataWrapper.repeat = this.dataWrapper.repeat + " Tue";
+ }
+ if (this.weekImgSrc3.indexOf("UnSelected") === -1) {
+ this.dataWrapper.repeat = this.dataWrapper.repeat + " Wed";
+ }
+ if (this.weekImgSrc4.indexOf("UnSelected") === -1) {
+ this.dataWrapper.repeat = this.dataWrapper.repeat + " Thu";
+ }
+ if (this.weekImgSrc5.indexOf("UnSelected") === -1) {
+ this.dataWrapper.repeat = this.dataWrapper.repeat + " Fri";
+ }
+ if (this.weekImgSrc6.indexOf("UnSelected") === -1) {
+ this.dataWrapper.repeat = this.dataWrapper.repeat + " Sat";
+ }
+ if (this.weekImgSrc7.indexOf("UnSelected") === -1) {
+ this.dataWrapper.repeat = this.dataWrapper.repeat + " Sun";
+ }
+ if (this.dataWrapper.repeat === "") {
+ this.dataWrapper.repeat = "Once";
+ }
+
+ if (this.dataWrapper.mode === "addAlarm") {
+ router.replace({
+ uri: 'pages/index/index',
+ params:{dataWrapper: this.dataWrapper, originData: this.originData}
+ });
+ } else if (this.dataWrapper.mode === "editAlarm") {
+ router.replace({
+ uri: 'pages/editAlarm/edit_alarm',
+ params: {dataWrapper: this.dataWrapper, originData: this.originData}
+ });
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/music/src/main/config.json b/examples/music/src/main/config.json
new file mode 100755
index 0000000..c312fec
--- /dev/null
+++ b/examples/music/src/main/config.json
@@ -0,0 +1,46 @@
+{
+ "app": {
+ "vendor": "huawei",
+ "bundleName": "com.huawei.music",
+ "version": {
+ "code": 1,
+ "name": "1.0"
+ },
+ "apiVersion": {
+ "compatible": 3,
+ "target": 3
+ }
+ },
+ "deviceConfig": {
+ "default": {
+ }
+ },
+ "module": {
+ "deviceType": [
+ "liteWearable",
+ "smartVision"
+ ],
+ "abilities": [
+ {
+ "name": "default",
+ "icon": "$media:icon",
+ "label": "Music",
+ "type": "page",
+ "visible": true
+ }
+ ],
+ "distro": {
+ "moduleType": "entry",
+ "deliveryWithInstall": true,
+ "moduleName": "entry"
+ },
+ "js": [
+ {
+ "pages": [
+ "pages/index/index"
+ ],
+ "name": "default"
+ }
+ ]
+ }
+}
diff --git a/examples/music/src/main/js/default/app.js b/examples/music/src/main/js/default/app.js
new file mode 100755
index 0000000..cc5a630
--- /dev/null
+++ b/examples/music/src/main/js/default/app.js
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+
+export default {
+ onCreate() {
+ console.info("Application onCreate");
+ },
+ onDestroy() {
+ console.info("Application onDestroy");
+ }
+}
+;
diff --git a/examples/music/src/main/js/default/common/ic_back.png b/examples/music/src/main/js/default/common/ic_back.png
new file mode 100755
index 0000000..a456d0f
Binary files /dev/null and b/examples/music/src/main/js/default/common/ic_back.png differ
diff --git a/examples/music/src/main/js/default/common/ic_music_list.png b/examples/music/src/main/js/default/common/ic_music_list.png
new file mode 100755
index 0000000..3b34026
Binary files /dev/null and b/examples/music/src/main/js/default/common/ic_music_list.png differ
diff --git a/examples/music/src/main/js/default/common/ic_music_listcycle.png b/examples/music/src/main/js/default/common/ic_music_listcycle.png
new file mode 100755
index 0000000..e8a1057
Binary files /dev/null and b/examples/music/src/main/js/default/common/ic_music_listcycle.png differ
diff --git a/examples/music/src/main/js/default/common/ic_music_listorder.png b/examples/music/src/main/js/default/common/ic_music_listorder.png
new file mode 100755
index 0000000..6753a5f
Binary files /dev/null and b/examples/music/src/main/js/default/common/ic_music_listorder.png differ
diff --git a/examples/music/src/main/js/default/common/ic_music_mode.png b/examples/music/src/main/js/default/common/ic_music_mode.png
new file mode 100755
index 0000000..374af38
Binary files /dev/null and b/examples/music/src/main/js/default/common/ic_music_mode.png differ
diff --git a/examples/music/src/main/js/default/common/ic_music_next.png b/examples/music/src/main/js/default/common/ic_music_next.png
new file mode 100755
index 0000000..1de5d64
Binary files /dev/null and b/examples/music/src/main/js/default/common/ic_music_next.png differ
diff --git a/examples/music/src/main/js/default/common/ic_music_pause.png b/examples/music/src/main/js/default/common/ic_music_pause.png
new file mode 100755
index 0000000..49591eb
Binary files /dev/null and b/examples/music/src/main/js/default/common/ic_music_pause.png differ
diff --git a/examples/music/src/main/js/default/common/ic_music_play.png b/examples/music/src/main/js/default/common/ic_music_play.png
new file mode 100755
index 0000000..178dd98
Binary files /dev/null and b/examples/music/src/main/js/default/common/ic_music_play.png differ
diff --git a/examples/music/src/main/js/default/common/ic_music_previous.png b/examples/music/src/main/js/default/common/ic_music_previous.png
new file mode 100755
index 0000000..7064df9
Binary files /dev/null and b/examples/music/src/main/js/default/common/ic_music_previous.png differ
diff --git a/examples/music/src/main/js/default/common/ic_music_shuffle.png b/examples/music/src/main/js/default/common/ic_music_shuffle.png
new file mode 100755
index 0000000..f4e9e63
Binary files /dev/null and b/examples/music/src/main/js/default/common/ic_music_shuffle.png differ
diff --git a/examples/music/src/main/js/default/common/ic_music_singlecycle.png b/examples/music/src/main/js/default/common/ic_music_singlecycle.png
new file mode 100755
index 0000000..da0cf1f
Binary files /dev/null and b/examples/music/src/main/js/default/common/ic_music_singlecycle.png differ
diff --git a/examples/music/src/main/js/default/pages/index/index.css b/examples/music/src/main/js/default/pages/index/index.css
new file mode 100755
index 0000000..03120ba
--- /dev/null
+++ b/examples/music/src/main/js/default/pages/index/index.css
@@ -0,0 +1,208 @@
+/*
+ * 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.
+ */
+
+.container {
+ width: 960px;
+ height: 480px;
+}
+
+.main {
+ display: flex;
+ flex-direction: column;
+ width: 960px;
+ height: 480px;
+}
+
+.header {
+ width: 400px;
+ height: 80px;
+ display: flex;
+}
+
+.back {
+ width: 36px;
+ height: 36px;
+ margin-left: 39px;
+ margin-top: 23px;
+}
+
+.title {
+ width: 296px;
+ height: 40px;
+ margin-top: 20px;
+ margin-left: 21px;
+ color: #e6e6e6;
+}
+
+.musicName {
+ width: 171px;
+ height: 55px;
+ margin-left: 395px;
+ margin-top: 25px;
+ font-size: 38px;
+ color: #ffffff;
+ text-align: center;
+}
+
+.songer {
+ width: 114px;
+ height: 42px;
+ margin-left: 423px;
+ margin-top: 10px;
+ font-size: 30px;
+ color: #bfbfbf;
+ text-align: center;
+}
+
+.progress-Wrapper {
+ flex-direction: row;
+ width: 960px;
+ height: 40px;
+ margin-top: 80px;
+}
+
+.playTime {
+ width: 300px;
+ height: 40px;
+ text-align: right;
+ font-size: 30px;
+ color: #A2A2A2;
+}
+
+.allTime {
+ width: 300px;
+ height: 40px;
+ text-align: left;
+ font-size: 30px;
+ margin-left: 18px;
+ text-align: left;
+ color: #A2A2A2;
+}
+
+.progressBar {
+ width:324px;
+ height: 32px;
+ selected-color: #ffffff;
+ block-color: #ffffff;
+ color:#404040;
+ margin-left: 18px;
+ margin-top: 8px;
+}
+
+.controlBar {
+ flex-direction: row;
+ width: 960px;
+ height: 98px;
+ margin-top: 30px;
+}
+
+.modeBtn {
+ width: 36px;
+ height: 36px;
+ margin-left: 242px;
+ margin-top: 33px;
+}
+
+.previousBtn {
+ width: 56px;
+ height: 56px;
+ margin-left: 48px;
+ margin-top: 21px;
+}
+
+.nextBtn {
+ width: 56px;
+ height: 56px;
+ margin-left: 48px;
+ margin-top: 21px;
+}
+
+.playBtn {
+ width: 98px;
+ height: 98px;
+ margin-left: 49px;
+}
+
+.listBtn {
+ width: 36px;
+ height: 36px;
+ margin-left: 48px;
+ margin-top: 33px;
+}
+
+.list-Wrapper {
+ width: 480px;
+ height: 480px;
+ left: 480px;
+ background-color: #252525;
+ flex-direction: column;
+}
+
+.listText {
+ width: 150px;
+ height: 40px;
+ margin-left: 36px;
+ margin-top: 36px;
+ color: #ffffff;
+}
+
+.musicList {
+ width: 408px;
+ height: 365px;
+ margin-top: 36px;
+ margin-left: 36px;
+ background-color: #252525;
+}
+
+.listItem {
+ width: 408px;
+ height: 120px;
+ background-color: #252525;
+}
+
+.item-Wrapper {
+ width: 408px;
+ height: 112px;
+ background-color: #333333;
+ margin-top: 8px;
+ border-radius: 10px;
+ flex-direction: column;
+}
+
+.space-Wrapper {
+ width: 408px;
+ height: 120px;
+ background-color: #252525;
+}
+
+.itemName {
+ width: 400px;
+ height: 48px;
+ margin-top: 16px;
+ margin-left: 24px;
+ color: #ffffff;
+}
+
+.itemSonger {
+ width: 400px;
+ height: 48px;
+ margin-top: 3px;
+ margin-left: 24px;
+ color: #adadad;
+}
+
+
+
+
diff --git a/examples/music/src/main/js/default/pages/index/index.hml b/examples/music/src/main/js/default/pages/index/index.hml
new file mode 100755
index 0000000..f2596b7
--- /dev/null
+++ b/examples/music/src/main/js/default/pages/index/index.hml
@@ -0,0 +1,54 @@
+
+
+
+
+
diff --git a/examples/music/src/main/js/default/pages/index/index.js b/examples/music/src/main/js/default/pages/index/index.js
new file mode 100755
index 0000000..22cce37
--- /dev/null
+++ b/examples/music/src/main/js/default/pages/index/index.js
@@ -0,0 +1,242 @@
+/*
+ * 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 audio from '@system.audio'
+import file from '@system.file'
+import app from '@system.app'
+
+var modeImages = ['common/ic_music_listorder.png', 'common/ic_music_listcycle.png', 'common/ic_music_shuffle.png', 'common/ic_music_singlecycle.png'];
+
+export default {
+ data: {
+ showMusicList: false,
+ playMode: 1, //0:sequential,1:list loop,2:random,3:single
+ modeImage: 'common/ic_music_listcycle.png',
+ playImage: 'common/ic_music_play.png',
+ playProgress: 0, //progress
+ curMusicIndex: 0, //music index
+ playStatus: 2, //0:play,1:pause,2:stop
+ curMusic: { //current music info
+ curMusicName: "",
+ songer: "",
+ playTime: "00:00",
+ allTime: "00:00"
+ },
+ musicList: []
+ },
+ onInit() {
+ //get music duration
+ audio.onplay = () => {
+ console.log("onplay start");
+ this.curMusic.allTime = this.timeChange(audio.duration);
+ this.playStatus = 0;
+ };
+ //update play progress
+ audio.ontimeupdate = () => {
+ console.log("ontime update:");
+ this.curMusic.playTime = this.timeChange(audio.currentTime);
+ console.log("ontime update:" + this.curMusic.playTime);
+ this.playProgress = Math.floor(audio.currentTime * 100 / audio.duration);
+ console.log("ontime update progress:" + this.playProgress + ",duration:" + audio.duration);
+ };
+ //play next song when meet an error
+ audio.onerror = () => {
+ console.log("onerror");
+ this.changeSong();
+ };
+ //perform operations based on the playback mode.
+ audio.onended = () => {
+ console.log("onend");
+ this.playStatus = 2;
+ //after played the last song in sequential mode ,stop playback
+ if (this.playMode == 0 && this.curMusicIndex == (this.musicList.length - 1)) {
+ this.playStatus = 2;
+ this.playImage = "common/ic_music_play.png";
+ console.log("played the last song in sequential mode");
+ return;
+ }
+ let mode = "";
+ if (this.playMode == 2) {
+ console.log("random");
+ mode = "random";
+ }
+ this.changeSong(mode);
+ };
+ this.getMusicList();
+ },
+ onDestroy() {
+ this.stopPlay();
+ },
+ clickListItem(index) {
+ console.log("listItemClick:start:" + index);
+ if (index == undefined || index == null) {
+ index = 0;
+ }
+ this.curMusicIndex = index;
+ this.playStatus = 2;
+ this.playMusic();
+ this.showMusicList = false;
+ console.log("listItemClick:end");
+ },
+ changeProgress(value) {
+ console.log("changeProgress start:" + value.progress);
+ if (value == null || value.progress == null) {
+ return;
+ }
+ if (this.playStatus == 2) {
+ return;
+ }
+ let val = Math.floor((value.progress / 100) * audio.duration);
+ console.log("changeProgress change:" + val);
+ audio.currentTime = val;
+ console.log("changeProgress end:");
+ },
+ playMusic() {
+ console.log("playMusic:start");
+ //play music when is paused
+ this.playImage = "common/ic_music_pause.png";
+ if (this.playStatus == 1) {
+ audio.play();
+ this.playStatus = 0;
+ console.log("playMusic:play");
+ return;
+ } else if (this.playStatus == 0) {
+ this.playImage = "common/ic_music_play.png";
+ audio.pause();
+ this.playStatus = 1;
+ console.log("playMusic:pause");
+ return;
+ }
+ if (this.curMusicIndex == null) {
+ this.curMusicIndex = 0;
+ }
+ let music = this.musicList[this.curMusicIndex];
+ if (music != null) {
+ this.playProgress = 0;
+ this.curMusic.curMusicName = music.name;
+ this.curMusic.songer = music.songer;
+ audio.src = music.src;
+ console.log("playMusic:src:" + music.src);
+ audio.play();
+ if (this.playMode == 3) {
+ audio.loop = true;
+ } else {
+ audio.loop = false;
+ }
+ console.log("playMusic:end");
+ }
+ },
+ stopPlay() {
+ console.log("stopPlay");
+ audio.src = null;
+ audio.onstop = null;
+ audio.onplay = null;
+ audio.ontimeupdate = null;
+ audio.onerror = null;
+ },
+ changeMode() {
+ console.log("changeMode start");
+ if (this.playMode == 3) {
+ this.playMode = 0;
+ } else {
+ this.playMode++;
+ }
+ if (this.playMode == 3) {
+ audio.loop = true;
+ } else {
+ audio.loop = false;
+ }
+ console.log("changeMode:" + this.playMode);
+ this.modeImage = modeImages[this.playMode];
+ },
+ changeSong(mode) {
+ console.log("ChangeSong:start");
+ if (this.playStatus == 0 || this.playStatus == 1) {
+ this.playStatus = 2;
+ }
+ if (this.playMode == 2) {
+ mode = "random";
+ }
+ //previous
+ if (mode == "previous") {
+ this.curMusicIndex == 0 ? (this.curMusicIndex = (this.musicList.length - 1)) : this.curMusicIndex--;
+ console.log("ChangeSong:previous:" + this.curMusicIndex);
+ } else if (mode == "random") { //random
+ this.curMusicIndex = parseInt(Math.random() * (this.musicList.length), 10);
+ console.log("ChangeSong:random:" + this.curMusicIndex);
+ } else { //next
+ (this.curMusicIndex == this.musicList.length - 1) ? this.curMusicIndex = 0 : this.curMusicIndex++;
+ console.log("ChangeSong:next" + this.curMusicIndex);
+ }
+ this.curMusic.curMusicName = this.musicList[this.curMusicIndex].name;
+ this.curMusic.songer = this.musicList[this.curMusicIndex].songer;
+ this.playMusic(this.curMusicIndex);
+ if(this.showMusicList){
+ this.$refs.musicList.scrollTo({ index: (this.curMusicIndex == 0?0:this.curMusicIndex-1) });
+ }
+ console.log("ChangeSong:end");
+ },
+ timeChange(seconds) {
+ console.log("timeChange:start:" + seconds);
+ if (seconds == null || seconds < 0) {
+ return "00:00";
+ }
+ let minute, second = 0;
+ minute = Math.floor(seconds / 60);
+ second = Math.floor(seconds % 60);
+ let result = (minute > 9 ? minute : "0" + minute) + ":" + (second > 9 ? second : "0" + second);
+ console.log("timeChange:end:" + result);
+ return result;
+ },
+ changePage(operation) {
+ console.log("changePage:start");
+ if (operation != null && operation == "close") {
+ this.showMusicList = false;
+ return;
+ }
+ this.showMusicList = !this.showMusicList;
+ if(this.showMusicList){
+ this.$refs.musicList.scrollTo({ index: (this.curMusicIndex == 0?0:this.curMusicIndex-1) });
+ }
+ },
+ exitApp(){
+ console.log("start exit");
+ app.terminate();
+ console.log("end exit");
+ },
+ swipeEvent(e){
+ if(e.direction == "right"){
+ console.log("start exit");
+ this.exitApp();
+ }
+ },
+ getMusicList(){
+ let that = this;
+ //get all music file
+ file.readText({
+ uri:"internal://app/musicList.txt",
+ success(data){
+ console.log(data.text);
+ let music = JSON.parse(data.text);
+ if(music != null){
+ that.musicList = music;
+ }
+ },
+ fail(data,code){
+ console.log("get music list failed :"+code);
+ }
+ });
+ }
+}
diff --git a/examples/music/src/main/resources/base/media/icon.png b/examples/music/src/main/resources/base/media/icon.png
new file mode 100755
index 0000000..ce307a8
Binary files /dev/null and b/examples/music/src/main/resources/base/media/icon.png differ
diff --git a/examples/music/src/main/resources/base/media/icon_small.png b/examples/music/src/main/resources/base/media/icon_small.png
new file mode 100755
index 0000000..0ed5fea
Binary files /dev/null and b/examples/music/src/main/resources/base/media/icon_small.png differ
diff --git a/examples/showcase/src/main/config.json b/examples/showcase/src/main/config.json
new file mode 100755
index 0000000..2bf9789
--- /dev/null
+++ b/examples/showcase/src/main/config.json
@@ -0,0 +1,256 @@
+{
+ "app": {
+ "bundleName": "com.huawei.showcase",
+ "vendor": "huawei",
+ "version": {
+ "code": 1,
+ "name": "1.0"
+ },
+ "apiVersion": {
+ "compatible": 3,
+ "target": 3
+ }
+ },
+ "deviceConfig": {},
+ "module": {
+ "deviceType": [
+ "liteWearable",
+ "smartVision"
+ ],
+ "distro": {
+ "deliveryWithInstall": true,
+ "moduleName": "entry",
+ "moduleType": "entry"
+ },
+ "abilities": [
+ {
+ "name": "default",
+ "icon": "$media:icon",
+ "label": "Showcase",
+ "type": "page",
+ "visible": true
+ }
+ ],
+ "js": [
+ {
+ "pages": [
+ "pages/index/index",
+ "pages/component/index/containerIndex/index",
+ "pages/component/index/baseIndex/index",
+ "pages/component/index/formIndex/index",
+ "pages/component/index/otherIndex/index",
+ "pages/component/switch/index/index",
+ "pages/component/switch/attr/attr",
+ "pages/component/switch/event/event",
+ "pages/component/switch/style/style",
+ "pages/component/swiper/index/index",
+ "pages/component/swiper/indexAttr/index",
+ "pages/component/swiper/indexEvent/index",
+ "pages/component/swiper/indexSpecSet/index",
+ "pages/component/swiper/indexStyle/index",
+ "pages/component/swiper/swiper1/swiper1",
+ "pages/component/swiper/swiper2/swiper2",
+ "pages/component/swiper/swiper3/swiper3",
+ "pages/component/swiper/swiper4/swiper4",
+ "pages/component/swiper/swiper5/swiper5",
+ "pages/component/swiper/swiper6/swiper6",
+ "pages/component/swiper/swiper7/swiper7",
+ "pages/component/swiper/swiper8/swiper8",
+ "pages/component/swiper/swiper9/swiper9",
+ "pages/component/swiper/swiper10/swiper10",
+ "pages/component/swiper/swiper11/swiper11",
+ "pages/component/div/index/index",
+ "pages/component/div/indexAttr/index",
+ "pages/component/div/indexCommonStyle/index",
+ "pages/component/div/indexSpecStyle/index",
+ "pages/component/div/indexEvent/index",
+ "pages/component/div/div1/div1",
+ "pages/component/div/div2/div2",
+ "pages/component/div/div3/div3",
+ "pages/component/div/div4/div4",
+ "pages/component/div/div5/div5",
+ "pages/component/div/div6/div6",
+ "pages/component/div/div7/div7",
+ "pages/component/div/div8/div8",
+ "pages/component/div/div9/div9",
+ "pages/component/div/div10/div10",
+ "pages/component/div/div11/div11",
+ "pages/component/div/div12/div12",
+ "pages/component/stack/index/index",
+ "pages/component/stack/indexAttr/index",
+ "pages/component/stack/indexEffect/index",
+ "pages/component/stack/indexEvent/index",
+ "pages/component/stack/indexStyle/index",
+ "pages/component/stack/stack1/stack1",
+ "pages/component/stack/stack2/stack2",
+ "pages/component/stack/stack3/stack3",
+ "pages/component/stack/stack4/stack4",
+ "pages/component/stack/stack5/stack5",
+ "pages/component/stack/stack6/stack6",
+ "pages/component/stack/stack7/stack7",
+ "pages/component/stack/stack8/stack8",
+ "pages/component/input/index/index",
+ "pages/component/input/button/index/index",
+ "pages/component/input/button/attr/attr",
+ "pages/component/input/button/event/event",
+ "pages/component/input/button/style/style",
+ "pages/component/input/checkbox/index/index",
+ "pages/component/input/checkbox/attr/attr",
+ "pages/component/input/checkbox/event/event",
+ "pages/component/input/checkbox/style/style",
+ "pages/component/input/radio/index/index",
+ "pages/component/input/radio/attr/attr",
+ "pages/component/input/radio/style/style",
+ "pages/component/input/radio/event/event",
+ "pages/component/text/index/index",
+ "pages/component/text/attr/attr",
+ "pages/component/text/commonStyle/commonStyle",
+ "pages/component/text/specStyle/specStyle",
+ "pages/component/text/event/event",
+ "pages/component/progress/index/index",
+ "pages/component/progress/circle/index/index",
+ "pages/component/progress/circle/attr/attr",
+ "pages/component/progress/circle/event/event",
+ "pages/component/progress/circle/style/style",
+ "pages/component/progress/horizontal/index/index",
+ "pages/component/progress/horizontal/attr/attr",
+ "pages/component/progress/horizontal/event/event",
+ "pages/component/progress/horizontal/style/style",
+ "pages/component/marquee/index/index",
+ "pages/component/marquee/attr/attr",
+ "pages/component/marquee/commonStyle/commonStyle",
+ "pages/component/marquee/event/event",
+ "pages/component/marquee/specStyle/specStyle",
+ "pages/component/list/index/index",
+ "pages/component/list/list/index/index",
+ "pages/component/list/list/indexAttr/index",
+ "pages/component/list/list/indexCommonStyle/index",
+ "pages/component/list/list/indexEvent/index",
+ "pages/component/list/list/indexOperation/index",
+ "pages/component/list/list/indexSpecStyle/index",
+ "pages/component/list/list/list1/list1",
+ "pages/component/list/list/list2/list2",
+ "pages/component/list/list/list3/list3",
+ "pages/component/list/list/list4/list4",
+ "pages/component/list/list/list5/list5",
+ "pages/component/list/list/list6/list6",
+ "pages/component/list/list/list7/list7",
+ "pages/component/list/list/list8/list8",
+ "pages/component/list/list/list9/list9",
+ "pages/component/list/list/list10/list10",
+ "pages/component/list/list/list11/list11",
+ "pages/component/list/list/list12/list12",
+ "pages/component/list/list/list13/list13",
+ "pages/component/list/list-item/index/index",
+ "pages/component/list/list-item/indexAttr/index",
+ "pages/component/list/list-item/indexCommonStyle/index",
+ "pages/component/list/list-item/indexEvent/index",
+ "pages/component/list/list-item/item1/item1",
+ "pages/component/list/list-item/item3/item3",
+ "pages/component/list/list-item/item5/item5",
+ "pages/component/list/list-item/item8/item8",
+ "pages/component/list/list-item/item9/item9",
+ "pages/component/list/list-item/item11/item11",
+ "pages/component/list/list-item/item12/item12",
+ "pages/component/image/index/index",
+ "pages/component/image/indexAttr/index",
+ "pages/component/image/indexEvent/index",
+ "pages/component/image/indexStyle/index",
+ "pages/component/image/image1/image1",
+ "pages/component/image/image2/image2",
+ "pages/component/image/image3/image3",
+ "pages/component/image/image4/image4",
+ "pages/component/image/image5/image5",
+ "pages/component/image/image6/image6",
+ "pages/component/image/image7/image7",
+ "pages/component/image/image8/image8",
+ "pages/component/slider/index/index",
+ "pages/component/slider/attr/attr",
+ "pages/component/slider/event/event",
+ "pages/component/slider/style/style",
+ "pages/component/animation/index/index",
+ "pages/component/animation/index1/index",
+ "pages/component/animation/index2/index",
+ "pages/component/animation/animation1/animation1",
+ "pages/component/animation/animation2/animation2",
+ "pages/component/animation/animation3/animation3",
+ "pages/component/animation/animation4/animation4",
+ "pages/component/animation/animation5/animation5",
+ "pages/component/animation/animation6/animation6",
+ "pages/component/animation/animation7/animation7",
+ "pages/component/picker_view/index/index",
+ "pages/component/picker_view/text_picker/index/index",
+ "pages/component/picker_view/text_picker/indexAttr/index",
+ "pages/component/picker_view/text_picker/indexEvent/index",
+ "pages/component/picker_view/text_picker/indexStyle/index",
+ "pages/component/picker_view/text_picker/text_picker1/text_picker1",
+ "pages/component/picker_view/text_picker/text_picker2/text_picker2",
+ "pages/component/picker_view/text_picker/text_picker3/text_picker3",
+ "pages/component/picker_view/text_picker/text_picker4/text_picker4",
+ "pages/component/picker_view/text_picker/text_picker5/text_picker5",
+ "pages/component/picker_view/text_picker/text_picker6/text_picker6",
+ "pages/component/picker_view/text_picker/text_picker7/text_picker7",
+ "pages/component/picker_view/text_picker/text_picker8/text_picker8",
+ "pages/component/picker_view/text_picker/text_picker9/text_picker9",
+ "pages/component/picker_view/text_picker/text_picker10/text_picker10",
+ "pages/component/picker_view/time_picker/index/index",
+ "pages/component/picker_view/time_picker/indexAttr/index",
+ "pages/component/picker_view/time_picker/indexEvent/index",
+ "pages/component/picker_view/time_picker/indexStyle/index",
+ "pages/component/picker_view/time_picker/time_picker1/time_picker1",
+ "pages/component/picker_view/time_picker/time_picker2/time_picker2",
+ "pages/component/picker_view/time_picker/time_picker3/time_picker3",
+ "pages/component/picker_view/time_picker/time_picker4/time_picker4",
+ "pages/component/picker_view/time_picker/time_picker5/time_picker5",
+ "pages/component/picker_view/time_picker/time_picker6/time_picker6",
+ "pages/component/picker_view/time_picker/time_picker7/time_picker7",
+ "pages/component/picker_view/time_picker/time_picker8/time_picker8",
+ "pages/component/picker_view/time_picker/time_picker9/time_picker9",
+ "pages/component/picker_view/time_picker/time_picker10/time_picker10",
+ "pages/component/chart/index/index",
+ "pages/component/chart/barChart/index/index",
+ "pages/component/chart/barChart/indexAttr/index",
+ "pages/component/chart/barChart/indexEvent/index",
+ "pages/component/chart/barChart/indexStyle/index",
+ "pages/component/chart/barChart/barChart1/barChart1",
+ "pages/component/chart/barChart/barChart2/barChart2",
+ "pages/component/chart/barChart/barChart3/barChart3",
+ "pages/component/chart/barChart/barChart4/barChart4",
+ "pages/component/chart/barChart/barChart5/barChart5",
+ "pages/component/chart/barChart/barChart6/barChart6",
+ "pages/component/chart/barChart/barChart7/barChart7",
+ "pages/component/chart/barChart/barChart8/barChart8",
+ "pages/component/chart/lineChart/index/index",
+ "pages/component/chart/lineChart/indexAttr/index",
+ "pages/component/chart/lineChart/indexEvent/index",
+ "pages/component/chart/lineChart/indexStyle/index",
+ "pages/component/chart/lineChart/lineChart1/lineChart1",
+ "pages/component/chart/lineChart/lineChart2/lineChart2",
+ "pages/component/chart/lineChart/lineChart3/lineChart3",
+ "pages/component/chart/lineChart/lineChart4/lineChart4",
+ "pages/component/chart/lineChart/lineChart5/lineChart5",
+ "pages/component/chart/lineChart/lineChart6/lineChart6",
+ "pages/component/chart/lineChart/lineChart7/lineChart7",
+ "pages/component/chart/lineChart/lineChart8/lineChart8",
+ "pages/component/canvas/index/index",
+ "pages/component/canvas/indexAttr/index",
+ "pages/component/canvas/indexCommonStyle/index",
+ "pages/component/canvas/indexEvent/index",
+ "pages/component/canvas/indexAPI/index",
+ "pages/component/canvas/indexAPIAttr/index",
+ "pages/component/canvas/indexAPIDraw/index",
+ "pages/component/canvas/canvas1/index",
+ "pages/component/canvas/canvas2/index",
+ "pages/component/canvas/canvas3/index",
+ "pages/component/canvas/canvas4/index",
+ "pages/component/canvas/canvas5/index",
+ "pages/component/canvas/canvas6/index",
+ "pages/component/canvas/canvas7/index",
+ "pages/component/canvas/canvas8/index",
+ "pages/component/canvas/canvas9/index"
+ ],
+ "name": "default"
+ }
+ ]
+ }
+}
diff --git a/examples/showcase/src/main/js/default/app.js b/examples/showcase/src/main/js/default/app.js
new file mode 100755
index 0000000..1a48cb4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/app.js
@@ -0,0 +1,23 @@
+/*
+ * 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.
+ */
+
+export default {
+ onCreate() {
+ console.info("Application onCreate");
+ },
+ onDestroy() {
+ console.info("Application onDestroy");
+ }
+};
diff --git a/examples/showcase/src/main/js/default/common/js/chart.js b/examples/showcase/src/main/js/default/common/js/chart.js
new file mode 100755
index 0000000..c0be255
--- /dev/null
+++ b/examples/showcase/src/main/js/default/common/js/chart.js
@@ -0,0 +1,86 @@
+/*
+ * 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.
+ */
+export const dataCommon = {
+ datasets: {
+ barsets: [
+ {
+ fillColor: "#9c9c9c",
+ data: [2478, 2600, 3000, 3200, 3500, 3888, 4023, 4501, 4999, 5267]
+ },
+ {
+ fillColor: "#3f9c3f",
+ data: [2000, 2, 800, 700, 433]
+ },
+ {
+ fillColor: "#9c3f3f",
+ data: [100, 200, 300, 400, 500, 600, 550, 450, 350]
+ }
+ ],
+ linesets: [
+ {
+ strokeColor: "#eeaaff",
+ data: [2478, 2600, 3000, 3200, 3500, 3888, 4023, 4501, 4999, 5267]
+ },
+ {
+ strokeColor: "#ccddee",
+ data: [2000, 2, 800, 700, 433]
+ },
+ {
+ strokeColor: "#ddaacc",
+ data: [100, 200, 300, 400, 500, 600, 550, 450, 350]
+ }
+ ]
+ },
+ options: {
+ xAxis: {
+ min: 0,
+ max: 10,
+ axisTick: 5,
+ display: false
+ },
+ yAxis: {
+ min: 0,
+ max: 5000,
+ axisTick: 5,
+ display: false
+ }
+ },
+ optionsNoDisplay: {
+ xAxis: {
+ min: 0,
+ max: 10,
+ axisTick: 5
+ },
+ yAxis: {
+ min: 0,
+ max: 5000,
+ axisTick: 5
+ }
+ }
+};
+export const changeStatus = function() {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+};
+export const changeDisplay = function() {
+ if (this.display === "flex") {
+ this.display = "none";
+ } else {
+ this.display = "flex";
+ }
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/common/js/general.js b/examples/showcase/src/main/js/default/common/js/general.js
new file mode 100755
index 0000000..f0fa790
--- /dev/null
+++ b/examples/showcase/src/main/js/default/common/js/general.js
@@ -0,0 +1,58 @@
+/*
+ * 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 router from "@system.router";
+export const backPage = function(superiorUri) {
+ return {
+ backMain() {
+ router.replace({ uri: "pages/index/index" });
+ },
+ backSuperior() {
+ router.replace({ uri: superiorUri });
+ }
+ };
+};
+export const goPage = function(superiorUri) {
+ return {
+ goHome() {
+ router.replace({ uri: "pages/index/index" });
+ },
+ goPrevious() {
+ router.replace({ uri: superiorUri });
+ }
+ };
+};
+export const routePage = function(page) {
+ return {
+ changePage() {
+ router.replace({ uri: page });
+ }
+ };
+};
+export const eventCommon = function() {
+ return {
+ text1: "点击事件未触发",
+ text2: "长按事件未触发",
+ text3: "swipe事件未触发",
+ clickFunc: function() {
+ this.text1 = "点击事件已触发";
+ },
+ longpressFunc: function() {
+ this.text2 = "长按事件已触发";
+ },
+ swipeFunc: function(e) {
+ this.text3 = "swipe方向:" + e.direction;
+ }
+ };
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/common/js/image.js b/examples/showcase/src/main/js/default/common/js/image.js
new file mode 100755
index 0000000..e57b039
--- /dev/null
+++ b/examples/showcase/src/main/js/default/common/js/image.js
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+// image.js
+export const changeStatus = function () {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/common/js/input.js b/examples/showcase/src/main/js/default/common/js/input.js
new file mode 100755
index 0000000..88fd6ca
--- /dev/null
+++ b/examples/showcase/src/main/js/default/common/js/input.js
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+export const changeStatus = function() {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+};
+export const changeIf = function() {
+ if (this.ifStatus) {
+ this.ifStatus = false;
+ } else {
+ this.ifStatus = true;
+ }
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/common/js/list.js b/examples/showcase/src/main/js/default/common/js/list.js
new file mode 100755
index 0000000..73efdbf
--- /dev/null
+++ b/examples/showcase/src/main/js/default/common/js/list.js
@@ -0,0 +1,22 @@
+/*
+ * 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.js
+export const changeStatus = function () {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/common/js/marquee.js b/examples/showcase/src/main/js/default/common/js/marquee.js
new file mode 100755
index 0000000..873b5aa
--- /dev/null
+++ b/examples/showcase/src/main/js/default/common/js/marquee.js
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+export const changeStatus = function() {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+};
+export const changeIfStatus = function() {
+ if (this.ifstatus == true) {
+ this.ifstatus = false;
+ } else {
+ this.ifstatus = true;
+ }
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/common/js/picker_view.js b/examples/showcase/src/main/js/default/common/js/picker_view.js
new file mode 100755
index 0000000..82131a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/common/js/picker_view.js
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+// picker_view.js
+export const changeStatus = function () {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/common/js/progress.js b/examples/showcase/src/main/js/default/common/js/progress.js
new file mode 100755
index 0000000..70d3b3e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/common/js/progress.js
@@ -0,0 +1,46 @@
+/*
+ * 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.
+ */
+export const changeStatusIf = function() {
+ if (this.ifStatus == true) {
+ this.ifStatus = false;
+ } else {
+ this.ifStatus = true;
+ }
+};
+export const changeDisplay = function() {
+ if (this.display === "flex") {
+ this.display = "none";
+ } else {
+ this.display = "flex";
+ }
+};
+export const changeStatus = function() {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+};
+export const clickEvent = function() {
+ this.value = "点击已触发";
+ this.percent = this.percent + 10;
+};
+export const longpressEvent = function() {
+ this.value = "长按已触发";
+ this.percent = this.percent + 20;
+};
+export const swipeEvent = function(e) {
+ this.value = "swipe方向:" + e.direction;
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/common/js/stack.js b/examples/showcase/src/main/js/default/common/js/stack.js
new file mode 100755
index 0000000..be7ff8c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/common/js/stack.js
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+// stack.js
+export const changeStatus = function () {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/common/js/swiper.js b/examples/showcase/src/main/js/default/common/js/swiper.js
new file mode 100755
index 0000000..f1a474b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/common/js/swiper.js
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+export const showPage = function(e) {
+ this.index = e.index;
+};
+export const changeStatus = function() {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/common/js/text.js b/examples/showcase/src/main/js/default/common/js/text.js
new file mode 100755
index 0000000..b427f37
--- /dev/null
+++ b/examples/showcase/src/main/js/default/common/js/text.js
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+export const changeShow = function() {
+ if (this.showStatus == true) {
+ this.showStatus = false;
+ } else {
+ this.showStatus = true;
+ }
+};
+export const changeStatusIf = function() {
+ if (this.ifStatus == true) {
+ this.ifStatus = false;
+ } else {
+ this.ifStatus = true;
+ }
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/common/leftHead.png b/examples/showcase/src/main/js/default/common/leftHead.png
new file mode 100755
index 0000000..8254866
Binary files /dev/null and b/examples/showcase/src/main/js/default/common/leftHead.png differ
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation1/animation1.css b/examples/showcase/src/main/js/default/pages/component/animation/animation1/animation1.css
new file mode 100755
index 0000000..3917d6b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation1/animation1.css
@@ -0,0 +1,61 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.divBlock {
+ width: 200px;
+ height: 80px;
+ left:120px;
+ background-color: #ff0000;
+}
+
+.divAnimationStyle {
+ animation-duration: 3000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: none;
+ animation-iteration-count:1;
+}
+
+@keyframes animationChange1 {
+ from {
+ background-color: #ff0000;
+ }
+ to {
+ background-color: #0000ff;
+ }
+}
+
+@keyframes animationChange2 {
+ from {
+ width:200px;
+ }
+ to {
+ width:250px;
+ }
+}
+
+@keyframes animationChange3 {
+ from {
+ height:80px;
+ }
+ to {
+ height:130px;
+ }
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation1/animation1.hml b/examples/showcase/src/main/js/default/pages/component/animation/animation1/animation1.hml
new file mode 100755
index 0000000..98b42a6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation1/animation1.hml
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
+
+ background-color
+
+
+
+
+ width
+
+
+
+
+ height
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation1/animation1.js b/examples/showcase/src/main/js/default/pages/component/animation/animation1/animation1.js
new file mode 100755
index 0000000..57832e2
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation1/animation1.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.
+ */
+// animation1.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/animation/index1/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation2/animation2.css b/examples/showcase/src/main/js/default/pages/component/animation/animation2/animation2.css
new file mode 100755
index 0000000..2de5392
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation2/animation2.css
@@ -0,0 +1,44 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.divBlock {
+ width: 200px;
+ height: 80px;
+ left:120px;
+ background-color: #ff0000;
+}
+
+.divAnimationStyle {
+ animation-duration: 3000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: none;
+ animation-delay: 3000ms;
+ animation-iteration-count:1;
+}
+
+@keyframes animationChange1 {
+ from {
+ background-color: #ff0000;
+ }
+ to {
+ background-color: #0000ff;
+ }
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation2/animation2.hml b/examples/showcase/src/main/js/default/pages/component/animation/animation2/animation2.hml
new file mode 100755
index 0000000..3eded0f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation2/animation2.hml
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+ delay:3000ms
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation2/animation2.js b/examples/showcase/src/main/js/default/pages/component/animation/animation2/animation2.js
new file mode 100755
index 0000000..4b9764f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation2/animation2.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.
+ */
+// animation2.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/animation/index1/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation3/animation3.css b/examples/showcase/src/main/js/default/pages/component/animation/animation3/animation3.css
new file mode 100755
index 0000000..e3597bc
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation3/animation3.css
@@ -0,0 +1,57 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.divBlock {
+ width: 200px;
+ height: 80px;
+ left:120px;
+ background-color: #ff0000;
+}
+
+.divAnimationStyle1 {
+ animation-duration: 3000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: none;
+ animation-iteration-count:1;
+}
+
+.divAnimationStyle2 {
+ animation-duration: 5000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: none;
+ animation-iteration-count:1;
+}
+
+.divAnimationStyle3 {
+ animation-duration: 10000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: none;
+ animation-iteration-count:1;
+}
+
+@keyframes animationChange {
+ from {
+ background-color: #ff0000;
+ }
+ to {
+ background-color: #0000ff;
+ }
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation3/animation3.hml b/examples/showcase/src/main/js/default/pages/component/animation/animation3/animation3.hml
new file mode 100755
index 0000000..d25cc0c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation3/animation3.hml
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
+
+ duration:3000ms
+
+
+
+
+ duration:5000ms
+
+
+
+
+ duration:10000ms;
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation3/animation3.js b/examples/showcase/src/main/js/default/pages/component/animation/animation3/animation3.js
new file mode 100755
index 0000000..f83a823
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation3/animation3.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.
+ */
+// animation3.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/animation/index1/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation4/animation4.css b/examples/showcase/src/main/js/default/pages/component/animation/animation4/animation4.css
new file mode 100755
index 0000000..f10a3e7
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation4/animation4.css
@@ -0,0 +1,57 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.divBlock {
+ width: 200px;
+ height: 80px;
+ left:120px;
+ background-color: #ff0000;
+}
+
+.divAnimationStyle1 {
+ animation-duration: 2000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: none;
+ animation-iteration-count:1;
+}
+
+.divAnimationStyle2 {
+ animation-duration: 2000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: none;
+ animation-iteration-count:2;
+}
+
+.divAnimationStyle3 {
+ animation-duration: 2000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: none;
+ animation-iteration-count: infinite;
+}
+
+@keyframes animationChange {
+ from {
+ background-color: #ff0000;
+ }
+ to {
+ background-color: #0000ff;
+ }
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation4/animation4.hml b/examples/showcase/src/main/js/default/pages/component/animation/animation4/animation4.hml
new file mode 100755
index 0000000..d68cdca
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation4/animation4.hml
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
+
+ 1
+
+
+
+
+ 2
+
+
+
+
+ infinite
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation4/animation4.js b/examples/showcase/src/main/js/default/pages/component/animation/animation4/animation4.js
new file mode 100755
index 0000000..b1bf832
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation4/animation4.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.
+ */
+// animation4.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/animation/index1/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation5/animation5.css b/examples/showcase/src/main/js/default/pages/component/animation/animation5/animation5.css
new file mode 100755
index 0000000..29f50b5
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation5/animation5.css
@@ -0,0 +1,64 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.divBlock {
+ width: 200px;
+ height: 70px;
+ left:80px;
+ background-color: #ff0000;
+}
+
+.divAnimationStyle1 {
+ animation-duration: 3000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: none;
+ animation-iteration-count:1;
+}
+
+.divAnimationStyle2 {
+ animation-duration: 3000ms;
+ animation-timing-function: ease-in;
+ animation-fill-mode: none;
+ animation-iteration-count:1;
+}
+
+.divAnimationStyle3 {
+ animation-duration: 3000ms;
+ animation-timing-function: ease-out;
+ animation-fill-mode: none;
+ animation-iteration-count:1;
+}
+
+.divAnimationStyle4 {
+ animation-duration: 3000ms;
+ animation-timing-function: ease-in-out;
+ animation-fill-mode: none;
+ animation-iteration-count:1;
+}
+
+@keyframes animationChange {
+ from {
+ width:200px;
+ }
+ to {
+ width:280px;
+ }
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation5/animation5.hml b/examples/showcase/src/main/js/default/pages/component/animation/animation5/animation5.hml
new file mode 100755
index 0000000..7c0ea73
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation5/animation5.hml
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+
+ linear
+
+
+
+
+ ease-in
+
+
+
+
+ ease-out
+
+
+
+
+ ease-in-out
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation5/animation5.js b/examples/showcase/src/main/js/default/pages/component/animation/animation5/animation5.js
new file mode 100755
index 0000000..8b96cca
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation5/animation5.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.
+ */
+// animation5.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/animation/index2/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation6/animation6.css b/examples/showcase/src/main/js/default/pages/component/animation/animation6/animation6.css
new file mode 100755
index 0000000..2532a80
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation6/animation6.css
@@ -0,0 +1,50 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.divBlock {
+ width: 200px;
+ height: 70px;
+ left:120px;
+ background-color: #ff0000;
+}
+
+.divAnimationStyle1 {
+ animation-duration: 3000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: none;
+ animation-iteration-count:1;
+}
+
+.divAnimationStyle2 {
+ animation-duration: 3000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: forwards;
+ animation-iteration-count:1;
+}
+
+@keyframes animationChange {
+ from {
+ background-color: #ff0000;
+ }
+ to {
+ background-color: #0000ff;
+ }
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation6/animation6.hml b/examples/showcase/src/main/js/default/pages/component/animation/animation6/animation6.hml
new file mode 100755
index 0000000..812b303
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation6/animation6.hml
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+ none
+
+
+
+
+ forwards
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation6/animation6.js b/examples/showcase/src/main/js/default/pages/component/animation/animation6/animation6.js
new file mode 100755
index 0000000..2f2d02a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation6/animation6.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.
+ */
+// animation6.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/animation/index2/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation7/animation7.css b/examples/showcase/src/main/js/default/pages/component/animation/animation7/animation7.css
new file mode 100755
index 0000000..377718a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation7/animation7.css
@@ -0,0 +1,61 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.divBlock {
+ width: 200px;
+ height: 60px;
+ left:120px;
+ background-color: #ff0000;
+}
+
+.divAnimationStyle {
+ animation-duration: 3000ms;
+ animation-timing-function: linear;
+ animation-fill-mode: none;
+ animation-iteration-count:1;
+}
+
+@keyframes animationChange1 {
+ from {
+ transform: translateX(120px);
+ }
+ to {
+ transform: translateX(170px);
+ }
+}
+
+@keyframes animationChange2 {
+ from {
+ transform: translateY(180px);
+ }
+ to {
+ transform: translateY(230px);
+ }
+}
+
+@keyframes animationChange3 {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation7/animation7.hml b/examples/showcase/src/main/js/default/pages/component/animation/animation7/animation7.hml
new file mode 100755
index 0000000..8500499
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation7/animation7.hml
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
+
+ translateX
+
+
+
+
+ translateY
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/animation7/animation7.js b/examples/showcase/src/main/js/default/pages/component/animation/animation7/animation7.js
new file mode 100755
index 0000000..3cb7096
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/animation7/animation7.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.
+ */
+// animation7.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/animation/index2/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/index/index.css b/examples/showcase/src/main/js/default/pages/component/animation/index/index.css
new file mode 100755
index 0000000..e71ae21
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/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: 160px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/index/index.hml b/examples/showcase/src/main/js/default/pages/component/animation/index/index.hml
new file mode 100755
index 0000000..5197d7b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/index/index.hml
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ animation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/index/index.js b/examples/showcase/src/main/js/default/pages/component/animation/index/index.js
new file mode 100755
index 0000000..1603786
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/index/index.js
@@ -0,0 +1,20 @@
+/*
+ * 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/otherIndex/index"),
+ changePage1: routePage("pages/component/animation/index1/index").changePage,
+ changePage2: routePage("pages/component/animation/index2/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/index1/index.css b/examples/showcase/src/main/js/default/pages/component/animation/index1/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/index1/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/index1/index.hml b/examples/showcase/src/main/js/default/pages/component/animation/index1/index.hml
new file mode 100755
index 0000000..7a6d105
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/index1/index.hml
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 动画样式
+
+
+
+
+
+
+
+ animation-name
+
+
+
+
+
+
+
+
+
+
+ animation-delay
+
+
+
+
+
+
+
+
+
+
+ animation-duration
+
+
+
+
+
+
+
+
+
+
+ animation-iteration-count
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/index1/index.js b/examples/showcase/src/main/js/default/pages/component/animation/index1/index.js
new file mode 100755
index 0000000..3ff40cb
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/index1/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/animation/index/index"),
+ changePage1: routePage("pages/component/animation/animation1/animation1").changePage,
+ changePage2: routePage("pages/component/animation/animation2/animation2").changePage,
+ changePage3: routePage("pages/component/animation/animation3/animation3").changePage,
+ changePage4: routePage("pages/component/animation/animation4/animation4").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/index2/index.css b/examples/showcase/src/main/js/default/pages/component/animation/index2/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/index2/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/index2/index.hml b/examples/showcase/src/main/js/default/pages/component/animation/index2/index.hml
new file mode 100755
index 0000000..f6b0f2a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/index2/index.hml
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 动画样式
+
+
+
+
+
+
+
+ animation-timing-function
+
+
+
+
+
+
+
+
+
+
+ animation-fill-mode
+
+
+
+
+
+
+
+
+
+
+ transform
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/animation/index2/index.js b/examples/showcase/src/main/js/default/pages/component/animation/index2/index.js
new file mode 100755
index 0000000..f52b360
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/animation/index2/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/animation/index/index"),
+ changePage1: routePage("pages/component/animation/animation5/animation5").changePage,
+ changePage2: routePage("pages/component/animation/animation6/animation6").changePage,
+ changePage3: routePage("pages/component/animation/animation7/animation7").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas1/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/canvas1/index.css
new file mode 100755
index 0000000..37a167c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas1/index.css
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas1/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/canvas1/index.hml
new file mode 100755
index 0000000..66b5307
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas1/index.hml
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas1/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/canvas1/index.js
new file mode 100755
index 0000000..09d2974
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas1/index.js
@@ -0,0 +1,35 @@
+/*
+ * 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 {
+ data: {
+ text1: "点击按钮改变状态",
+ status: true
+ },
+ ...backPage("pages/component/canvas/indexAttr/index"),
+ fillRectFunc: function () {
+ var canvasRef = this.$refs.canvas1;
+ var ctx = canvasRef.getContext("2d");
+ ctx.fillRect(20,20,100,150);
+ },
+ changeStatus: function () {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas2/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/canvas2/index.css
new file mode 100755
index 0000000..37a167c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas2/index.css
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas2/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/canvas2/index.hml
new file mode 100755
index 0000000..6520530
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas2/index.hml
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas2/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/canvas2/index.js
new file mode 100755
index 0000000..53109f4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas2/index.js
@@ -0,0 +1,35 @@
+/*
+ * 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 {
+ data: {
+ text1: "点击按钮改变状态",
+ ifStatus: true
+ },
+ ...backPage("pages/component/canvas/indexAttr/index"),
+ fillRectFunc: function () {
+ var canvasRef = this.$refs.canvas1;
+ var ctx = canvasRef.getContext("2d");
+ ctx.fillRect(20,20,100,150);
+ },
+ changeIf: function () {
+ if (this.ifStatus == true) {
+ this.ifStatus = false;
+ } else {
+ this.ifStatus = true;
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas3/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/canvas3/index.css
new file mode 100755
index 0000000..37a167c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas3/index.css
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas3/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/canvas3/index.hml
new file mode 100755
index 0000000..1e1ee6b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas3/index.hml
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas3/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/canvas3/index.js
new file mode 100755
index 0000000..3600bc1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas3/index.js
@@ -0,0 +1,31 @@
+/*
+ * 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 {
+ data: {
+ listData:["a", "b"],
+ text1: "for类型canvas"
+ },
+ ...backPage("pages/component/canvas/indexAttr/index"),
+ fillRectFunc: function () {
+ var canvasRefa = this.$refs.canvasa;
+ var ctxa = canvasRefa.getContext("2d");
+ ctxa.fillRect(20,20,40,150);
+ var canvasRefb = this.$refs.canvasb;
+ var ctxb = canvasRefb.getContext("2d");
+ ctxb.fillRect(20,20,30,100);
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas4/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/canvas4/index.css
new file mode 100755
index 0000000..999830a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas4/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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.
+ */
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30;
+}
+
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 450px;
+ height: 450px;
+ border-width: 1px;
+ border-color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas4/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/canvas4/index.hml
new file mode 100755
index 0000000..e303b5c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas4/index.hml
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
+ {{text2}}
+
+
+ {{text3}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas4/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/canvas4/index.js
new file mode 100755
index 0000000..cfc22ed
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas4/index.js
@@ -0,0 +1,29 @@
+/*
+ * 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 {
+ data: {
+ text1: "上面绿块为canvas",
+ text2: "背景=绿,",
+ text3: "left=85,top=120"
+ },
+ ...backPage("pages/component/canvas/indexCommonStyle/index"),
+ fillRect: function () {
+ var canvasRef = this.$refs.canvasObj;
+ var ctx = canvasRef.getContext("2d");
+ ctx.fillRect(20,20,100,150);
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas5/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/canvas5/index.css
new file mode 100755
index 0000000..3412d2e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas5/index.css
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30;
+ border-width: 1px;
+ border-color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas5/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/canvas5/index.hml
new file mode 100755
index 0000000..a00c423
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas5/index.hml
@@ -0,0 +1,34 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas5/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/canvas5/index.js
new file mode 100755
index 0000000..483f3a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas5/index.js
@@ -0,0 +1,24 @@
+/*
+ * 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 {
+ data: {
+ text1: "上面黄块为canvas",
+ text2: "margin=20",
+ text3: "width=280,height=80"
+ },
+ ...backPage("pages/component/canvas/indexCommonStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas6/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/canvas6/index.css
new file mode 100755
index 0000000..285f457
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas6/index.css
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas6/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/canvas6/index.hml
new file mode 100755
index 0000000..80b3016
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas6/index.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas6/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/canvas6/index.js
new file mode 100755
index 0000000..aa1466d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas6/index.js
@@ -0,0 +1,29 @@
+/*
+ * 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 {
+ data: {
+ text1: "边框和内边距"
+ },
+ ...backPage("pages/component/canvas/indexCommonStyle/index"),
+ fillStyleFunc: function () {
+ var canvasRef = this.$refs.canvas1;
+ var ctx = canvasRef.getContext("2d");
+ ctx.fillStyle = "#00ff00";
+ ctx.strokeStyle = "#ff0000"; // 因为是填充图形,所以边框设置无效
+ ctx.fillRect(0,0,100,150);
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas7/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/canvas7/index.css
new file mode 100755
index 0000000..818750a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas7/index.css
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-bottom: 10px;
+ margin-left: 10px;
+ font-size: 30;
+ border-width: 1px;
+ border-color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas7/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/canvas7/index.hml
new file mode 100755
index 0000000..aea7691
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas7/index.hml
@@ -0,0 +1,34 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas7/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/canvas7/index.js
new file mode 100755
index 0000000..4c4f464
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas7/index.js
@@ -0,0 +1,24 @@
+/*
+ * 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 {
+ data: {
+ text1: "上面绿块为canvas",
+ text2: "左外=40,上外=15,",
+ text3: "右外=10,下外=20"
+ },
+ ...backPage("pages/component/canvas/indexCommonStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas8/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/canvas8/index.css
new file mode 100755
index 0000000..3412d2e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas8/index.css
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30;
+ border-width: 1px;
+ border-color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas8/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/canvas8/index.hml
new file mode 100755
index 0000000..cba1c29
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas8/index.hml
@@ -0,0 +1,36 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas8/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/canvas8/index.js
new file mode 100755
index 0000000..b2b1b96
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas8/index.js
@@ -0,0 +1,33 @@
+/*
+ * 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 {
+ data: {
+ text1: "上面绿块为canvas",
+ text2: "点击按钮切换display",
+ text3: "支持flex/none",
+ displayValue: "flex"
+ },
+ ...backPage("pages/component/canvas/indexCommonStyle/index"),
+ changeDisplay: function () {
+ if (this.displayValue === "flex") {
+ this.displayValue = "none";
+ } else {
+ this.displayValue = "flex";
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas9/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/canvas9/index.css
new file mode 100755
index 0000000..21072ca
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas9/index.css
@@ -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.
+ */
+
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 400px;
+ height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30;
+ text-overflow: ellipsis;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas9/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/canvas9/index.hml
new file mode 100755
index 0000000..4fa2db6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas9/index.hml
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
+ 矩形为canvas组件
+
+
+ 点击/长按/滑动canvas内部任意位置触发事件
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/canvas9/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/canvas9/index.js
new file mode 100755
index 0000000..fb1af4e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/canvas9/index.js
@@ -0,0 +1,41 @@
+/*
+ * 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 {
+ data: {
+ text1: ""
+ },
+ ...backPage("pages/component/canvas/indexEvent/index"),
+ clickFunc: function () {
+ this.text1 = "点击事件被触发";
+ var canvasRef = this.$refs.canvas1;
+ var ctx = canvasRef.getContext("2d");
+ ctx.fillStyle = "#ffff00";
+ ctx.strokeStyle = "#ff0000"; // 因为是填充图形,所以边框设置无效
+ ctx.fillRect(10,10,50,100);
+ },
+ longPressFunc: function () {
+ this.text1 = "长按事件被触发";
+ var canvasRef = this.$refs.canvas1;
+ var ctx = canvasRef.getContext("2d");
+ ctx.fillStyle = "#ff0000";
+ ctx.strokeStyle = "#ff0000"; // 因为是填充图形,所以边框设置无效
+ ctx.fillRect(10,10,50,100);
+ },
+ swipeFunc: function (e) {
+ this.text1 = "swipe方向:" + e.direction;
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/index/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/index/index.css
new file mode 100755
index 0000000..6ecd499
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/index/index.css
@@ -0,0 +1,43 @@
+/*
+ * 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: 200px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/index/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/index/index.hml
new file mode 100755
index 0000000..29ed14f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/index/index.hml
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/index/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/index/index.js
new file mode 100755
index 0000000..8f1675b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/index/index.js
@@ -0,0 +1,23 @@
+/*
+ * 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 {
+ ...goPage("pages/component/index/baseIndex/index"),
+ changePage1: routePage("pages/component/canvas/indexAttr/index").changePage,
+ changePage2: routePage("pages/component/canvas/indexCommonStyle/index").changePage,
+ changePage3: routePage("pages/component/canvas/indexEvent/index").changePage,
+ changePage4: routePage("pages/component/canvas/indexAPI/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAPI/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPI/index.css
new file mode 100755
index 0000000..6ecd499
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPI/index.css
@@ -0,0 +1,43 @@
+/*
+ * 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: 200px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAPI/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPI/index.hml
new file mode 100755
index 0000000..edeeadd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPI/index.hml
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAPI/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPI/index.js
new file mode 100755
index 0000000..955b018
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPI/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 {goPage, routePage} from "../../../../common/js/general";
+export default {
+ ...goPage("pages/component/canvas/index/index"),
+ changePage1: routePage("pages/component/canvas/indexAPIAttr/index").changePage,
+ changePage2: routePage("pages/component/canvas/indexAPIDraw/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIAttr/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIAttr/index.css
new file mode 100755
index 0000000..696ba38
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIAttr/index.css
@@ -0,0 +1,32 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIAttr/index.hml
new file mode 100755
index 0000000..8f1dedd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIAttr/index.hml
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ canvas属性接口
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIAttr/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIAttr/index.js
new file mode 100755
index 0000000..bfc8707
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIAttr/index.js
@@ -0,0 +1,112 @@
+/*
+ * 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/canvas/indexAPI/index"),
+ fillStyleFunc: function () {
+ var canvasRef = this.$refs.canvas1;
+ var ctx = canvasRef.getContext("2d");
+
+ var getFillStyle1 = ctx.fillStyle; // getter默认fillStyle
+ console.info("getFillStyle1=" + getFillStyle1);
+
+ var getFillStyle2 = ctx.fillStyle; // 再次getter默认fillStyle
+ console.info("getFillStyle2=" + getFillStyle2);
+
+ ctx.fillStyle = "#00ff00"; // setter
+ //ctx.fillStyle = "rgba(0,255,0,1)"; //支持
+ //ctx.fillStyle = "red"; //不支持
+ ctx.strokeStyle = "#ff0000"; // 因为是填充图形,所以边框设置无效
+
+ var getFillStyle3 = ctx.fillStyle; // setter后getter fillStyle
+ console.info("getFillStyle3=" + getFillStyle3);
+ ctx.fillRect(20,20,100,150);
+ },
+ strokeStyleFunc: function () {
+ var canvasRef = this.$refs.canvas2;
+ var ctx = canvasRef.getContext("2d");
+
+ var getStrokeStyle1 = ctx.strokeStyle; // getter默认strokeStyle
+ console.info("getStrokeStyle1=" + getStrokeStyle1);
+ var getStrokeStyle2 = ctx.strokeStyle; // 再次getter默认strokeStyle
+ console.info("getStrokeStyle2=" + getStrokeStyle2);
+
+ ctx.fillStyle = "#00ff00"; // 因为是画矩形框,所以填充设置无效
+ ctx.strokeStyle = "#0000ff"; // setter
+
+ var getStrokeStyle3 = ctx.strokeStyle; // setter之后getter strokeStyle
+ console.info("getStrokeStyle3=" + getStrokeStyle3);
+ ctx.strokeRect(20,20,100,150);
+ },
+ lineWidthFunc: function () {
+ var canvasRef = this.$refs.canvas3;
+ var ctx = canvasRef.getContext("2d");
+
+ var getLineWidth1 = ctx.lineWidth; // getter默认lineWidth
+ console.info("getLineWidth1=" + getLineWidth1);
+
+ var getLineWidth2 = ctx.lineWidth; // 再次getter默认lineWidth
+ console.info("getLineWidth2=" + getLineWidth2);
+
+ ctx.strokeStyle = "#ff0000";
+ ctx.lineWidth = "10"; // setter
+
+ var getLineWidth3 = ctx.lineWidth; // setter后getter lineWidth
+ console.info("getLineWidth3=" + getLineWidth3);
+
+ ctx.strokeRect(20,20,100,150);
+ },
+ fontFunc: function () {
+ var canvasRef = this.$refs.canvas4;
+ var ctx = canvasRef.getContext("2d");
+
+ var getFont1 = ctx.font; // getter默认font
+ console.info("getFont1=" + getFont1);
+
+ var getFont2 = ctx.font; // 再次getter默认font
+ console.info("getFont2=" + getFont2);
+
+ ctx.font = " 30px HYQiHei-65S two three f "; // setter
+ //ctx.font = " "; // setter
+
+ var getFont3 = ctx.font; // setter后getter font
+ console.info("getFont3=" + getFont3);
+
+ ctx.fillText("Hello ACE", 10, 50);
+ },
+ textAlignFunc: function () {
+ var canvasRef = this.$refs.canvas5;
+ var ctx = canvasRef.getContext("2d");
+
+ var getTextAlign1 = ctx.textAlign; // getter默认text align
+ console.info("getTextAlign1=" + getTextAlign1);
+
+ var getTextAlign2 = ctx.textAlign; // 再次getter默认text align
+ console.info("getTextAlign2=" + getTextAlign2);
+
+ ctx.font = "30px HYQiHei-65S";
+ ctx.textAlign = "left"; // setter
+ ctx.fillText("left", 110, 10);
+ ctx.textAlign = "right"; // setter
+ ctx.fillText("right", 110, 50);
+ ctx.textAlign = "center"; // setter
+ ctx.fillText("center", 110, 100);
+
+ var getTextAlign3 = ctx.textAlign; // setter后 getter text align
+ console.info("getTextAlign3=" + getTextAlign3);
+ },
+ jumpFunc: routePage("pages/component/canvas/indexAPIAttr/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIDraw/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIDraw/index.css
new file mode 100755
index 0000000..696ba38
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIDraw/index.css
@@ -0,0 +1,32 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIDraw/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIDraw/index.hml
new file mode 100755
index 0000000..19c3a6f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIDraw/index.hml
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ canvas绘图接口
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIDraw/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIDraw/index.js
new file mode 100755
index 0000000..7fd4863
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAPIDraw/index.js
@@ -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.
+ */
+
+import {backPage, routePage} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/canvas/indexAPI/index"),
+ fillRectFunc: function () {
+ var canvasRef = this.$refs.canvas1;
+ var ctx = canvasRef.getContext("2d");
+ ctx.fillRect(20,20,100,150);
+ },
+ strokeRectFunc: function () {
+ var canvasRef = this.$refs.canvas2;
+ var ctx = canvasRef.getContext("2d");
+ ctx.strokeRect(20,20,100,150);
+ },
+ fillTextFunc: function () {
+ var canvasRef = this.$refs.canvas3;
+ var ctx = canvasRef.getContext("2d");
+ ctx.font = "30px HYQiHei-65S";
+ ctx.fillText("Hello ACE", 10, 50);
+ },
+ arcFunc: function () {
+ var canvasRef = this.$refs.canvas4;
+ var ctx = canvasRef.getContext("2d");
+ ctx.beginPath();
+ ctx.arc(50,50,50,Math.PI*2*(1/36),Math.PI*2*(5/36),true);
+ ctx.stroke();
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAttr/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/indexAttr/index.css
new file mode 100755
index 0000000..696ba38
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAttr/index.css
@@ -0,0 +1,32 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/indexAttr/index.hml
new file mode 100755
index 0000000..4d83a94
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAttr/index.hml
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ canvas通用属性
+
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexAttr/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/indexAttr/index.js
new file mode 100755
index 0000000..a418d05
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexAttr/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/canvas/index/index"),
+ changePage1: routePage("pages/component/canvas/canvas1/index").changePage,
+ changePage2: routePage("pages/component/canvas/canvas2/index").changePage,
+ changePage3: routePage("pages/component/canvas/canvas3/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexCommonStyle/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/indexCommonStyle/index.css
new file mode 100755
index 0000000..696ba38
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexCommonStyle/index.css
@@ -0,0 +1,32 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexCommonStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/indexCommonStyle/index.hml
new file mode 100755
index 0000000..1ce5f3a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexCommonStyle/index.hml
@@ -0,0 +1,113 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ canvas通用样式
+
+
+
+
+
+
+
+ 背景色
+
+
+ left
+
+
+ top
+
+
+
+
+
+
+
+
+
+
+ margin
+
+
+ height
+
+
+ width
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
+
+ margin-left
+
+
+ margin-top
+
+
+ margin-right
+
+
+ margin-bottom
+
+
+
+
+
+
+
+
+
+
+ display
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexCommonStyle/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/indexCommonStyle/index.js
new file mode 100755
index 0000000..afdfbfb
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexCommonStyle/index.js
@@ -0,0 +1,24 @@
+/*
+ * 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/canvas/index/index"),
+ changePage1: routePage("pages/component/canvas/canvas4/index").changePage,
+ changePage2: routePage("pages/component/canvas/canvas5/index").changePage,
+ changePage3: routePage("pages/component/canvas/canvas6/index").changePage,
+ changePage4: routePage("pages/component/canvas/canvas7/index").changePage,
+ changePage5: routePage("pages/component/canvas/canvas8/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexEvent/index.css b/examples/showcase/src/main/js/default/pages/component/canvas/indexEvent/index.css
new file mode 100755
index 0000000..696ba38
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexEvent/index.css
@@ -0,0 +1,32 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexEvent/index.hml b/examples/showcase/src/main/js/default/pages/component/canvas/indexEvent/index.hml
new file mode 100755
index 0000000..0c0b052
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexEvent/index.hml
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ canvas通用事件
+
+
+
+
+
+
+
+ click
+
+
+ longpress
+
+
+ swipe
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/canvas/indexEvent/index.js b/examples/showcase/src/main/js/default/pages/component/canvas/indexEvent/index.js
new file mode 100755
index 0000000..be8dbab
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/canvas/indexEvent/index.js
@@ -0,0 +1,20 @@
+/*
+ * 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/canvas/index/index"),
+ changePage1: routePage("pages/component/canvas/canvas9/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart1/barChart1.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart1/barChart1.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart1/barChart1.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart1/barChart1.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart1/barChart1.hml
new file mode 100755
index 0000000..88df24c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart1/barChart1.hml
@@ -0,0 +1,34 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart1/barChart1.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart1/barChart1.js
new file mode 100755
index 0000000..0c2a70a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart1/barChart1.js
@@ -0,0 +1,29 @@
+/*
+ * 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, eventCommon} from "../../../../../common/js/general";
+import {dataCommon} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/barChart/indexEvent/index"),
+ data: {
+ text1: eventCommon().text1,
+ text2: eventCommon().text2,
+ text3: eventCommon().text3,
+ datasets: dataCommon.datasets.barsets,
+ options: dataCommon.options
+ },
+ clickFunc: eventCommon().clickFunc,
+ longpressFunc: eventCommon().longpressFunc,
+ swipeFunc: eventCommon().swipeFunc
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart2/barChart2.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart2/barChart2.css
new file mode 100755
index 0000000..f07e5b9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart2/barChart2.css
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart2/barChart2.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart2/barChart2.hml
new file mode 100755
index 0000000..6f4fc83
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart2/barChart2.hml
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
+ {{text2}}
+
+
+ {{text3}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart2/barChart2.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart2/barChart2.js
new file mode 100755
index 0000000..748ebc2
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart2/barChart2.js
@@ -0,0 +1,26 @@
+/*
+ * 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";
+import {dataCommon} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/barChart/indexStyle/index"),
+ data: {
+ text1: "背景色绿色",
+ text2: "left设置85",
+ text3: "top设置170",
+ datasets: dataCommon.datasets.barsets,
+ options: dataCommon.options,
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart3/barChart3.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart3/barChart3.css
new file mode 100755
index 0000000..0e8a333
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart3/barChart3.css
@@ -0,0 +1,37 @@
+/*
+ * 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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ font-size: 30px;
+}
+
+.item {
+ width: 280px;
+ height: 50px;
+}
+
+.div1 {
+ height: 145px;
+ width: 160px;
+ border-width: 1px;
+ border-color: #ff0000;
+}
+
+.div2 {
+ width: 100px;
+ height: 50px;
+ background-color: #00ff00;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart3/barChart3.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart3/barChart3.hml
new file mode 100755
index 0000000..595aea0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart3/barChart3.hml
@@ -0,0 +1,60 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart3/barChart3.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart3/barChart3.js
new file mode 100755
index 0000000..fb90893
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart3/barChart3.js
@@ -0,0 +1,26 @@
+/*
+ * 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";
+import {dataCommon} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/barChart/indexStyle/index"),
+ data: {
+ text1: "margin左边距85",
+ text2: "margin上边距10",
+ text3: "宽高已设置",
+ datasets: dataCommon.datasets.barsets,
+ options: dataCommon.options,
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart4/barChart4.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart4/barChart4.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart4/barChart4.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart4/barChart4.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart4/barChart4.hml
new file mode 100755
index 0000000..224f485
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart4/barChart4.hml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart4/barChart4.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart4/barChart4.js
new file mode 100755
index 0000000..943ad92
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart4/barChart4.js
@@ -0,0 +1,23 @@
+/*
+ * 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";
+import {dataCommon} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/barChart/indexStyle/index"),
+ data: {
+ datasets: dataCommon.datasets.barsets,
+ options: dataCommon.options,
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart5/barChart5.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart5/barChart5.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart5/barChart5.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart5/barChart5.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart5/barChart5.hml
new file mode 100755
index 0000000..cd9e5f0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart5/barChart5.hml
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart5/barChart5.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart5/barChart5.js
new file mode 100755
index 0000000..7428a0b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart5/barChart5.js
@@ -0,0 +1,23 @@
+/*
+ * 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";
+import {dataCommon} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/barChart/indexAttr/index"),
+ data: {
+ datasets: dataCommon.datasets.barsets,
+ options: dataCommon.optionsNoDisplay
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart6/barChart6.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart6/barChart6.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart6/barChart6.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart6/barChart6.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart6/barChart6.hml
new file mode 100755
index 0000000..d2cbd07
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart6/barChart6.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart6/barChart6.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart6/barChart6.js
new file mode 100755
index 0000000..0984954
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart6/barChart6.js
@@ -0,0 +1,27 @@
+/*
+ * 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";
+import {dataCommon, changeStatus} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/barChart/indexAttr/index"),
+ data: {
+ text1: "显示状态改变",
+ chart01: "chart01",
+ status: true,
+ datasets: dataCommon.datasets.barsets,
+ options: dataCommon.options
+ },
+ changeStatus: changeStatus,
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart7/barChart7.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart7/barChart7.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart7/barChart7.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart7/barChart7.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart7/barChart7.hml
new file mode 100755
index 0000000..e9eff2e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart7/barChart7.hml
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 循环3次,点击改变display
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart7/barChart7.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart7/barChart7.js
new file mode 100755
index 0000000..83d386b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart7/barChart7.js
@@ -0,0 +1,29 @@
+/*
+ * 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";
+import {dataCommon, changeStatus, changeDisplay} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/barChart/indexAttr/index"),
+ data: {
+ datasets: dataCommon.datasets.barsets,
+ options: dataCommon.options,
+ status: true,
+ text1: "显示状态改变",
+ loopArray: ["1", "2", "3"],
+ display: "flex",
+ },
+ changeStatus: changeStatus,
+ changeDisplay: changeDisplay
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart8/barChart8.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart8/barChart8.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart8/barChart8.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart8/barChart8.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart8/barChart8.hml
new file mode 100755
index 0000000..84d80b0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart8/barChart8.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart8/barChart8.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart8/barChart8.js
new file mode 100755
index 0000000..3087601
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/barChart8/barChart8.js
@@ -0,0 +1,26 @@
+/*
+ * 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";
+import {dataCommon, changeStatus} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/barChart/indexAttr/index"),
+ data: {
+ datasets: dataCommon.datasets.barsets,
+ options: dataCommon.options,
+ status: true,
+ text1: "显示状态改变"
+ },
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/index/index.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/index/index.css
new file mode 100755
index 0000000..e71ae21
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/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: 160px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/index/index.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/index/index.hml
new file mode 100755
index 0000000..624a833
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/index/index.hml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ bar-chart
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/index/index.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/index/index.js
new file mode 100755
index 0000000..2779495
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/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/chart/index/index"),
+ changePage1: routePage("pages/component/chart/barChart/indexAttr/index").changePage,
+ changePage2: routePage("pages/component/chart/barChart/indexStyle/index").changePage,
+ changePage3: routePage("pages/component/chart/barChart/indexEvent/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexAttr/index.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexAttr/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexAttr/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexAttr/index.hml
new file mode 100755
index 0000000..defaded
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexAttr/index.hml
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+
+
+ datasets:
+
+
+ 全量属性
+
+
+ options
+
+
+ 全量属性
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexAttr/index.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexAttr/index.js
new file mode 100755
index 0000000..3608277
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexAttr/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/chart/barChart/index/index"),
+ changePage1: routePage("pages/component/chart/barChart/barChart6/barChart6").changePage,
+ changePage2: routePage("pages/component/chart/barChart/barChart5/barChart5").changePage,
+ changePage3: routePage("pages/component/chart/barChart/barChart7/barChart7").changePage,
+ changePage4: routePage("pages/component/chart/barChart/barChart8/barChart8").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexEvent/index.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexEvent/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexEvent/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexEvent/index.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexEvent/index.hml
new file mode 100755
index 0000000..bf1a4cb
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexEvent/index.hml
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+
+ click
+
+
+ longpress
+
+
+ swipe
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexEvent/index.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexEvent/index.js
new file mode 100755
index 0000000..cbcf63a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexEvent/index.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.
+ */
+import {backPage, routePage} from "../../../../../common/js/general";
+export default {
+ ...backPage("pages/component/chart/barChart/index/index"),
+ changePage1: routePage("pages/component/chart/barChart/barChart1/barChart1").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexStyle/index.css b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexStyle/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexStyle/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexStyle/index.hml
new file mode 100755
index 0000000..ef0254e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexStyle/index.hml
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+
+ 背景色
+
+
+ left
+
+
+ top
+
+
+
+
+
+
+
+
+
+
+ margin
+
+
+ height
+
+
+ width
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexStyle/index.js b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexStyle/index.js
new file mode 100755
index 0000000..2742b64
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/barChart/indexStyle/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/chart/barChart/index/index"),
+ changePage1: routePage("pages/component/chart/barChart/barChart2/barChart2").changePage,
+ changePage2: routePage("pages/component/chart/barChart/barChart3/barChart3").changePage,
+ changePage3: routePage("pages/component/chart/barChart/barChart4/barChart4").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/index/index.css b/examples/showcase/src/main/js/default/pages/component/chart/index/index.css
new file mode 100755
index 0000000..b57bf31
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/index/index.css
@@ -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.
+ */
+.separatorContainerStyle {
+ width: 454px;
+ height: 4px;
+ background-color: #8b8b7a;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/index/index.hml b/examples/showcase/src/main/js/default/pages/component/chart/index/index.hml
new file mode 100755
index 0000000..1691b09
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/index/index.hml
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ bar
+
+
+
+
+
+
+
+
+
+
+ line
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/index/index.js b/examples/showcase/src/main/js/default/pages/component/chart/index/index.js
new file mode 100755
index 0000000..334e21e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/index/index.js
@@ -0,0 +1,20 @@
+/*
+ * 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"),
+ changeBar: routePage("pages/component/chart/barChart/index/index").changePage,
+ changeLine: routePage("pages/component/chart/lineChart/index/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/index/index.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/index/index.css
new file mode 100755
index 0000000..e71ae21
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/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: 160px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/index/index.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/index/index.hml
new file mode 100755
index 0000000..75f37b1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/index/index.hml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ line-chart
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/index/index.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/index/index.js
new file mode 100755
index 0000000..8ba4b1a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/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/chart/index/index"),
+ changePage1: routePage("pages/component/chart/lineChart/indexAttr/index").changePage,
+ changePage2: routePage("pages/component/chart/lineChart/indexStyle/index").changePage,
+ changePage3: routePage("pages/component/chart/lineChart/indexEvent/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexAttr/index.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexAttr/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexAttr/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexAttr/index.hml
new file mode 100755
index 0000000..5e0e09b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexAttr/index.hml
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+
+
+ datasets:
+
+
+ 全量属性
+
+
+ options
+
+
+ 全量属性
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexAttr/index.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexAttr/index.js
new file mode 100755
index 0000000..fdd1633
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexAttr/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/chart/lineChart/index/index"),
+ changePage1: routePage("pages/component/chart/lineChart/lineChart6/lineChart6").changePage,
+ changePage2: routePage("pages/component/chart/lineChart/lineChart5/lineChart5").changePage,
+ changePage3: routePage("pages/component/chart/lineChart/lineChart7/lineChart7").changePage,
+ changePage4: routePage("pages/component/chart/lineChart/lineChart8/lineChart8").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexEvent/index.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexEvent/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexEvent/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexEvent/index.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexEvent/index.hml
new file mode 100755
index 0000000..bf1a4cb
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexEvent/index.hml
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+
+ click
+
+
+ longpress
+
+
+ swipe
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexEvent/index.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexEvent/index.js
new file mode 100755
index 0000000..8d0cc01
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexEvent/index.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.
+ */
+import {backPage, routePage} from "../../../../../common/js/general";
+export default {
+ ...backPage("pages/component/chart/lineChart/index/index"),
+ changePage1: routePage("pages/component/chart/lineChart/lineChart1/lineChart1").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexStyle/index.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexStyle/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexStyle/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexStyle/index.hml
new file mode 100755
index 0000000..ef0254e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexStyle/index.hml
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+
+ 背景色
+
+
+ left
+
+
+ top
+
+
+
+
+
+
+
+
+
+
+ margin
+
+
+ height
+
+
+ width
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexStyle/index.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexStyle/index.js
new file mode 100755
index 0000000..5e37a4e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/indexStyle/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/chart/lineChart/index/index"),
+ changePage1: routePage("pages/component/chart/lineChart/lineChart2/lineChart2").changePage,
+ changePage2: routePage("pages/component/chart/lineChart/lineChart3/lineChart3").changePage,
+ changePage3: routePage("pages/component/chart/lineChart/lineChart4/lineChart4").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart1/lineChart1.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart1/lineChart1.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart1/lineChart1.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart1/lineChart1.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart1/lineChart1.hml
new file mode 100755
index 0000000..0ee9cdc
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart1/lineChart1.hml
@@ -0,0 +1,34 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart1/lineChart1.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart1/lineChart1.js
new file mode 100755
index 0000000..e88ea25
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart1/lineChart1.js
@@ -0,0 +1,29 @@
+/*
+ * 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, eventCommon} from "../../../../../common/js/general";
+import {dataCommon} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/lineChart/indexEvent/index"),
+ data: {
+ datasets: dataCommon.datasets.linesets,
+ options: dataCommon.options,
+ text1: eventCommon().text1,
+ text2: eventCommon().text2,
+ text3: eventCommon().text3,
+ },
+ clickFunc: eventCommon().clickFunc,
+ longpressFunc: eventCommon().longpressFunc,
+ swipeFunc: eventCommon().swipeFunc
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart2/lineChart2.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart2/lineChart2.css
new file mode 100755
index 0000000..f07e5b9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart2/lineChart2.css
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart2/lineChart2.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart2/lineChart2.hml
new file mode 100755
index 0000000..4fde80c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart2/lineChart2.hml
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
+ {{text2}}
+
+
+ {{text3}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart2/lineChart2.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart2/lineChart2.js
new file mode 100755
index 0000000..7aecba9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart2/lineChart2.js
@@ -0,0 +1,26 @@
+/*
+ * 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";
+import {dataCommon} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/lineChart/indexStyle/index"),
+ data: {
+ text1: "背景色绿色",
+ text2: "left设置85",
+ text3: "top设置170",
+ datasets: dataCommon.datasets.linesets,
+ options: dataCommon.options,
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart3/lineChart3.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart3/lineChart3.css
new file mode 100755
index 0000000..0e8a333
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart3/lineChart3.css
@@ -0,0 +1,37 @@
+/*
+ * 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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ font-size: 30px;
+}
+
+.item {
+ width: 280px;
+ height: 50px;
+}
+
+.div1 {
+ height: 145px;
+ width: 160px;
+ border-width: 1px;
+ border-color: #ff0000;
+}
+
+.div2 {
+ width: 100px;
+ height: 50px;
+ background-color: #00ff00;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart3/lineChart3.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart3/lineChart3.hml
new file mode 100755
index 0000000..2560862
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart3/lineChart3.hml
@@ -0,0 +1,60 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart3/lineChart3.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart3/lineChart3.js
new file mode 100755
index 0000000..b7bdaed
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart3/lineChart3.js
@@ -0,0 +1,26 @@
+/*
+ * 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";
+import {dataCommon} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/lineChart/indexStyle/index"),
+ data: {
+ datasets: dataCommon.datasets.linesets,
+ options: dataCommon.options,
+ text1: "margin左边距85",
+ text2: "margin上边距10",
+ text3: "宽高已设置",
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart4/lineChart4.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart4/lineChart4.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart4/lineChart4.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart4/lineChart4.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart4/lineChart4.hml
new file mode 100755
index 0000000..afdb410
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart4/lineChart4.hml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart4/lineChart4.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart4/lineChart4.js
new file mode 100755
index 0000000..17dc9ca
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart4/lineChart4.js
@@ -0,0 +1,23 @@
+/*
+ * 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";
+import {dataCommon} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/lineChart/indexStyle/index"),
+ data: {
+ datasets: dataCommon.datasets.linesets,
+ options: dataCommon.options
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart5/lineChart5.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart5/lineChart5.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart5/lineChart5.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart5/lineChart5.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart5/lineChart5.hml
new file mode 100755
index 0000000..b610736
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart5/lineChart5.hml
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart5/lineChart5.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart5/lineChart5.js
new file mode 100755
index 0000000..0a82238
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart5/lineChart5.js
@@ -0,0 +1,23 @@
+/*
+ * 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";
+import {dataCommon} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/lineChart/indexAttr/index"),
+ data: {
+ datasets: dataCommon.datasets.linesets,
+ options: dataCommon.optionsNoDisplay
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart6/lineChart6.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart6/lineChart6.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart6/lineChart6.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart6/lineChart6.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart6/lineChart6.hml
new file mode 100755
index 0000000..c43b856
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart6/lineChart6.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart6/lineChart6.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart6/lineChart6.js
new file mode 100755
index 0000000..3fd3a81
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart6/lineChart6.js
@@ -0,0 +1,27 @@
+/*
+ * 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";
+import {dataCommon, changeStatus} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/lineChart/indexAttr/index"),
+ data: {
+ datasets: dataCommon.datasets.linesets,
+ options: dataCommon.options,
+ chart01: "chart01",
+ status: true,
+ text1: "显示状态改变"
+ },
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart7/lineChart7.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart7/lineChart7.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart7/lineChart7.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart7/lineChart7.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart7/lineChart7.hml
new file mode 100755
index 0000000..13c9f22
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart7/lineChart7.hml
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 循环3次,点击改变display
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart7/lineChart7.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart7/lineChart7.js
new file mode 100755
index 0000000..571c789
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart7/lineChart7.js
@@ -0,0 +1,29 @@
+/*
+ * 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";
+import {dataCommon, changeStatus, changeDisplay} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/lineChart/indexAttr/index"),
+ changeStatus: changeStatus,
+ changeDisplay: changeDisplay,
+ data: {
+ loopArray: ["1", "2", "3"],
+ display: "flex",
+ status: true,
+ text1: "显示状态改变",
+ datasets: dataCommon.datasets.linesets,
+ options: dataCommon.options
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart8/lineChart8.css b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart8/lineChart8.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart8/lineChart8.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart8/lineChart8.hml b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart8/lineChart8.hml
new file mode 100755
index 0000000..7abb2cf
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart8/lineChart8.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart8/lineChart8.js b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart8/lineChart8.js
new file mode 100755
index 0000000..400785c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/chart/lineChart/lineChart8/lineChart8.js
@@ -0,0 +1,26 @@
+/*
+ * 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";
+import {dataCommon, changeStatus} from "../../../../../common/js/chart";
+export default {
+ ...backPage("pages/component/chart/lineChart/indexAttr/index"),
+ data: {
+ status: true,
+ text1: "显示状态改变",
+ datasets: dataCommon.datasets.linesets,
+ options: dataCommon.options,
+ },
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div1/div1.css b/examples/showcase/src/main/js/default/pages/component/div/div1/div1.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div1/div1.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div1/div1.hml b/examples/showcase/src/main/js/default/pages/component/div/div1/div1.hml
new file mode 100755
index 0000000..3769d39
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div1/div1.hml
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+
+
+
+ 操作div触发事件
+
+
+
+ {{text1}}
+
+
+ {{text2}}
+
+
+ {{text3}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div1/div1.js b/examples/showcase/src/main/js/default/pages/component/div/div1/div1.js
new file mode 100755
index 0000000..52d5035
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div1/div1.js
@@ -0,0 +1,26 @@
+/*
+ * 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, eventCommon} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexEvent/index"),
+ data: {
+ text1: eventCommon().text1,
+ text2: eventCommon().text2,
+ text3: eventCommon().text3
+ },
+ clickFunc: eventCommon().clickFunc,
+ longpressFunc: eventCommon().longpressFunc,
+ swipeFunc: eventCommon().swipeFunc
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div10/div10.css b/examples/showcase/src/main/js/default/pages/component/div/div10/div10.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div10/div10.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div10/div10.hml b/examples/showcase/src/main/js/default/pages/component/div/div10/div10.hml
new file mode 100755
index 0000000..700c3a8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div10/div10.hml
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+ 观察show属性作用
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div10/div10.js b/examples/showcase/src/main/js/default/pages/component/div/div10/div10.js
new file mode 100755
index 0000000..4b6ae2b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div10/div10.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 {backPage} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexAttr/index"),
+ data: {
+ text1: "点击按钮改变状态",
+ status: true,
+ div01: "div01"
+ },
+ changeStatus: function () {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div11/div11.css b/examples/showcase/src/main/js/default/pages/component/div/div11/div11.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div11/div11.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div11/div11.hml b/examples/showcase/src/main/js/default/pages/component/div/div11/div11.hml
new file mode 100755
index 0000000..18d3b3b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div11/div11.hml
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+ 观察if属性作用
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div11/div11.js b/examples/showcase/src/main/js/default/pages/component/div/div11/div11.js
new file mode 100755
index 0000000..0bf1e19
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div11/div11.js
@@ -0,0 +1,29 @@
+/*
+ * 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} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexAttr/index"),
+ data: {
+ text1: "点击按钮改变状态",
+ status: true
+ },
+ changeStatus: function () {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div12/div12.css b/examples/showcase/src/main/js/default/pages/component/div/div12/div12.css
new file mode 100755
index 0000000..90290c3
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div12/div12.css
@@ -0,0 +1,27 @@
+/*
+ * 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.
+ */
+.text {
+ width: 130px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.image {
+ width: 130px;
+ height: 50px;
+}
+
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div12/div12.hml b/examples/showcase/src/main/js/default/pages/component/div/div12/div12.hml
new file mode 100755
index 0000000..df43897
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div12/div12.hml
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+ loop
+
+
+
+
+ 循环3次,点击改变display
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div12/div12.js b/examples/showcase/src/main/js/default/pages/component/div/div12/div12.js
new file mode 100755
index 0000000..154d422
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div12/div12.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 {backPage} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexAttr/index"),
+ data: {
+ text1: "点击按钮改变状态",
+ loopArray: ["1", "2", "3"],
+ display: "flex"
+ },
+ changeDisplay: function () {
+ if (this.display === "flex") {
+ this.display = "none";
+ } else {
+ this.display = "flex";
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div2/div2.css b/examples/showcase/src/main/js/default/pages/component/div/div2/div2.css
new file mode 100755
index 0000000..f07e5b9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div2/div2.css
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div2/div2.hml b/examples/showcase/src/main/js/default/pages/component/div/div2/div2.hml
new file mode 100755
index 0000000..c16ffdd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div2/div2.hml
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+
+
+
+ div已设置对应样式
+
+
+
+ {{text1}}
+
+
+ {{text2}}
+
+
+ {{text3}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div2/div2.js b/examples/showcase/src/main/js/default/pages/component/div/div2/div2.js
new file mode 100755
index 0000000..3bdedd2
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div2/div2.js
@@ -0,0 +1,29 @@
+/*
+ * 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} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexCommonStyle/index"),
+ data: {
+ text1: "背景色绿色",
+ text2: "left设置85",
+ text3: "top设置170"
+ },
+ clickFunc: function () {
+ this.text1 = "点击事件已触发";
+ },
+ longpressFunc: function () {
+ this.text2 = "长按事件已触发";
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div3/div3.css b/examples/showcase/src/main/js/default/pages/component/div/div3/div3.css
new file mode 100755
index 0000000..0e8a333
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div3/div3.css
@@ -0,0 +1,37 @@
+/*
+ * 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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ font-size: 30px;
+}
+
+.item {
+ width: 280px;
+ height: 50px;
+}
+
+.div1 {
+ height: 145px;
+ width: 160px;
+ border-width: 1px;
+ border-color: #ff0000;
+}
+
+.div2 {
+ width: 100px;
+ height: 50px;
+ background-color: #00ff00;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div3/div3.hml b/examples/showcase/src/main/js/default/pages/component/div/div3/div3.hml
new file mode 100755
index 0000000..6784135
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div3/div3.hml
@@ -0,0 +1,66 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div3/div3.js b/examples/showcase/src/main/js/default/pages/component/div/div3/div3.js
new file mode 100755
index 0000000..67da9f1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div3/div3.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.
+ */
+// div3.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexCommonStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div4/div4.css b/examples/showcase/src/main/js/default/pages/component/div/div4/div4.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div4/div4.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div4/div4.hml b/examples/showcase/src/main/js/default/pages/component/div/div4/div4.hml
new file mode 100755
index 0000000..5b3ef40
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div4/div4.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 内边距和边框
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div4/div4.js b/examples/showcase/src/main/js/default/pages/component/div/div4/div4.js
new file mode 100755
index 0000000..4a9ad8b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div4/div4.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.
+ */
+// div4.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexCommonStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div5/div5.css b/examples/showcase/src/main/js/default/pages/component/div/div5/div5.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div5/div5.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div5/div5.hml b/examples/showcase/src/main/js/default/pages/component/div/div5/div5.hml
new file mode 100755
index 0000000..2fcc411
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div5/div5.hml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div5/div5.js b/examples/showcase/src/main/js/default/pages/component/div/div5/div5.js
new file mode 100755
index 0000000..ad9ba8d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div5/div5.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.
+ */
+// div5.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexSpecStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div6/div6.css b/examples/showcase/src/main/js/default/pages/component/div/div6/div6.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div6/div6.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div6/div6.hml b/examples/showcase/src/main/js/default/pages/component/div/div6/div6.hml
new file mode 100755
index 0000000..c0e7f50
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div6/div6.hml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div6/div6.js b/examples/showcase/src/main/js/default/pages/component/div/div6/div6.js
new file mode 100755
index 0000000..94d03b3
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div6/div6.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.
+ */
+// div6.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexSpecStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div7/div7.css b/examples/showcase/src/main/js/default/pages/component/div/div7/div7.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div7/div7.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div7/div7.hml b/examples/showcase/src/main/js/default/pages/component/div/div7/div7.hml
new file mode 100755
index 0000000..e447b40
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div7/div7.hml
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div7/div7.js b/examples/showcase/src/main/js/default/pages/component/div/div7/div7.js
new file mode 100755
index 0000000..77dfffb
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div7/div7.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.
+ */
+// div7.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexSpecStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div8/div8.css b/examples/showcase/src/main/js/default/pages/component/div/div8/div8.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div8/div8.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div8/div8.hml b/examples/showcase/src/main/js/default/pages/component/div/div8/div8.hml
new file mode 100755
index 0000000..7dfa8fd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div8/div8.hml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div8/div8.js b/examples/showcase/src/main/js/default/pages/component/div/div8/div8.js
new file mode 100755
index 0000000..ca6c314
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div8/div8.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.
+ */
+// div8.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexSpecStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div9/div9.css b/examples/showcase/src/main/js/default/pages/component/div/div9/div9.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div9/div9.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div9/div9.hml b/examples/showcase/src/main/js/default/pages/component/div/div9/div9.hml
new file mode 100755
index 0000000..42521b0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div9/div9.hml
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/div9/div9.js b/examples/showcase/src/main/js/default/pages/component/div/div9/div9.js
new file mode 100755
index 0000000..567bab6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/div9/div9.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.
+ */
+// div9.js
+import { backPage } from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/indexSpecStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/index/index.css b/examples/showcase/src/main/js/default/pages/component/div/index/index.css
new file mode 100755
index 0000000..1e0d265
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/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: 200px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/div/index/index.hml b/examples/showcase/src/main/js/default/pages/component/div/index/index.hml
new file mode 100755
index 0000000..a64e0eb
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/index/index.hml
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ div
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/index/index.js b/examples/showcase/src/main/js/default/pages/component/div/index/index.js
new file mode 100755
index 0000000..3acaa4d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/index/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/containerIndex/index"),
+ changePage1: routePage("pages/component/div/indexAttr/index").changePage,
+ changePage2: routePage("pages/component/div/indexCommonStyle/index").changePage,
+ changePage3: routePage("pages/component/div/indexSpecStyle/index").changePage,
+ changePage4: routePage("pages/component/div/indexEvent/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexAttr/index.css b/examples/showcase/src/main/js/default/pages/component/div/indexAttr/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexAttr/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/div/indexAttr/index.hml
new file mode 100755
index 0000000..6fb269b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexAttr/index.hml
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexAttr/index.js b/examples/showcase/src/main/js/default/pages/component/div/indexAttr/index.js
new file mode 100755
index 0000000..7df46f8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexAttr/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/div/index/index"),
+ changePage1: routePage("pages/component/div/div11/div11").changePage,
+ changePage2: routePage("pages/component/div/div10/div10").changePage,
+ changePage3: routePage("pages/component/div/div12/div12").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexCommonStyle/index.css b/examples/showcase/src/main/js/default/pages/component/div/indexCommonStyle/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexCommonStyle/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexCommonStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/div/indexCommonStyle/index.hml
new file mode 100755
index 0000000..c016c71
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexCommonStyle/index.hml
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+
+ 背景色
+
+
+ left
+
+
+ top
+
+
+
+
+
+
+
+
+
+
+ margin
+
+
+ height
+
+
+ width
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexCommonStyle/index.js b/examples/showcase/src/main/js/default/pages/component/div/indexCommonStyle/index.js
new file mode 100755
index 0000000..934e067
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexCommonStyle/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/div/index/index"),
+ changePage1: routePage("pages/component/div/div2/div2").changePage,
+ changePage2: routePage("pages/component/div/div3/div3").changePage,
+ changePage3: routePage("pages/component/div/div4/div4").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexEvent/index.css b/examples/showcase/src/main/js/default/pages/component/div/indexEvent/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexEvent/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexEvent/index.hml b/examples/showcase/src/main/js/default/pages/component/div/indexEvent/index.hml
new file mode 100755
index 0000000..772bd6a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexEvent/index.hml
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+
+ click
+
+
+ longpress
+
+
+ swipe
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexEvent/index.js b/examples/showcase/src/main/js/default/pages/component/div/indexEvent/index.js
new file mode 100755
index 0000000..f883e8c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexEvent/index.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.
+ */
+import {backPage, routePage} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/div/index/index"),
+ changePage1: routePage("pages/component/div/div1/div1").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexSpecStyle/index.css b/examples/showcase/src/main/js/default/pages/component/div/indexSpecStyle/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexSpecStyle/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexSpecStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/div/indexSpecStyle/index.hml
new file mode 100755
index 0000000..82435d0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexSpecStyle/index.hml
@@ -0,0 +1,106 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 特有样式
+
+
+
+
+
+
+
+ justify-content:flex-end;
+
+
+ align-items:center
+
+
+
+
+
+
+
+
+
+
+ flex-direction:column;
+
+
+ justify-content:space-between
+
+
+
+
+
+
+
+
+
+
+ flex-wrap:wrap;
+
+
+ justify-content:center
+
+
+
+
+
+
+
+
+
+
+ flex-direction:column;
+
+
+ align-items:flex-end
+
+
+
+
+
+
+
+
+
+
+ flex-wrap:wrap;
+
+
+ justify-content:space-around
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/div/indexSpecStyle/index.js b/examples/showcase/src/main/js/default/pages/component/div/indexSpecStyle/index.js
new file mode 100755
index 0000000..9e9f0d1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/div/indexSpecStyle/index.js
@@ -0,0 +1,23 @@
+/*
+ * 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/div/index/index"),
+ changePage1: routePage("pages/component/div/div5/div5").changePage,
+ changePage2: routePage("pages/component/div/div6/div6").changePage,
+ changePage3: routePage("pages/component/div/div7/div7").changePage,
+ changePage4: routePage("pages/component/div/div8/div8").changePage,
+ changePage5: routePage("pages/component/div/div9/div9").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image1/image1.css b/examples/showcase/src/main/js/default/pages/component/image/image1/image1.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image1/image1.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image1/image1.hml b/examples/showcase/src/main/js/default/pages/component/image/image1/image1.hml
new file mode 100755
index 0000000..fe95f44
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image1/image1.hml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+ src设置图片显示
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image1/image1.js b/examples/showcase/src/main/js/default/pages/component/image/image1/image1.js
new file mode 100755
index 0000000..db12706
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image1/image1.js
@@ -0,0 +1,18 @@
+/*
+ * 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} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/image/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image2/image2.css b/examples/showcase/src/main/js/default/pages/component/image/image2/image2.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image2/image2.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image2/image2.hml b/examples/showcase/src/main/js/default/pages/component/image/image2/image2.hml
new file mode 100755
index 0000000..3843609
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image2/image2.hml
@@ -0,0 +1,34 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image2/image2.js b/examples/showcase/src/main/js/default/pages/component/image/image2/image2.js
new file mode 100755
index 0000000..039d9a5
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image2/image2.js
@@ -0,0 +1,26 @@
+/*
+ * 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, eventCommon} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/image/indexEvent/index"),
+ clickFunc: eventCommon().clickFunc,
+ longpressFunc: eventCommon().longpressFunc,
+ swipeFunc: eventCommon().swipeFunc,
+ data: {
+ text3: eventCommon().text3,
+ text2: eventCommon().text2,
+ text1: eventCommon().text1
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image3/image3.css b/examples/showcase/src/main/js/default/pages/component/image/image3/image3.css
new file mode 100755
index 0000000..26bc101
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image3/image3.css
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image3/image3.hml b/examples/showcase/src/main/js/default/pages/component/image/image3/image3.hml
new file mode 100755
index 0000000..f4c6212
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image3/image3.hml
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image3/image3.js b/examples/showcase/src/main/js/default/pages/component/image/image3/image3.js
new file mode 100755
index 0000000..e635a13
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image3/image3.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} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/image/indexStyle/index"),
+ data: {
+ text1: "距离背景已设置"
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image4/image4.css b/examples/showcase/src/main/js/default/pages/component/image/image4/image4.css
new file mode 100755
index 0000000..a72cf8a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image4/image4.css
@@ -0,0 +1,37 @@
+/*
+ * 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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ font-size: 30px;
+}
+
+.item {
+ width: 280px;
+ height: 50px;
+}
+
+.div1 {
+ height: 145px;
+ width: 160px;
+ border-width: 1px;
+ border-color: #ff0000;
+}
+
+.image {
+ width: 100px;
+ height: 50px;
+ background-color: #00ff00;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image4/image4.hml b/examples/showcase/src/main/js/default/pages/component/image/image4/image4.hml
new file mode 100755
index 0000000..5b0f133
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image4/image4.hml
@@ -0,0 +1,60 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image4/image4.js b/examples/showcase/src/main/js/default/pages/component/image/image4/image4.js
new file mode 100755
index 0000000..17272dd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image4/image4.js
@@ -0,0 +1,22 @@
+/*
+ * 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} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/image/indexStyle/index"),
+ data: {
+ text1: "margin已设置",
+ text2: "宽高已设置"
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image5/image5.css b/examples/showcase/src/main/js/default/pages/component/image/image5/image5.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image5/image5.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image5/image5.hml b/examples/showcase/src/main/js/default/pages/component/image/image5/image5.hml
new file mode 100755
index 0000000..d78737f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image5/image5.hml
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 内边距和边框
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image5/image5.js b/examples/showcase/src/main/js/default/pages/component/image/image5/image5.js
new file mode 100755
index 0000000..168e427
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image5/image5.js
@@ -0,0 +1,18 @@
+/*
+ * 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} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/image/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image6/image6.css b/examples/showcase/src/main/js/default/pages/component/image/image6/image6.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image6/image6.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image6/image6.hml b/examples/showcase/src/main/js/default/pages/component/image/image6/image6.hml
new file mode 100755
index 0000000..345cdff
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image6/image6.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image6/image6.js b/examples/showcase/src/main/js/default/pages/component/image/image6/image6.js
new file mode 100755
index 0000000..f71f833
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image6/image6.js
@@ -0,0 +1,25 @@
+/*
+ * 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} from "../../../../common/js/general";
+import {changeStatus} from "../../../../common/js/image";
+export default {
+ data: {
+ text1: "点击按钮改变状态",
+ status: true,
+ div01: "div01"
+ },
+ ...backPage("pages/component/image/indexAttr/index"),
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image7/image7.css b/examples/showcase/src/main/js/default/pages/component/image/image7/image7.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image7/image7.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image7/image7.hml b/examples/showcase/src/main/js/default/pages/component/image/image7/image7.hml
new file mode 100755
index 0000000..5e11331
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image7/image7.hml
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 循环3次,点击改变display
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image7/image7.js b/examples/showcase/src/main/js/default/pages/component/image/image7/image7.js
new file mode 100755
index 0000000..d2d3235
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image7/image7.js
@@ -0,0 +1,29 @@
+/*
+ * 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} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/image/indexAttr/index"),
+ changeDisplay: function () {
+ if (this.display === "flex") {
+ this.display = "none";
+ } else {
+ this.display = "flex";
+ }
+ },
+ data: {
+ loopArray: ["1", "2", "3"],
+ display: "flex"
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image8/image8.css b/examples/showcase/src/main/js/default/pages/component/image/image8/image8.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image8/image8.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image8/image8.hml b/examples/showcase/src/main/js/default/pages/component/image/image8/image8.hml
new file mode 100755
index 0000000..85071a2
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image8/image8.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/image8/image8.js b/examples/showcase/src/main/js/default/pages/component/image/image8/image8.js
new file mode 100755
index 0000000..7a2b17a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/image8/image8.js
@@ -0,0 +1,24 @@
+/*
+ * 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} from "../../../../common/js/general";
+import {changeStatus} from "../../../../common/js/image";
+export default {
+ ...backPage("pages/component/image/indexAttr/index"),
+ changeStatus: changeStatus,
+ data: {
+ text1: "点击按钮改变状态",
+ status: true
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/index/index.css b/examples/showcase/src/main/js/default/pages/component/image/index/index.css
new file mode 100755
index 0000000..7338de9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/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: 175px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/image/index/index.hml b/examples/showcase/src/main/js/default/pages/component/image/index/index.hml
new file mode 100755
index 0000000..88917e6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/index/index.hml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ image
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/index/index.js b/examples/showcase/src/main/js/default/pages/component/image/index/index.js
new file mode 100755
index 0000000..90b57da
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/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/image/indexAttr/index").changePage,
+ changePage2: routePage("pages/component/image/indexStyle/index").changePage,
+ changePage3: routePage("pages/component/image/indexEvent/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/indexAttr/index.css b/examples/showcase/src/main/js/default/pages/component/image/indexAttr/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/indexAttr/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/image/indexAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/image/indexAttr/index.hml
new file mode 100755
index 0000000..bf9e1fa
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/indexAttr/index.hml
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+
+
+ src
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/indexAttr/index.js b/examples/showcase/src/main/js/default/pages/component/image/indexAttr/index.js
new file mode 100755
index 0000000..86b2c3e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/indexAttr/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/image/index/index"),
+ changePage1: routePage("pages/component/image/image6/image6").changePage,
+ changePage2: routePage("pages/component/image/image7/image7").changePage,
+ changePage3: routePage("pages/component/image/image8/image8").changePage,
+ changePage4: routePage("pages/component/image/image1/image1").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/indexEvent/index.css b/examples/showcase/src/main/js/default/pages/component/image/indexEvent/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/indexEvent/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/image/indexEvent/index.hml b/examples/showcase/src/main/js/default/pages/component/image/indexEvent/index.hml
new file mode 100755
index 0000000..bf1a4cb
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/indexEvent/index.hml
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+
+ click
+
+
+ longpress
+
+
+ swipe
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/indexEvent/index.js b/examples/showcase/src/main/js/default/pages/component/image/indexEvent/index.js
new file mode 100755
index 0000000..b186105
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/indexEvent/index.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.
+ */
+import {backPage, routePage} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/image/index/index"),
+ changePage1: routePage("pages/component/image/image2/image2").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/indexStyle/index.css b/examples/showcase/src/main/js/default/pages/component/image/indexStyle/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/indexStyle/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/image/indexStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/image/indexStyle/index.hml
new file mode 100755
index 0000000..ef0254e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/indexStyle/index.hml
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+
+ 背景色
+
+
+ left
+
+
+ top
+
+
+
+
+
+
+
+
+
+
+ margin
+
+
+ height
+
+
+ width
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/image/indexStyle/index.js b/examples/showcase/src/main/js/default/pages/component/image/indexStyle/index.js
new file mode 100755
index 0000000..f3b75b0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/image/indexStyle/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/image/index/index"),
+ changePage1: routePage("pages/component/image/image3/image3").changePage,
+ changePage2: routePage("pages/component/image/image4/image4").changePage,
+ changePage3: routePage( "pages/component/image/image5/image5").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.css b/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.css
new file mode 100755
index 0000000..ed50bd4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/baseIndex/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: 170px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.hml b/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.hml
new file mode 100755
index 0000000..0d1d7be
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.hml
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 基础组件
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.js b/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.js
new file mode 100755
index 0000000..1a53a4e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/baseIndex/index.js
@@ -0,0 +1,24 @@
+/*
+ * 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/index/index"),
+ changeImage: routePage("pages/component/image/index/index").changePage,
+ changeProgress: routePage("pages/component/progress/index/index").changePage,
+ 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
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.css b/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.css
new file mode 100755
index 0000000..ed50bd4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/containerIndex/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: 170px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.hml b/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.hml
new file mode 100755
index 0000000..dcbb097
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.hml
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 容器组件
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.js b/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.js
new file mode 100755
index 0000000..a642ca3
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/containerIndex/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/index/index"),
+ changeDiv: routePage("pages/component/div/index/index").changePage,
+ changeList: routePage("pages/component/list/index/index").changePage,
+ changeStack: routePage("pages/component/stack/index/index").changePage,
+ changeSwiper: routePage("pages/component/swiper/index/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/index/formIndex/index.css b/examples/showcase/src/main/js/default/pages/component/index/formIndex/index.css
new file mode 100755
index 0000000..ed50bd4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/formIndex/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: 170px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/index/formIndex/index.hml b/examples/showcase/src/main/js/default/pages/component/index/formIndex/index.hml
new file mode 100755
index 0000000..4a25244
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/formIndex/index.hml
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 表单组件
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/index/formIndex/index.js b/examples/showcase/src/main/js/default/pages/component/index/formIndex/index.js
new file mode 100755
index 0000000..71645af
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/formIndex/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/index/index"),
+ changeInput: routePage("pages/component/input/index/index").changePage,
+ changeSlider: routePage("pages/component/slider/index/index").changePage,
+ changeSwitch: routePage("pages/component/switch/index/index").changePage,
+ changePickerView: routePage("pages/component/picker_view/index/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/index/otherIndex/index.css b/examples/showcase/src/main/js/default/pages/component/index/otherIndex/index.css
new file mode 100755
index 0000000..1e0d265
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/otherIndex/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: 200px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/index/otherIndex/index.hml b/examples/showcase/src/main/js/default/pages/component/index/otherIndex/index.hml
new file mode 100755
index 0000000..7275af0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/otherIndex/index.hml
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 其他
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/index/otherIndex/index.js b/examples/showcase/src/main/js/default/pages/component/index/otherIndex/index.js
new file mode 100755
index 0000000..ebbe807
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/index/otherIndex/index.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.
+ */
+import {backPage, routePage} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/index/index"),
+ changeAnimation: routePage("pages/component/animation/index/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/attr/attr.css b/examples/showcase/src/main/js/default/pages/component/input/button/attr/attr.css
new file mode 100755
index 0000000..afbab36
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/attr/attr.css
@@ -0,0 +1,107 @@
+/*
+ * 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.
+ */
+.button {
+ margin-left: 20px;
+ margin-top: 10px;
+ width: 200px;
+ height: 50px;
+}
+
+.list {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.item-title {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.item-two {
+ width: 450px;
+ height: 150px;
+}
+
+.two-right-div {
+ width: 230px;
+ height: 150px;
+ top: 40px;
+ left: 0px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.two-div {
+ width: 450px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+}
+
+.item-attribute {
+ width: 450px;
+ height: 100px;
+}
+
+.attribute-div {
+ left: 0px;
+ top: 0px;
+ height: 100px;
+ width: 450px;
+ flex-direction: row;
+}
+
+.attribute-button {
+ margin-left: 10px;
+ margin-top: 10px;
+ width: 150px;
+ height: 60px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/attr/attr.hml b/examples/showcase/src/main/js/default/pages/component/input/button/attr/attr.hml
new file mode 100755
index 0000000..4bf0088
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/attr/attr.hml
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+ value为show
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/attr/attr.js b/examples/showcase/src/main/js/default/pages/component/input/button/attr/attr.js
new file mode 100755
index 0000000..7d1b150
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/attr/attr.js
@@ -0,0 +1,26 @@
+/*
+ * 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";
+import { changeStatus, changeIf } from "../../../../../common/js/input";
+export default {
+ data: {
+ status: true,
+ ifStatus: true,
+ valueList: ["for1", "for2"]
+ },
+ ...goPage("pages/component/input/button/index/index"),
+ changeStatus: changeStatus,
+ changeIf: changeIf
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/event/event.css b/examples/showcase/src/main/js/default/pages/component/input/button/event/event.css
new file mode 100755
index 0000000..32613f0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/event/event.css
@@ -0,0 +1,96 @@
+/*
+ * 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.
+ */
+.button {
+ margin-left: 20px;
+ margin-top: 50px;
+ width: 200px;
+ height: 100px;
+}
+
+.list {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.item-title {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.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;
+}
+
+.text2 {
+ width: 200px;
+ height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+ text-overflow: ellipsis;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/event/event.hml b/examples/showcase/src/main/js/default/pages/component/input/button/event/event.hml
new file mode 100755
index 0000000..daf15c6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/event/event.hml
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+ click
+ longpress
+ swipe
+
+
+
+ {{name}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/event/event.js b/examples/showcase/src/main/js/default/pages/component/input/button/event/event.js
new file mode 100755
index 0000000..f1e8115
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/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: {
+ name: "点击触发"
+ },
+ clickEvent() {
+ this.name = "点击事件触发";
+ },
+ longpressEvent() {
+ this.name = "长按事件触发";
+ },
+ swipeEvent(e) {
+ this.name = "swipe方向:" + e.direction;
+ },
+ ...goPage("pages/component/input/button/index/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/index/index.css b/examples/showcase/src/main/js/default/pages/component/input/button/index/index.css
new file mode 100755
index 0000000..ed50bd4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/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: 170px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/index/index.hml b/examples/showcase/src/main/js/default/pages/component/input/button/index/index.hml
new file mode 100755
index 0000000..c0b30fe
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/index/index.hml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ button
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/index/index.js b/examples/showcase/src/main/js/default/pages/component/input/button/index/index.js
new file mode 100755
index 0000000..d16edff
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/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 {
+ changePage1: routePage("pages/component/input/button/attr/attr").changePage,
+ changePage2: routePage("pages/component/input/button/style/style").changePage,
+ changePage3: routePage("pages/component/input/button/event/event").changePage,
+ ...backPage("pages/component/input/index/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/style/style.css b/examples/showcase/src/main/js/default/pages/component/input/button/style/style.css
new file mode 100755
index 0000000..b4f550d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/style/style.css
@@ -0,0 +1,162 @@
+/*
+ * 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;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.item-title {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.item-three {
+ width: 450px;
+ height: 200px;
+}
+
+.three-div {
+ width: 450px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+}
+
+.three-left-div {
+ width: 220px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.item-two {
+ width: 450px;
+ height: 150px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.two-div {
+ width: 450px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+}
+
+.general-stack {
+ top: 50px;
+ left: 2px;
+ width: 200px;
+ height: 150px;
+ background-color: springgreen;
+}
+
+.general-item {
+ top: 50px;
+ left: 50px;
+ width: 150px;
+ height: 50px;
+ background-color: red;
+}
+
+.item-style {
+ width: 450px;
+ height: 250px;
+}
+
+.style-div {
+ width: 450px;
+ height: 250px;
+ top: 0px;
+ left: 0px;
+}
+
+.style-left-div {
+ width: 250px;
+ height: 250px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.style-button {
+ width: 150px;
+ height: 50px;
+ font-size:38px;
+ color: red;
+ font-family: HYQiHei-65S;
+}
+
+
+.backColorBtn{
+ width: 150px;
+ height:50px;
+ margin-left:100px;
+ margin-top: 10px;
+ background-color: aqua
+}
+
+.backColorBtn:active{
+background-color: coral
+}
+
+.backImgBtn{
+ width: 150px;
+ height:50px;
+ margin-left:100px;
+ margin-top: 10px;
+ background-image: url(common/icon_small.png)
+}
+
+.backImgBtn:active{
+background-image: url(common/icon.png)
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/style/style.hml b/examples/showcase/src/main/js/default/pages/component/input/button/style/style.hml
new file mode 100755
index 0000000..5dc7de8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/style/style.hml
@@ -0,0 +1,105 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+ 背景
+ left为50
+ top为50
+
+
+
+
+
+
+
+
+
+
+
+ margin
+ height
+ width
+
+
+
+
+
+
+
+
+
+
+
+ border
+ padding
+
+
+
+
+
+
+
+ 特有样式
+
+
+
+
+
+
+ color为red
+ font-size
+ font-family
+
+
+
+
+
+
+
+ 伪类支持
+
+
+
+
+
+ backgroundColor
+
+
+
+
+
+
+
+ backgroundImg
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/button/style/style.js b/examples/showcase/src/main/js/default/pages/component/input/button/style/style.js
new file mode 100755
index 0000000..8796705
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/button/style/style.js
@@ -0,0 +1,18 @@
+/*
+ * 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 {
+ ...goPage("pages/component/input/index/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.css b/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.css
new file mode 100755
index 0000000..ae03a4e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.css
@@ -0,0 +1,107 @@
+/*
+ * 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.
+ */
+.checkbox {
+ margin-left: 10px;
+ margin-top: 30px;
+ height: 50px;
+ width: 50px;
+}
+
+.list {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.item-title {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.item-two {
+ width: 450px;
+ height: 150px;
+}
+
+.two-right-div {
+ width: 230px;
+ height: 150px;
+ top: 40px;
+ left: 0px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.two-div {
+ width: 450px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+}
+
+.item-attribute {
+ width: 450px;
+ height: 150px;
+}
+
+.attribute-left-div {
+ width: 150px;
+ height: 150px;
+ margin-top: 20px;
+ margin-left: 20px;
+}
+
+.attribute-right-div {
+ width: 300px;
+ height: 150px;
+ margin-top: 20px;
+ margin-left: 10px;
+ flex-direction: column;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.hml b/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.hml
new file mode 100755
index 0000000..6f62fae
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.hml
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+ checked
+
+
+
+ 值为{{show}}
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.js b/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.js
new file mode 100755
index 0000000..d7e99ba
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/attr/attr.js
@@ -0,0 +1,33 @@
+/*
+ * 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";
+import { changeStatus, changeIf } from "../../../../../common/js/input";
+export default {
+ data: {
+ show: true,
+ status: true,
+ ifStatus:true,
+ listData:[true, false]
+ },
+ ...goPage("pages/component/input/checkbox/index/index"),
+ changeEvent(e) {
+ this.checked = "change触发";
+ },
+ changeStatus(e) {
+ this.show = e.checked;
+ },
+ changeShow: changeStatus,
+ changeIf: changeIf
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/event/event.css b/examples/showcase/src/main/js/default/pages/component/input/checkbox/event/event.css
new file mode 100755
index 0000000..9b89379
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/event/event.css
@@ -0,0 +1,137 @@
+/*
+ * 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.
+ */
+.checkbox {
+ margin-left: 10px;
+ margin-top: 30px;
+ height: 50px;
+ width: 50px;
+}
+
+.list {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.text2 {
+ width: 200px;
+ height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+ text-overflow: ellipsis;
+}
+
+.item-title {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.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;
+}
+
+.item-change {
+ width: 450px;
+ height: 200px;
+}
+
+.change-div {
+ left: 0px;
+ width: 450px;
+ height: 200px;
+ top: 0px;
+}
+
+.change-left-div {
+ left: 10px;
+ width: 200px;
+ height: 200px;
+ top: 20px;
+}
+
+.change-right-div {
+ left: 10px;
+ top: 10px;
+ width: 250px;
+ height: 200px;
+ flex-direction: column;
+}
+
+.change-checkbox {
+ margin-left: 10px;
+ margin-top: 10px;
+ width: 50px;
+ height: 50px;
+}
+
+.right-div {
+ left: 0px;
+ top: 0px;
+ width: 200px;
+ height: 200px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/event/event.hml b/examples/showcase/src/main/js/default/pages/component/input/checkbox/event/event.hml
new file mode 100755
index 0000000..a9d33e4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/event/event.hml
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+ click
+ longpress
+ swipe
+
+
+
+ {{name}}
+
+
+
+
+
+
+ 特有事件
+
+
+
+
+
+
+ change
+
+
+
+ {{checked}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/event/event.js b/examples/showcase/src/main/js/default/pages/component/input/checkbox/event/event.js
new file mode 100755
index 0000000..6f9e513
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/event/event.js
@@ -0,0 +1,35 @@
+/*
+ * 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: {
+ name: "点击或长按",
+ checked: "触发change",
+ show: true
+ },
+ clickEvent() {
+ this.name = "点击事件触发"
+ },
+ longpressEvent() {
+ this.name = "长按事件触发";
+ },
+ swipeEvent(e) {
+ this.name = "swipe方向:" + e.direction;
+ },
+ changeEvent(e) {
+ this.checked = "change触发";
+ },
+ ...goPage("pages/component/input/checkbox/index/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/index/index.css b/examples/showcase/src/main/js/default/pages/component/input/checkbox/index/index.css
new file mode 100755
index 0000000..e71ae21
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/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: 160px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/index/index.hml b/examples/showcase/src/main/js/default/pages/component/input/checkbox/index/index.hml
new file mode 100755
index 0000000..16e3036
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/index/index.hml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ checkbox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/index/index.js b/examples/showcase/src/main/js/default/pages/component/input/checkbox/index/index.js
new file mode 100755
index 0000000..7903543
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/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/input/index/index"),
+ changePage1: routePage("pages/component/input/checkbox/attr/attr").changePage,
+ changePage2: routePage("pages/component/input/checkbox/style/style").changePage,
+ changePage3: routePage("pages/component/input/checkbox/event/event").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/style/style.css b/examples/showcase/src/main/js/default/pages/component/input/checkbox/style/style.css
new file mode 100755
index 0000000..c1d0d0b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/style/style.css
@@ -0,0 +1,123 @@
+/*
+ * 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;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.item-title {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.item-three {
+ width: 450px;
+ height: 200px;
+}
+
+.three-div {
+ width: 450px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+}
+
+.three-left-div {
+ width: 220px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.item-two {
+ width: 450px;
+ height: 150px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.two-div {
+ width: 450px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+}
+
+.three-right-div {
+ width: 230px;
+ height: 190px;
+ top: 40px;
+ left: 0px;
+}
+
+.general-stack {
+ left: 0px;
+ top: 0px;
+ width: 200px;
+ height: 150px;
+ background-color: springgreen;
+}
+
+.general-item {
+ left: 50px;
+ top: 50px;
+ height: 50px;
+ width: 50px;
+ background-color: red;
+}
+
+.right-div {
+ left: 0px;
+ top: 0px;
+ width: 150px;
+ height: 200px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/style/style.hml b/examples/showcase/src/main/js/default/pages/component/input/checkbox/style/style.hml
new file mode 100755
index 0000000..57f34db
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/style/style.hml
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+ 背景红色
+ left为50
+ top为50
+
+
+
+
+
+
+
+
+
+
+
+ margin
+ height
+ width
+
+
+
+
+
+
+
+
+
+
+
+ border
+ padding
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/checkbox/style/style.js b/examples/showcase/src/main/js/default/pages/component/input/checkbox/style/style.js
new file mode 100755
index 0000000..5a6cd87
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/checkbox/style/style.js
@@ -0,0 +1,18 @@
+/*
+ * 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 {
+ ...goPage("pages/component/input/checkbox/index/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/index/index.css b/examples/showcase/src/main/js/default/pages/component/input/index/index.css
new file mode 100755
index 0000000..16df86a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/index/index.css
@@ -0,0 +1,45 @@
+/*
+ * 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;
+}
+
+.separatorContainerStyle {
+ width: 454px;
+ height: 4px;
+ background-color: #8b8b7a;
+}
+
+.item-title {
+ left: 0px;
+ top: 0px;
+ width: 400px;
+ height: 70px;
+}
+
+.input-item {
+ width: 400px;
+ height: 100px;
+}
+
+.input-button {
+ margin-left: 120px;
+ margin-top: 10px;
+ width: 200px;
+ height: 50px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/input/index/index.hml b/examples/showcase/src/main/js/default/pages/component/input/index/index.hml
new file mode 100755
index 0000000..ea121a2
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/index/index.hml
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/index/index.js b/examples/showcase/src/main/js/default/pages/component/input/index/index.js
new file mode 100755
index 0000000..627fbb4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/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 {goPage, routePage} from "../../../../common/js/general";
+export default {
+ ...goPage("pages/component/index/formIndex/index"),
+ changeButton: routePage("pages/component/input/button/index/index").changePage,
+ changeCheckbox: routePage("pages/component/input/checkbox/index/index").changePage,
+ changeRadio:routePage("pages/component/input/radio/index/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.css b/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.css
new file mode 100755
index 0000000..08c2fa1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.css
@@ -0,0 +1,107 @@
+/*
+ * 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.
+ */
+.radio {
+ margin-left: 10px;
+ margin-top: 30px;
+ height: 50px;
+ width: 50px;
+}
+
+.list {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30px;
+}
+
+.item-title {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.item-two {
+ width: 450px;
+ height: 150px;
+}
+
+.two-right-div {
+ width: 230px;
+ height: 150px;
+ top: 40px;
+ left: 0px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.two-div {
+ width: 450px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+}
+
+.item-attribute {
+ width: 450px;
+ height: 150px;
+}
+
+.attribute-left-div {
+ width: 150px;
+ height: 150px;
+ margin-top: 20px;
+ margin-left: 20px;
+}
+
+.attribute-right-div {
+ width: 300px;
+ height: 150px;
+ margin-top: 20px;
+ margin-left: 10px;
+ flex-direction: column;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.hml b/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.hml
new file mode 100755
index 0000000..2f8771a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.hml
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+ checked
+
+
+
+ 值为{{show}}
+
+
+
+
+
+
+ name
+
+
+
+ 值为{{name}}
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.js b/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.js
new file mode 100755
index 0000000..67a93ed
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/attr/attr.js
@@ -0,0 +1,36 @@
+/*
+ * 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:{
+ show:"false",
+ name:"show",
+ status:true
+ },
+ ...goPage("pages/component/input/radio/index/index"),
+ changeShow:function() {
+ this.status = !this.status;
+ },
+ showName:function(e) {
+ this.name = e.name;
+ },
+ changeChecked:function(e) {
+ if(e.checked) {
+ this.show = "true";
+ } else {
+ this.show = "false";
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/event/event.css b/examples/showcase/src/main/js/default/pages/component/input/radio/event/event.css
new file mode 100755
index 0000000..3dea631
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/event/event.css
@@ -0,0 +1,137 @@
+/*
+ * 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.
+ */
+.radio {
+ margin-left: 10px;
+ margin-top: 30px;
+ height: 50px;
+ width: 50px;
+}
+
+.list {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30px;
+}
+
+.text2 {
+ width: 200px;
+ height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30px;
+ text-overflow: ellipsis;
+}
+
+.item-title {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.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;
+}
+
+.item-change {
+ width: 450px;
+ height: 150px;
+}
+
+.change-div {
+ left: 0px;
+ width: 450px;
+ height: 150px;
+ top: 0px;
+}
+
+.change-left-div {
+ left: 10px;
+ width: 200px;
+ height: 150px;
+ top: 20px;
+}
+
+.change-right-div {
+ left: 10px;
+ top: 10px;
+ width: 250px;
+ height: 150px;
+ flex-direction: column;
+}
+
+.change-radio {
+ margin-left: 10px;
+ margin-top: 10px;
+ width: 50px;
+ height: 50px;
+}
+
+.right-div {
+ left: 0px;
+ top: 0px;
+ width: 150px;
+ height: 200px;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/event/event.hml b/examples/showcase/src/main/js/default/pages/component/input/radio/event/event.hml
new file mode 100755
index 0000000..f9d8cad
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/event/event.hml
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+ click
+ longpress
+ swipe
+
+
+
+ {{name}}
+
+
+
+
+
+
+ 特有事件
+
+
+
+
+
+
+ change
+
+
+
+ {{checked}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/event/event.js b/examples/showcase/src/main/js/default/pages/component/input/radio/event/event.js
new file mode 100755
index 0000000..188f3e2
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/event/event.js
@@ -0,0 +1,35 @@
+/*
+ * 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: {
+ name: "点击或长按",
+ checked: "触发change",
+ show: true
+ },
+ ...goPage("pages/component/input/radio/index/index"),
+ clickEvent() {
+ this.name = "点击事件触发"
+ },
+ longpressEvent() {
+ this.name = "长按事件触发";
+ },
+ swipeEvent(e) {
+ this.name = "swipe方向:" + e.direction;
+ },
+ changeEvent(e) {
+ this.checked = "change触发";
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/index/index.css b/examples/showcase/src/main/js/default/pages/component/input/radio/index/index.css
new file mode 100755
index 0000000..86615c9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/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: 160px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/index/index.hml b/examples/showcase/src/main/js/default/pages/component/input/radio/index/index.hml
new file mode 100755
index 0000000..3d3fb4e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/index/index.hml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ radio
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/index/index.js b/examples/showcase/src/main/js/default/pages/component/input/radio/index/index.js
new file mode 100755
index 0000000..5d8c7f1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/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 {
+ goAttrs: routePage("pages/component/input/radio/attr/attr").changePage,
+ goStyle: routePage("pages/component/input/radio/style/style").changePage,
+ goEvent: routePage("pages/component/input/radio/event/event").changePage,
+ ...backPage("pages/component/input/index/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/style/style.css b/examples/showcase/src/main/js/default/pages/component/input/radio/style/style.css
new file mode 100755
index 0000000..c96f830
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/style/style.css
@@ -0,0 +1,123 @@
+/*
+ * 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;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30px;
+}
+
+.item-title {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.item-three {
+ width: 450px;
+ height: 200px;
+}
+
+.three-div {
+ width: 450px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+}
+
+.three-left-div {
+ width: 220px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.item-two {
+ width: 450px;
+ height: 150px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.two-div {
+ width: 450px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+}
+
+.three-right-div {
+ width: 230px;
+ height: 190px;
+ top: 40px;
+ left: 0px;
+}
+
+.general-stack {
+ left: 0px;
+ top: 0px;
+ width: 200px;
+ height: 150px;
+ background-color: springgreen;
+}
+
+.general-item {
+ left: 50px;
+ top: 50px;
+ height: 50px;
+ width: 50px;
+ background-color: red;
+}
+
+.right-div {
+ left: 0px;
+ top: 0px;
+ width: 150px;
+ height: 200px;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/style/style.hml b/examples/showcase/src/main/js/default/pages/component/input/radio/style/style.hml
new file mode 100755
index 0000000..8b09356
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/style/style.hml
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+ 背景红色
+ left为50
+ top为50
+
+
+
+
+
+
+
+
+
+
+
+ margin
+ height
+ width
+
+
+
+
+
+
+
+
+
+
+
+ border
+ padding
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/input/radio/style/style.js b/examples/showcase/src/main/js/default/pages/component/input/radio/style/style.js
new file mode 100755
index 0000000..62c3a71
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/input/radio/style/style.js
@@ -0,0 +1,18 @@
+/*
+ * 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 {
+ ...goPage("pages/component/input/radio/index/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/index/index.css b/examples/showcase/src/main/js/default/pages/component/list/index/index.css
new file mode 100755
index 0000000..b57bf31
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/index/index.css
@@ -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.
+ */
+.separatorContainerStyle {
+ width: 454px;
+ height: 4px;
+ background-color: #8b8b7a;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/index/index.hml b/examples/showcase/src/main/js/default/pages/component/list/index/index.hml
new file mode 100755
index 0000000..ca6f245
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/index/index.hml
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ list
+
+
+
+
+
+
+
+
+
+
+ list-item
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/index/index.js b/examples/showcase/src/main/js/default/pages/component/list/index/index.js
new file mode 100755
index 0000000..c488eb7
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/index/index.js
@@ -0,0 +1,20 @@
+/*
+ * 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/containerIndex/index"),
+ changePage1: routePage("pages/component/list/list/index/index").changePage,
+ changePage2: routePage("pages/component/list/list-item/index/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/index/index.css b/examples/showcase/src/main/js/default/pages/component/list/list-item/index/index.css
new file mode 100755
index 0000000..1e0d265
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/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: 200px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/index/index.hml b/examples/showcase/src/main/js/default/pages/component/list/list-item/index/index.hml
new file mode 100755
index 0000000..ff9b52c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/index/index.hml
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ list-item
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/index/index.js b/examples/showcase/src/main/js/default/pages/component/list/list-item/index/index.js
new file mode 100755
index 0000000..6e7e94e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/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/list/index/index"),
+ changePage1: routePage("pages/component/list/list-item/indexAttr/index").changePage,
+ changePage2: routePage("pages/component/list/list-item/indexCommonStyle/index").changePage,
+ changePage4: routePage("pages/component/list/list-item/indexEvent/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/indexAttr/index.css b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexAttr/index.css
new file mode 100755
index 0000000..ee147fd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexAttr/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 80px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/indexAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexAttr/index.hml
new file mode 100755
index 0000000..232037f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexAttr/index.hml
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ list-item通用属性
+
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/indexAttr/index.js b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexAttr/index.js
new file mode 100755
index 0000000..2619959
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexAttr/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/list/list-item/index/index"),
+ changePage1: routePage("pages/component/list/list-item/item8/item8").changePage,
+ changePage2: routePage("pages/component/list/list-item/item9/item9").changePage,
+ changePage3: routePage("pages/component/list/list-item/item12/item12").changePage,
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/indexCommonStyle/index.css b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexCommonStyle/index.css
new file mode 100755
index 0000000..70f1d32
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexCommonStyle/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 85px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/indexCommonStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexCommonStyle/index.hml
new file mode 100755
index 0000000..36e74ae
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexCommonStyle/index.hml
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ list-item通用样式
+
+
+
+
+
+
+
+ 背景色
+
+
+ height
+
+
+ width
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
+
+ display
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/indexCommonStyle/index.js b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexCommonStyle/index.js
new file mode 100755
index 0000000..e7d7805
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexCommonStyle/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/list/list-item/index/index"),
+ changePage1: routePage("pages/component/list/list-item/item3/item3").changePage,
+ changePage2: routePage("pages/component/list/list-item/item5/item5").changePage,
+ changePage3: routePage("pages/component/list/list-item/item11/item11").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/indexEvent/index.css b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexEvent/index.css
new file mode 100755
index 0000000..70f1d32
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexEvent/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 85px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/indexEvent/index.hml b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexEvent/index.hml
new file mode 100755
index 0000000..24644c9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexEvent/index.hml
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ list-item通用事件
+
+
+
+
+
+
+
+ click
+
+
+ longpress
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/indexEvent/index.js b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexEvent/index.js
new file mode 100755
index 0000000..f2201d7
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/indexEvent/index.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.
+ */
+import {backPage, routePage} from "../../../../../common/js/general";
+export default {
+ ...backPage("pages/component/list/list-item/index/index"),
+ changePage1: routePage("pages/component/list/list-item/item1/item1").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item1/item1.css b/examples/showcase/src/main/js/default/pages/component/list/list-item/item1/item1.css
new file mode 100755
index 0000000..99437a6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item1/item1.css
@@ -0,0 +1,29 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 400px;
+ height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+ text-overflow: ellipsis;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item1/item1.hml b/examples/showcase/src/main/js/default/pages/component/list/list-item/item1/item1.hml
new file mode 100755
index 0000000..4ec26a7
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item1/item1.hml
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
+
+
+ 矩形为list组件
+
+
+ 蓝色区域为list-item
+
+
+ 点击或长按list-item内部任意位置
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item1/item1.js b/examples/showcase/src/main/js/default/pages/component/list/list-item/item1/item1.js
new file mode 100755
index 0000000..e9f092e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item1/item1.js
@@ -0,0 +1,28 @@
+/*
+ * 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 {
+ data: {
+ text1: ""
+ },
+ ...backPage("pages/component/list/list-item/indexEvent/index"),
+ changePage1: routePage("pages/component/list/list-item/item1/item1").changePage,
+ clickFunc: function () {
+ this.text1 = "点击事件被触发";
+ },
+ longPressFunc: function () {
+ this.text1 = "长按事件被触发";
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item11/item11.css b/examples/showcase/src/main/js/default/pages/component/list/list-item/item11/item11.css
new file mode 100755
index 0000000..3e1faaa
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item11/item11.css
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+.text {
+ width: 430px;
+ height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+ border-width: 1px;
+ border-color: red;
+ text-overflow: ellipsis;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item11/item11.hml b/examples/showcase/src/main/js/default/pages/component/list/list-item/item11/item11.hml
new file mode 100755
index 0000000..6960744
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item11/item11.hml
@@ -0,0 +1,40 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item11/item11.js b/examples/showcase/src/main/js/default/pages/component/list/list-item/item11/item11.js
new file mode 100755
index 0000000..4741481
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item11/item11.js
@@ -0,0 +1,33 @@
+/*
+ * 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";
+var displayData = ["flex", "none"];
+export default {
+ data: {
+ text1: "item-abcd设置display,点击按钮切换display",
+ status: true,
+ displayValue: displayData[0]
+ },
+ changeDisplay: function () {
+ if (this.status == true) {
+ this.displayValue = displayData[1];
+ this.status = false;
+ } else {
+ this.displayValue = displayData[0];
+ this.status = true;
+ }
+ },
+ ...backPage("pages/component/list/list-item/indexCommonStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item12/item12.css b/examples/showcase/src/main/js/default/pages/component/list/list-item/item12/item12.css
new file mode 100755
index 0000000..b21bf20
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item12/item12.css
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+.text {
+ width: 350px;
+ height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+ text-overflow: ellipsis;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item12/item12.hml b/examples/showcase/src/main/js/default/pages/component/list/list-item/item12/item12.hml
new file mode 100755
index 0000000..35bbd78
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item12/item12.hml
@@ -0,0 +1,33 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item12/item12.js b/examples/showcase/src/main/js/default/pages/component/list/list-item/item12/item12.js
new file mode 100755
index 0000000..82e48b1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item12/item12.js
@@ -0,0 +1,22 @@
+/*
+ * 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 {
+ data: {
+ listData:["a", "b", "c", "d"],
+ text1: "for类型list-item包含4个item"
+ },
+ ...backPage("pages/component/list/list-item/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item3/item3.css b/examples/showcase/src/main/js/default/pages/component/list/list-item/item3/item3.css
new file mode 100755
index 0000000..26bc101
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item3/item3.css
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item3/item3.hml b/examples/showcase/src/main/js/default/pages/component/list/list-item/item3/item3.hml
new file mode 100755
index 0000000..26918bd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item3/item3.hml
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
+ {{text2}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item3/item3.js b/examples/showcase/src/main/js/default/pages/component/list/list-item/item3/item3.js
new file mode 100755
index 0000000..68ee906
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item3/item3.js
@@ -0,0 +1,22 @@
+/*
+ * 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 {
+ data: {
+ text1: "上面list有3个item",
+ text2: "item背景和宽高已设置"
+ },
+ ...backPage("pages/component/list/list-item/indexCommonStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item5/item5.css b/examples/showcase/src/main/js/default/pages/component/list/list-item/item5/item5.css
new file mode 100755
index 0000000..2f4a3cf
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item5/item5.css
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+.text {
+ width: 200px;
+ height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+ text-overflow: ellipsis;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item5/item5.hml b/examples/showcase/src/main/js/default/pages/component/list/list-item/item5/item5.hml
new file mode 100755
index 0000000..b24bb1d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item5/item5.hml
@@ -0,0 +1,38 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item5/item5.js b/examples/showcase/src/main/js/default/pages/component/list/list-item/item5/item5.js
new file mode 100755
index 0000000..a176430
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item5/item5.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 {
+ data: {
+ text1: "list-item的border边框和padding内边距"
+ },
+ ...backPage("pages/component/list/list-item/indexCommonStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item8/item8.css b/examples/showcase/src/main/js/default/pages/component/list/list-item/item8/item8.css
new file mode 100755
index 0000000..f1df549
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item8/item8.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item8/item8.hml b/examples/showcase/src/main/js/default/pages/component/list/list-item/item8/item8.hml
new file mode 100755
index 0000000..384a257
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item8/item8.hml
@@ -0,0 +1,40 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item8/item8.js b/examples/showcase/src/main/js/default/pages/component/list/list-item/item8/item8.js
new file mode 100755
index 0000000..1abd8a5
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item8/item8.js
@@ -0,0 +1,24 @@
+/*
+ * 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";
+import {changeStatus} from "../../../../../common/js/list"
+export default {
+ data: {
+ text1: "点击按钮改变状态",
+ status: true
+ },
+ ...backPage("pages/component/list/list-item/indexAttr/index"),
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item9/item9.css b/examples/showcase/src/main/js/default/pages/component/list/list-item/item9/item9.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item9/item9.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item9/item9.hml b/examples/showcase/src/main/js/default/pages/component/list/list-item/item9/item9.hml
new file mode 100755
index 0000000..b65519e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item9/item9.hml
@@ -0,0 +1,40 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list-item/item9/item9.js b/examples/showcase/src/main/js/default/pages/component/list/list-item/item9/item9.js
new file mode 100755
index 0000000..101d932
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list-item/item9/item9.js
@@ -0,0 +1,24 @@
+/*
+ * 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";
+import {changeStatus} from "../../../../../common/js/list"
+export default {
+ data: {
+ text1: "点击按钮改变状态",
+ status: true
+ },
+ changeStatus: changeStatus,
+ ...backPage("pages/component/list/list-item/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/index/index.css b/examples/showcase/src/main/js/default/pages/component/list/list/index/index.css
new file mode 100755
index 0000000..1e0d265
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/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: 200px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/index/index.hml b/examples/showcase/src/main/js/default/pages/component/list/list/index/index.hml
new file mode 100755
index 0000000..050cafb
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/index/index.hml
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ list
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/index/index.js b/examples/showcase/src/main/js/default/pages/component/list/list/index/index.js
new file mode 100755
index 0000000..9f6e4e0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/index/index.js
@@ -0,0 +1,23 @@
+/*
+ * 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/list/index/index"),
+ changePage1: routePage("pages/component/list/list/indexAttr/index").changePage,
+ changePage2: routePage("pages/component/list/list/indexCommonStyle/index").changePage,
+ changePage3: routePage("pages/component/list/list/indexSpecStyle/index").changePage,
+ changePage4: routePage("pages/component/list/list/indexEvent/index").changePage,
+ changePage5: routePage("pages/component/list/list/indexOperation/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexAttr/index.css b/examples/showcase/src/main/js/default/pages/component/list/list/indexAttr/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexAttr/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/list/list/indexAttr/index.hml
new file mode 100755
index 0000000..33f1a04
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexAttr/index.hml
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ list通用属性
+
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexAttr/index.js b/examples/showcase/src/main/js/default/pages/component/list/list/indexAttr/index.js
new file mode 100755
index 0000000..5d9b87d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexAttr/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/list/list/index/index"),
+ changePage1: routePage("pages/component/list/list/list8/list8").changePage,
+ changePage2: routePage("pages/component/list/list/list9/list9").changePage,
+ changePage3: routePage("pages/component/list/list/list12/list12").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexCommonStyle/index.css b/examples/showcase/src/main/js/default/pages/component/list/list/indexCommonStyle/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexCommonStyle/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexCommonStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/list/list/indexCommonStyle/index.hml
new file mode 100755
index 0000000..95f8fcf
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexCommonStyle/index.hml
@@ -0,0 +1,113 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ list通用样式
+
+
+
+
+
+
+
+ 背景色
+
+
+ left
+
+
+ top
+
+
+
+
+
+
+
+
+
+
+ margin
+
+
+ height
+
+
+ width
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
+
+ margin-left
+
+
+ margin-top
+
+
+ margin-right
+
+
+ margin-bottom
+
+
+
+
+
+
+
+
+
+
+ display
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexCommonStyle/index.js b/examples/showcase/src/main/js/default/pages/component/list/list/indexCommonStyle/index.js
new file mode 100755
index 0000000..06af801
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexCommonStyle/index.js
@@ -0,0 +1,23 @@
+/*
+ * 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/list/list/index/index"),
+ changePage1: routePage("pages/component/list/list/list3/list3").changePage,
+ changePage2: routePage("pages/component/list/list/list4/list4").changePage,
+ changePage3: routePage("pages/component/list/list/list5/list5").changePage,
+ changePage4: routePage("pages/component/list/list/list10/list10").changePage,
+ changePage5: routePage("pages/component/list/list/list11/list11").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexEvent/index.css b/examples/showcase/src/main/js/default/pages/component/list/list/indexEvent/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexEvent/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexEvent/index.hml b/examples/showcase/src/main/js/default/pages/component/list/list/indexEvent/index.hml
new file mode 100755
index 0000000..25f06a4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexEvent/index.hml
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ list通用事件
+
+
+
+
+
+
+
+ click
+
+
+ swipe
+
+
+
+
+
+
+
+
+
+ list特有事件
+
+
+
+
+
+
+
+ scrollend
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexEvent/index.js b/examples/showcase/src/main/js/default/pages/component/list/list/indexEvent/index.js
new file mode 100755
index 0000000..556a684
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexEvent/index.js
@@ -0,0 +1,20 @@
+/*
+ * 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/list/list/index/index"),
+ changePage1: routePage("pages/component/list/list/list1/list1").changePage,
+ changePage2: routePage("pages/component/list/list/list2/list2").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexOperation/index.css b/examples/showcase/src/main/js/default/pages/component/list/list/indexOperation/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexOperation/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexOperation/index.hml b/examples/showcase/src/main/js/default/pages/component/list/list/indexOperation/index.hml
new file mode 100755
index 0000000..d68d511
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexOperation/index.hml
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ list特有效果
+
+
+
+
+
+
+
+ list数组对象方法
+
+
+
+
+
+
+
+
+
+
+ list组件方法
+
+
+
+
+
+
+
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexOperation/index.js b/examples/showcase/src/main/js/default/pages/component/list/list/indexOperation/index.js
new file mode 100755
index 0000000..b283a08
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexOperation/index.js
@@ -0,0 +1,20 @@
+/*
+ * 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/list/list/index/index"),
+ changePage1: routePage("pages/component/list/list/list7/list7").changePage,
+ changePage2: routePage("pages/component/list/list/list13/list13").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexSpecStyle/index.css b/examples/showcase/src/main/js/default/pages/component/list/list/indexSpecStyle/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexSpecStyle/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexSpecStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/list/list/indexSpecStyle/index.hml
new file mode 100755
index 0000000..b8999fe
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexSpecStyle/index.hml
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ list特有样式
+
+
+
+
+
+
+
+ flex-direction:
+
+
+ row
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/indexSpecStyle/index.js b/examples/showcase/src/main/js/default/pages/component/list/list/indexSpecStyle/index.js
new file mode 100755
index 0000000..64e4ee8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/indexSpecStyle/index.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.
+ */
+import {backPage, routePage} from "../../../../../common/js/general";
+export default {
+ ...backPage("pages/component/list/list/index/index"),
+ changePage1: routePage("pages/component/list/list/list6/list6").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list1/list1.css b/examples/showcase/src/main/js/default/pages/component/list/list/list1/list1.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list1/list1.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list1/list1.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list1/list1.hml
new file mode 100755
index 0000000..56fc60e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list1/list1.hml
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 矩形为list组件
+
+
+
+
+ 请在list内部点击或滑动
+
+
+
+
+ {{text1}}
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list1/list1.js b/examples/showcase/src/main/js/default/pages/component/list/list/list1/list1.js
new file mode 100755
index 0000000..eed9575
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list1/list1.js
@@ -0,0 +1,27 @@
+/*
+ * 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 {
+ data: {
+ text1: ""
+ },
+ ...backPage("pages/component/list/list/indexEvent/index"),
+ clickFunc: function () {
+ this.text1 = "点击事件已触发";
+ },
+ listswipe: function(e) {
+ this.text1 = "swipe方向:" + e.direction;
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list10/list10.css b/examples/showcase/src/main/js/default/pages/component/list/list/list10/list10.css
new file mode 100755
index 0000000..f2429f8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list10/list10.css
@@ -0,0 +1,23 @@
+/*
+ * 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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+ border-width: 1px;
+ border-color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list10/list10.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list10/list10.hml
new file mode 100755
index 0000000..160c58e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list10/list10.hml
@@ -0,0 +1,36 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list10/list10.js b/examples/showcase/src/main/js/default/pages/component/list/list/list10/list10.js
new file mode 100755
index 0000000..adafd41
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list10/list10.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 {backPage, routePage} from "../../../../../common/js/general";
+export default {
+ data: {
+ text1: "上面绿块为list",
+ text2: "margin已设置",
+ text3: "宽高已设置"
+ },
+ ...backPage("pages/component/list/list/indexCommonStyle/index"),
+ changeStatus: function () {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list11/list11.css b/examples/showcase/src/main/js/default/pages/component/list/list/list11/list11.css
new file mode 100755
index 0000000..f2429f8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list11/list11.css
@@ -0,0 +1,23 @@
+/*
+ * 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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+ border-width: 1px;
+ border-color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list11/list11.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list11/list11.hml
new file mode 100755
index 0000000..3b76bac
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list11/list11.hml
@@ -0,0 +1,38 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list11/list11.js b/examples/showcase/src/main/js/default/pages/component/list/list/list11/list11.js
new file mode 100755
index 0000000..a3ea615
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list11/list11.js
@@ -0,0 +1,31 @@
+/*
+ * 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 {
+ data: {
+ text1: "上面绿块为list",
+ text2: "点击按钮切换display",
+ text3: "支持flex/none",
+ display: "flex"
+ },
+ ...backPage("pages/component/list/list/indexCommonStyle/index"),
+ changeDisplay: function () {
+ if (this.display === "flex") {
+ this.display = "none";
+ } else {
+ this.display = "flex";
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list12/list12.css b/examples/showcase/src/main/js/default/pages/component/list/list/list12/list12.css
new file mode 100755
index 0000000..f9ba362
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list12/list12.css
@@ -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.
+ */
+.text {
+ width: 350px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list12/list12.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list12/list12.hml
new file mode 100755
index 0000000..ecd6208
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list12/list12.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list12/list12.js b/examples/showcase/src/main/js/default/pages/component/list/list/list12/list12.js
new file mode 100755
index 0000000..bed42ec
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list12/list12.js
@@ -0,0 +1,22 @@
+/*
+ * 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 {
+ data: {
+ listData:["a", "b", "c", "d"],
+ text1: "for类型list包含4个list"
+ },
+ ...backPage("pages/component/list/list/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list13/list13.css b/examples/showcase/src/main/js/default/pages/component/list/list/list13/list13.css
new file mode 100755
index 0000000..70a7105
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list13/list13.css
@@ -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.
+ */
+.text {
+ width: 350px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 30;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list13/list13.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list13/list13.hml
new file mode 100755
index 0000000..f563ba0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list13/list13.hml
@@ -0,0 +1,34 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list13/list13.js b/examples/showcase/src/main/js/default/pages/component/list/list/list13/list13.js
new file mode 100755
index 0000000..fdd3890
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list13/list13.js
@@ -0,0 +1,53 @@
+/*
+ * 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.
+ */
+var router = require("@system.router");
+module.exports = {
+ data: {
+ listData: [
+ "a",
+ "b",
+ "c",
+ "d",
+ "e",
+ "f",
+ "g",
+ "h"
+ ]
+ },
+ backMain: function () {
+ router.replace({ uri: "pages/index/index" });
+ },
+ backSuperior: function () {
+ router.replace({ uri: "pages/component/list/list/indexOperation/index" });
+ },
+ listClick() {
+ router.replace({ uri: "pages/component/list/list/list13/list13" });
+ console.log("list onclick is triggered");
+ },
+ scrollEnd(endState, endComponentIndex) {
+ console.log("list onscrollend is triggered, end component index=" + endComponentIndex);
+ console.log("list onscrollend is triggered, state=" + endState);
+ },
+ clickscrollTo() {
+ this.$refs.listObj.scrollTo({index:2});
+ },
+ onInit() {
+ console.log("on init called...");
+ },
+ onShow() {
+ this.$refs.listObj.scrollTo({index:3});
+ console.log("on Ready called...");
+ },
+};
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list2/list2.css b/examples/showcase/src/main/js/default/pages/component/list/list/list2/list2.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list2/list2.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list2/list2.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list2/list2.hml
new file mode 100755
index 0000000..8b839a0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list2/list2.hml
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 当前为list组件
+
+
+
+
+ 滑动到底部
+
+
+
+
+
+
+ {{text1}}
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list2/list2.js b/examples/showcase/src/main/js/default/pages/component/list/list/list2/list2.js
new file mode 100755
index 0000000..327810f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list2/list2.js
@@ -0,0 +1,24 @@
+/*
+ * 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 {
+ data: {
+ text1: "scrollend未触发"
+ },
+ ...backPage("pages/component/list/list/indexEvent/index"),
+ scrollendFunc: function () {
+ this.text1 = "scrollend已触发";
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list3/list3.css b/examples/showcase/src/main/js/default/pages/component/list/list/list3/list3.css
new file mode 100755
index 0000000..26bc101
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list3/list3.css
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list3/list3.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list3/list3.hml
new file mode 100755
index 0000000..b44fd63
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list3/list3.hml
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
+ {{text2}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list3/list3.js b/examples/showcase/src/main/js/default/pages/component/list/list/list3/list3.js
new file mode 100755
index 0000000..c97bc34
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list3/list3.js
@@ -0,0 +1,22 @@
+/*
+ * 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 {
+ data: {
+ text1: "上面绿块为list",
+ text2: "背景距离已设置"
+ },
+ ...backPage("pages/component/list/list/indexCommonStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list4/list4.css b/examples/showcase/src/main/js/default/pages/component/list/list/list4/list4.css
new file mode 100755
index 0000000..f2429f8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list4/list4.css
@@ -0,0 +1,23 @@
+/*
+ * 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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+ border-width: 1px;
+ border-color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list4/list4.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list4/list4.hml
new file mode 100755
index 0000000..dbd8145
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list4/list4.hml
@@ -0,0 +1,36 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list4/list4.js b/examples/showcase/src/main/js/default/pages/component/list/list/list4/list4.js
new file mode 100755
index 0000000..3062007
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list4/list4.js
@@ -0,0 +1,23 @@
+/*
+ * 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 {
+ data: {
+ text1: "上面绿块为list",
+ text2: "margin已设置",
+ text3: "宽高已设置"
+ },
+ ...backPage("pages/component/list/list/indexCommonStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list5/list5.css b/examples/showcase/src/main/js/default/pages/component/list/list/list5/list5.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list5/list5.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list5/list5.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list5/list5.hml
new file mode 100755
index 0000000..cd3c4ec
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list5/list5.hml
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list5/list5.js b/examples/showcase/src/main/js/default/pages/component/list/list/list5/list5.js
new file mode 100755
index 0000000..8f0d6bf
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list5/list5.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 {
+ data: {
+ text1: "内边距和边框"
+ },
+ ...backPage("pages/component/list/list/indexCommonStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list6/list6.css b/examples/showcase/src/main/js/default/pages/component/list/list/list6/list6.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list6/list6.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list6/list6.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list6/list6.hml
new file mode 100755
index 0000000..73a7920
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list6/list6.hml
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list6/list6.js b/examples/showcase/src/main/js/default/pages/component/list/list/list6/list6.js
new file mode 100755
index 0000000..0055fd0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list6/list6.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 {
+ data: {
+ text1: "div方块横向排列"
+ },
+ ...backPage("pages/component/list/list/indexSpecStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list7/list7.css b/examples/showcase/src/main/js/default/pages/component/list/list/list7/list7.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list7/list7.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list7/list7.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list7/list7.hml
new file mode 100755
index 0000000..f7e2bae
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list7/list7.hml
@@ -0,0 +1,42 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list7/list7.js b/examples/showcase/src/main/js/default/pages/component/list/list/list7/list7.js
new file mode 100755
index 0000000..7cbaa22
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list7/list7.js
@@ -0,0 +1,45 @@
+/*
+ * 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 {
+ data: {
+ listData: [
+ "text组件b",
+ "text组件c",
+ "text组件d"
+ ]
+ },
+ ...backPage("pages/component/list/list/indexOperation/index"),
+ pushItem: function () {
+ console.log("push an item.");
+ this.listData.push("text组件z");
+ },
+ popItem: function () {
+ console.log("pop an item.");
+ this.listData.pop();
+ },
+ shiftItem: function () {
+ console.log("shift an item.");
+ this.listData.shift();
+ },
+ unshiftItem: function () {
+ console.log("unshift an item.");
+ this.listData.unshift("text组件a");
+ },
+ spliceItem: function () {
+ console.log("splice items.");
+ this.listData.splice(0, 1, "text组件x", "text组件y");
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list8/list8.css b/examples/showcase/src/main/js/default/pages/component/list/list/list8/list8.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list8/list8.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list8/list8.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list8/list8.hml
new file mode 100755
index 0000000..dce1652
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list8/list8.hml
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list8/list8.js b/examples/showcase/src/main/js/default/pages/component/list/list/list8/list8.js
new file mode 100755
index 0000000..003d287
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list8/list8.js
@@ -0,0 +1,24 @@
+/*
+ * 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";
+import {changeStatus} from "../../../../../common/js/list"
+export default {
+ data: {
+ text1: "点击按钮改变状态",
+ status: true
+ },
+ ...backPage("pages/component/list/list/indexAttr/index"),
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list9/list9.css b/examples/showcase/src/main/js/default/pages/component/list/list/list9/list9.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list9/list9.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list9/list9.hml b/examples/showcase/src/main/js/default/pages/component/list/list/list9/list9.hml
new file mode 100755
index 0000000..ed52ea1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list9/list9.hml
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/list/list/list9/list9.js b/examples/showcase/src/main/js/default/pages/component/list/list/list9/list9.js
new file mode 100755
index 0000000..c2e96f3
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/list/list/list9/list9.js
@@ -0,0 +1,24 @@
+/*
+ * 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";
+import {changeStatus} from "../../../../../common/js/list"
+export default {
+ data: {
+ text1: "点击按钮改变状态",
+ status: true
+ },
+ changeStatus: changeStatus,
+ ...backPage("pages/component/list/list/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/attr/attr.css b/examples/showcase/src/main/js/default/pages/component/marquee/attr/attr.css
new file mode 100755
index 0000000..9483c19
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/attr/attr.css
@@ -0,0 +1,91 @@
+/*
+ * 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;
+}
+
+.text-big {
+ width: 70px;
+ height: 70px;
+ 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-show-marquee {
+ left: 0px;
+ top: 0px;
+ height: 100px;
+ width: 200px;
+}
+
+.attribute-div-if-marquee {
+ left: 0px;
+ top: 0px;
+ height: 100px;
+ width: 200px;
+ flex-direction: column;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/attr/attr.hml b/examples/showcase/src/main/js/default/pages/component/marquee/attr/attr.hml
new file mode 100755
index 0000000..5f807e6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/attr/attr.hml
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/attr/attr.js b/examples/showcase/src/main/js/default/pages/component/marquee/attr/attr.js
new file mode 100755
index 0000000..cafabf4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/attr/attr.js
@@ -0,0 +1,29 @@
+/*
+ * 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";
+import {changeStatus, changeIfStatus} from "../../../../common/js/marquee"
+export default {
+ data: {
+ status: true,
+ ifstatus: true,
+ marqueefor: [
+ "1.marquee测试for标签,abcdefg",
+ "2.marquee测试for标签,abcdefg"
+ ]
+ },
+ ...goPage("pages/component/marquee/index/index"),
+ changeStatus: changeStatus,
+ changeIfStatus: changeIfStatus
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/commonStyle/commonStyle.css b/examples/showcase/src/main/js/default/pages/component/marquee/commonStyle/commonStyle.css
new file mode 100755
index 0000000..dad1a7a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/commonStyle/commonStyle.css
@@ -0,0 +1,138 @@
+/*
+ * 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: 200px;
+}
+
+.three-div {
+ width: 450px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+}
+
+.three-left-div {
+ width: 220px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.three-right-div {
+ width: 230px;
+ height: 190px;
+ top: 40px;
+ left: 0px;
+}
+
+.item-two {
+ width: 450px;
+ height: 150px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.two-div {
+ width: 450px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+}
+
+.general-stack {
+ width: 250px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+ background-color: springgreen;
+}
+
+.general-text {
+ background-color: red;
+ left: 50px;
+ top: 50px;
+ width: 100px;
+ height: 60px;
+}
+
+.right-div {
+ width: 250px;
+ height: 200px;
+ background-color: springgreen;
+ left: 0px;
+ top: 0px;
+}
+
+.show {
+ opacity:1;
+ border-width: 5px;
+ border-color: #0000ff;
+ border-radius:5px;
+ padding:10px;
+ width: 150px;
+ height: 50px;
+ background-color: red;
+ margin-left: 10px;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/commonStyle/commonStyle.hml b/examples/showcase/src/main/js/default/pages/component/marquee/commonStyle/commonStyle.hml
new file mode 100755
index 0000000..e5e19e5
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/commonStyle/commonStyle.hml
@@ -0,0 +1,94 @@
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+ 背景红色
+ left为50
+ top为50
+
+
+
+
+
+
+
+
+
+
+ margin为40
+ height为60
+ width为100
+
+
+
+
+
+
+
+
+
+
+ border
+ padding
+
+
+
+
+
+
+
+
+
+
+ display
+ {{displayVal}}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/commonStyle/commonStyle.js b/examples/showcase/src/main/js/default/pages/component/marquee/commonStyle/commonStyle.js
new file mode 100755
index 0000000..f7cdbbf
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/commonStyle/commonStyle.js
@@ -0,0 +1,31 @@
+/*
+ * 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: {
+ displayVal: "flex",
+ flag: true
+ },
+ changeDisplay() {
+ if (this.flag) {
+ this.displayVal = "none";
+ this.flag = false;
+ } else {
+ this.displayVal = "flex";
+ this.flag = true;
+ }
+ },
+ ...goPage("pages/component/marquee/index/index")
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/event/event.css b/examples/showcase/src/main/js/default/pages/component/marquee/event/event.css
new file mode 100755
index 0000000..ef7c899
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/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-text {
+ margin-left: 30px;
+ margin-top: 30px;
+ width: 150px;
+ height: 50px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/event/event.hml b/examples/showcase/src/main/js/default/pages/component/marquee/event/event.hml
new file mode 100755
index 0000000..80abbc3
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/event/event.hml
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+ click
+ longpress
+ swipe
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/event/event.js b/examples/showcase/src/main/js/default/pages/component/marquee/event/event.js
new file mode 100755
index 0000000..6194b30
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/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: {
+ text: "点击/长按/滑动"
+ },
+ ...goPage("pages/component/marquee/index/index"),
+ clickEvent(e) {
+ this.text = "点击已触发";
+ },
+ longpressEvent() {
+ this.text = "长按已触发";
+ },
+ swipeEvent(e) {
+ this.text = "swipe方向:" + e.direction;
+ }
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/index/index.css b/examples/showcase/src/main/js/default/pages/component/marquee/index/index.css
new file mode 100755
index 0000000..e71ae21
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/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: 160px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/index/index.hml b/examples/showcase/src/main/js/default/pages/component/marquee/index/index.hml
new file mode 100755
index 0000000..440adea
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/index/index.hml
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ marquee
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/index/index.js b/examples/showcase/src/main/js/default/pages/component/marquee/index/index.js
new file mode 100755
index 0000000..1f9991a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/index/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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 {
+ changePage1: routePage("pages/component/marquee/attr/attr").changePage,
+ changePage2: routePage("pages/component/marquee/commonStyle/commonStyle").changePage,
+ changePage3: routePage("pages/component/marquee/specStyle/specStyle").changePage,
+ changePage4: routePage("pages/component/marquee/event/event").changePage,
+ ...backPage("pages/component/index/baseIndex/index")
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/specStyle/specStyle.css b/examples/showcase/src/main/js/default/pages/component/marquee/specStyle/specStyle.css
new file mode 100755
index 0000000..88824f8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/specStyle/specStyle.css
@@ -0,0 +1,82 @@
+/*
+ * 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-special {
+ width: 450px;
+ height: 200px;
+}
+
+.special-div {
+ width: 450px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+}
+
+.special-left-div {
+ width: 250px;
+ height: 200px;
+ top:0px;
+ left:0px;
+ flex-direction: column;
+}
+
+.special-right-div {
+ width: 200px;
+ height: 200px;
+ top: 0px;
+ left: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/specStyle/specStyle.hml b/examples/showcase/src/main/js/default/pages/component/marquee/specStyle/specStyle.hml
new file mode 100755
index 0000000..009125c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/specStyle/specStyle.hml
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 特有样式
+
+
+
+
+
+
+ scrollamount;color;font-size;font-family
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/marquee/specStyle/specStyle.js b/examples/showcase/src/main/js/default/pages/component/marquee/specStyle/specStyle.js
new file mode 100755
index 0000000..eb6dfe8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/marquee/specStyle/specStyle.js
@@ -0,0 +1,18 @@
+/*
+ * 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 {
+ ...goPage("pages/component/marquee/index/index")
+};
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/index/index.css b/examples/showcase/src/main/js/default/pages/component/picker_view/index/index.css
new file mode 100755
index 0000000..b57bf31
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/index/index.css
@@ -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.
+ */
+.separatorContainerStyle {
+ width: 454px;
+ height: 4px;
+ background-color: #8b8b7a;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/index/index.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/index/index.hml
new file mode 100755
index 0000000..855ed35
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/index/index.hml
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/index/index.js b/examples/showcase/src/main/js/default/pages/component/picker_view/index/index.js
new file mode 100755
index 0000000..ea92253
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/index/index.js
@@ -0,0 +1,20 @@
+/*
+ * 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/formIndex/index"),
+ changeTextPicker: routePage("pages/component/picker_view/text_picker/index/index").changePage,
+ changeTimePicker: routePage("pages/component/picker_view/time_picker/index/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/index/index.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/index/index.css
new file mode 100755
index 0000000..b59d8ea
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/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: 150px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/index/index.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/index/index.hml
new file mode 100755
index 0000000..8c584ec
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/index/index.hml
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ text_picker
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/index/index.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/index/index.js
new file mode 100755
index 0000000..08a310c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/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/picker_view/index/index"),
+ changePage1: routePage("pages/component/picker_view/text_picker/indexAttr/index").changePage,
+ changePage2: routePage("pages/component/picker_view/text_picker/indexStyle/index").changePage,
+ changePage3: routePage("pages/component/picker_view/text_picker/indexEvent/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexAttr/index.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexAttr/index.css
new file mode 100755
index 0000000..0f95b40
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexAttr/index.css
@@ -0,0 +1,32 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+ color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexAttr/index.hml
new file mode 100755
index 0000000..c849aff
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexAttr/index.hml
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+
+
+ range
+
+
+ selected
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexAttr/index.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexAttr/index.js
new file mode 100755
index 0000000..96427cd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexAttr/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/picker_view/text_picker/index/index"),
+ changePage1: routePage("pages/component/picker_view/text_picker/text_picker6/text_picker6").changePage,
+ changePage2: routePage("pages/component/picker_view/text_picker/text_picker5/text_picker5").changePage,
+ change2If: routePage("pages/component/picker_view/text_picker/text_picker7/text_picker7").changePage,
+ change2For: routePage("pages/component/picker_view/text_picker/text_picker8/text_picker8").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexEvent/index.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexEvent/index.css
new file mode 100755
index 0000000..0f95b40
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexEvent/index.css
@@ -0,0 +1,32 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+ color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexEvent/index.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexEvent/index.hml
new file mode 100755
index 0000000..6fbdc51
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexEvent/index.hml
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 特有事件
+
+
+
+
+
+
+
+ change
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexEvent/index.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexEvent/index.js
new file mode 100755
index 0000000..e2b3de6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexEvent/index.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.
+ */
+import {backPage, routePage} from "../../../../../common/js/general";
+export default {
+ ...backPage("pages/component/picker_view/text_picker/index/index"),
+ changePage1: routePage("pages/component/picker_view/text_picker/text_picker1/text_picker1").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexStyle/index.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexStyle/index.css
new file mode 100755
index 0000000..0f95b40
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexStyle/index.css
@@ -0,0 +1,32 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+ color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexStyle/index.hml
new file mode 100755
index 0000000..0ad17b6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexStyle/index.hml
@@ -0,0 +1,116 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+
+ 背景色
+
+
+ left
+
+
+ top
+
+
+
+
+
+
+
+
+
+
+ margin
+
+
+ height
+
+
+ width
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
+
+ display
+
+
+
+
+
+
+
+
+
+ 特有样式
+
+
+
+
+
+
+
+ color
+
+
+ font
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexStyle/index.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexStyle/index.js
new file mode 100755
index 0000000..d40a3db
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/indexStyle/index.js
@@ -0,0 +1,23 @@
+/*
+ * 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/picker_view/text_picker/index/index"),
+ changePage1: routePage("pages/component/picker_view/text_picker/text_picker2/text_picker2").changePage,
+ changePage2: routePage("pages/component/picker_view/text_picker/text_picker3/text_picker3").changePage,
+ changePage3: routePage("pages/component/picker_view/text_picker/text_picker4/text_picker4").changePage,
+ change2Style: routePage("pages/component/picker_view/text_picker/text_picker9/text_picker9").changePage,
+ change2Display: routePage("pages/component/picker_view/text_picker/text_picker10/text_picker10").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker1/text_picker1.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker1/text_picker1.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker1/text_picker1.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker1/text_picker1.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker1/text_picker1.hml
new file mode 100755
index 0000000..c0c77ca
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker1/text_picker1.hml
@@ -0,0 +1,31 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker1/text_picker1.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker1/text_picker1.js
new file mode 100755
index 0000000..7a3df34
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker1/text_picker1.js
@@ -0,0 +1,27 @@
+/*
+ * 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 {
+ data: {
+ text1: 0,
+ text2: "a",
+ textContent: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"]
+ },
+ ...backPage("pages/component/picker_view/text_picker/indexEvent/index"),
+ getText: function (e1) {
+ this.text1 = e1.newSelected;
+ this.text2 = e1.newValue;
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker10/text_picker10.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker10/text_picker10.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker10/text_picker10.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker10/text_picker10.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker10/text_picker10.hml
new file mode 100755
index 0000000..9e0f40d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker10/text_picker10.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 点击改状态
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker10/text_picker10.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker10/text_picker10.js
new file mode 100755
index 0000000..8d416d4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker10/text_picker10.js
@@ -0,0 +1,29 @@
+/*
+ * 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 {
+ data: {
+ textContent: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"],
+ status: "flex"
+ },
+ ...backPage("pages/component/picker_view/text_picker/indexStyle/index"),
+ changeStatus: function () {
+ if (this.status === "flex") {
+ this.status = "none";
+ } else {
+ this.status = "flex";
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker2/text_picker2.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker2/text_picker2.css
new file mode 100755
index 0000000..f07e5b9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker2/text_picker2.css
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker2/text_picker2.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker2/text_picker2.hml
new file mode 100755
index 0000000..4e529ca
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker2/text_picker2.hml
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
+ {{text2}}
+
+
+ {{text3}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker2/text_picker2.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker2/text_picker2.js
new file mode 100755
index 0000000..0a2ba3b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker2/text_picker2.js
@@ -0,0 +1,24 @@
+/*
+ * 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 {
+ data: {
+ text1: "背景色绿色",
+ text2: "left设置85",
+ text3: "top设置170",
+ textContent: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"]
+ },
+ ...backPage("pages/component/picker_view/text_picker/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker3/text_picker3.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker3/text_picker3.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker3/text_picker3.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker3/text_picker3.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker3/text_picker3.hml
new file mode 100755
index 0000000..18780fc
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker3/text_picker3.hml
@@ -0,0 +1,34 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker3/text_picker3.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker3/text_picker3.js
new file mode 100755
index 0000000..a23e1a1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker3/text_picker3.js
@@ -0,0 +1,24 @@
+/*
+ * 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 {
+ data: {
+ text1: "margin左边距85",
+ text2: "margin上边距10",
+ text3: "宽高已设置",
+ textContent: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"]
+ },
+ ...backPage("pages/component/picker_view/text_picker/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker4/text_picker4.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker4/text_picker4.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker4/text_picker4.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker4/text_picker4.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker4/text_picker4.hml
new file mode 100755
index 0000000..9691209
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker4/text_picker4.hml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker4/text_picker4.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker4/text_picker4.js
new file mode 100755
index 0000000..b6b6f57
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker4/text_picker4.js
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+// text_picker4.js
+import { backPage, routePage } from "../../../../../common/js/general";
+export default {
+ data: {
+ textContent: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"]
+ },
+ ...backPage("pages/component/picker_view/text_picker/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker5/text_picker5.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker5/text_picker5.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker5/text_picker5.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker5/text_picker5.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker5/text_picker5.hml
new file mode 100755
index 0000000..7c0bffb
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker5/text_picker5.hml
@@ -0,0 +1,31 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker5/text_picker5.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker5/text_picker5.js
new file mode 100755
index 0000000..525715c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker5/text_picker5.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 {
+ data: {
+ textContent: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"]
+ },
+ ...backPage("pages/component/picker_view/text_picker/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker6/text_picker6.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker6/text_picker6.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker6/text_picker6.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker6/text_picker6.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker6/text_picker6.hml
new file mode 100755
index 0000000..80de2a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker6/text_picker6.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 点击改状态
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker6/text_picker6.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker6/text_picker6.js
new file mode 100755
index 0000000..d9d4fb6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker6/text_picker6.js
@@ -0,0 +1,24 @@
+/*
+ * 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";
+import {changeStatus} from "../../../../../common/js/picker_view";
+export default {
+ data: {
+ textContent: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"],
+ status: true
+ },
+ changeStatus: changeStatus,
+ ...backPage("pages/component/picker_view/text_picker/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker7/text_picker7.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker7/text_picker7.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker7/text_picker7.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker7/text_picker7.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker7/text_picker7.hml
new file mode 100755
index 0000000..b3fb311
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker7/text_picker7.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 点击改状态
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker7/text_picker7.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker7/text_picker7.js
new file mode 100755
index 0000000..a46e778
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker7/text_picker7.js
@@ -0,0 +1,24 @@
+/*
+ * 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";
+import {changeStatus} from "../../../../../common/js/picker_view"
+export default {
+ data: {
+ textContent: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"],
+ status: true
+ },
+ ...backPage("pages/component/picker_view/text_picker/indexAttr/index"),
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker8/text_picker8.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker8/text_picker8.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker8/text_picker8.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker8/text_picker8.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker8/text_picker8.hml
new file mode 100755
index 0000000..bfd6405
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker8/text_picker8.hml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker8/text_picker8.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker8/text_picker8.js
new file mode 100755
index 0000000..e1350c2
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker8/text_picker8.js
@@ -0,0 +1,22 @@
+/*
+ * 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 {
+ data: {
+ textContent: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"],
+ forData: [0, 1, 2]
+ },
+ ...backPage("pages/component/picker_view/text_picker/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker9/text_picker9.css b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker9/text_picker9.css
new file mode 100755
index 0000000..5c389be
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker9/text_picker9.css
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+.textPickStyle {
+ color:green;
+ font-size:30px;
+ font-family:HYQiHei-65S;
+ selected-color:#7ff708;
+ selected-font-size:38px;
+ selected-font-family:HYQiHei-65S;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker9/text_picker9.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker9/text_picker9.hml
new file mode 100755
index 0000000..259520c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker9/text_picker9.hml
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker9/text_picker9.js b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker9/text_picker9.js
new file mode 100755
index 0000000..0c20323
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/text_picker/text_picker9/text_picker9.js
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+// text_picker9.js
+import { backPage, routePage } from "../../../../../common/js/general";
+export default {
+ data: {
+ textContent: ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"]
+ },
+ ...backPage("pages/component/picker_view/text_picker/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/index/index.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/index/index.css
new file mode 100755
index 0000000..b59d8ea
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/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: 150px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/index/index.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/index/index.hml
new file mode 100755
index 0000000..f102cef
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/index/index.hml
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ time_picker
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/index/index.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/index/index.js
new file mode 100755
index 0000000..c7dec0c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/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/picker_view/index/index"),
+ changePage1: routePage("pages/component/picker_view/time_picker/indexAttr/index").changePage,
+ changePage2: routePage("pages/component/picker_view/time_picker/indexStyle/index").changePage,
+ changePage3: routePage("pages/component/picker_view/time_picker/indexEvent/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexAttr/index.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexAttr/index.css
new file mode 100755
index 0000000..0f95b40
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexAttr/index.css
@@ -0,0 +1,32 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+ color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexAttr/index.hml
new file mode 100755
index 0000000..3997d58
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexAttr/index.hml
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+
+
+ selected
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexAttr/index.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexAttr/index.js
new file mode 100755
index 0000000..9162f1a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexAttr/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/picker_view/time_picker/index/index"),
+ changePage1: routePage("pages/component/picker_view/time_picker/time_picker6/time_picker6").changePage,
+ changePage2: routePage("pages/component/picker_view/time_picker/time_picker5/time_picker5").changePage,
+ change2If: routePage("pages/component/picker_view/time_picker/time_picker7/time_picker7").changePage,
+ change2For: routePage("pages/component/picker_view/time_picker/time_picker8/time_picker8").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexEvent/index.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexEvent/index.css
new file mode 100755
index 0000000..0f95b40
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexEvent/index.css
@@ -0,0 +1,32 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+ color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexEvent/index.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexEvent/index.hml
new file mode 100755
index 0000000..e556290
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexEvent/index.hml
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 特有事件
+
+
+
+
+
+
+
+ change
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexEvent/index.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexEvent/index.js
new file mode 100755
index 0000000..84de335
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexEvent/index.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.
+ */
+import {backPage, routePage} from "../../../../../common/js/general";
+export default {
+ ...backPage("pages/component/picker_view/time_picker/index/index"),
+ changePage1: routePage("pages/component/picker_view/time_picker/time_picker1/time_picker1").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexStyle/index.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexStyle/index.css
new file mode 100755
index 0000000..0f95b40
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexStyle/index.css
@@ -0,0 +1,32 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+ color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexStyle/index.hml
new file mode 100755
index 0000000..7878d15
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexStyle/index.hml
@@ -0,0 +1,116 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+
+ 背景色
+
+
+ left
+
+
+ top
+
+
+
+
+
+
+
+
+
+
+ margin
+
+
+ height
+
+
+ width
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
+
+ display
+
+
+
+
+
+
+
+
+
+ 特有样式
+
+
+
+
+
+
+
+ color
+
+
+ font
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexStyle/index.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexStyle/index.js
new file mode 100755
index 0000000..df4019c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/indexStyle/index.js
@@ -0,0 +1,23 @@
+/*
+ * 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/picker_view/time_picker/index/index"),
+ changePage1: routePage("pages/component/picker_view/time_picker/time_picker2/time_picker2").changePage,
+ changePage2: routePage("pages/component/picker_view/time_picker/time_picker3/time_picker3").changePage,
+ changePage3: routePage("pages/component/picker_view/time_picker/time_picker4/time_picker4").changePage,
+ change2Style: routePage("pages/component/picker_view/time_picker/time_picker9/time_picker9").changePage,
+ change2Display: routePage("pages/component/picker_view/time_picker/time_picker10/time_picker10").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker1/time_picker1.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker1/time_picker1.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker1/time_picker1.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker1/time_picker1.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker1/time_picker1.hml
new file mode 100755
index 0000000..561c6e1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker1/time_picker1.hml
@@ -0,0 +1,31 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker1/time_picker1.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker1/time_picker1.js
new file mode 100755
index 0000000..e5dc348
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker1/time_picker1.js
@@ -0,0 +1,26 @@
+/*
+ * 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 {
+ data: {
+ time1: -1,
+ time2: -1
+ },
+ ...backPage("pages/component/picker_view/time_picker/indexEvent/index"),
+ getTime: function (e1) {
+ this.time1 = e1.hour;
+ this.time2 = e1.minute;
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker10/time_picker10.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker10/time_picker10.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker10/time_picker10.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker10/time_picker10.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker10/time_picker10.hml
new file mode 100755
index 0000000..2380de7
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker10/time_picker10.hml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ show
+
+
+ 点击改状态
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker10/time_picker10.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker10/time_picker10.js
new file mode 100755
index 0000000..7406cdd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker10/time_picker10.js
@@ -0,0 +1,28 @@
+/*
+ * 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 {
+ data: {
+ status: "flex"
+ },
+ ...backPage("pages/component/picker_view/time_picker/indexStyle/index"),
+ changeStatus: function () {
+ if (this.status === "flex") {
+ this.status = "none";
+ } else {
+ this.status = "flex";
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker2/time_picker2.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker2/time_picker2.css
new file mode 100755
index 0000000..f07e5b9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker2/time_picker2.css
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker2/time_picker2.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker2/time_picker2.hml
new file mode 100755
index 0000000..a76e29d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker2/time_picker2.hml
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
+ {{text2}}
+
+
+ {{text3}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker2/time_picker2.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker2/time_picker2.js
new file mode 100755
index 0000000..5e8fdd2
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker2/time_picker2.js
@@ -0,0 +1,23 @@
+/*
+ * 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 {
+ data: {
+ text1: "背景色绿色",
+ text2: "left设置85",
+ text3: "top设置170"
+ },
+ ...backPage("pages/component/picker_view/time_picker/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker3/time_picker3.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker3/time_picker3.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker3/time_picker3.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker3/time_picker3.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker3/time_picker3.hml
new file mode 100755
index 0000000..15fd71b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker3/time_picker3.hml
@@ -0,0 +1,34 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker3/time_picker3.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker3/time_picker3.js
new file mode 100755
index 0000000..b94169d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker3/time_picker3.js
@@ -0,0 +1,23 @@
+/*
+ * 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 {
+ data: {
+ text1: "margin左边距85",
+ text2: "margin上边距10",
+ text3: "宽高已设置"
+ },
+ ...backPage("pages/component/picker_view/time_picker/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker4/time_picker4.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker4/time_picker4.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker4/time_picker4.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker4/time_picker4.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker4/time_picker4.hml
new file mode 100755
index 0000000..c388f70
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker4/time_picker4.hml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker4/time_picker4.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker4/time_picker4.js
new file mode 100755
index 0000000..e7bb9d6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker4/time_picker4.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.
+ */
+// time_picker4.js
+import { backPage, routePage } from "../../../../../common/js/general";
+export default {
+ ...backPage("pages/component/picker_view/time_picker/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker5/time_picker5.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker5/time_picker5.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker5/time_picker5.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker5/time_picker5.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker5/time_picker5.hml
new file mode 100755
index 0000000..071dd3d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker5/time_picker5.hml
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 默认值为0:0
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker5/time_picker5.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker5/time_picker5.js
new file mode 100755
index 0000000..d7af0e0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker5/time_picker5.js
@@ -0,0 +1,18 @@
+/*
+ * 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/picker_view/time_picker/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker6/time_picker6.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker6/time_picker6.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker6/time_picker6.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker6/time_picker6.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker6/time_picker6.hml
new file mode 100755
index 0000000..3e040aa
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker6/time_picker6.hml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ show
+
+
+ 点击改状态
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker6/time_picker6.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker6/time_picker6.js
new file mode 100755
index 0000000..a3f651e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker6/time_picker6.js
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+// time_picker6.js
+import { backPage, routePage } from "../../../../../common/js/general";
+import {changeStatus} from "../../../../../common/js/picker_view";
+export default {
+ data: {
+ status: true
+ },
+ ...backPage("pages/component/picker_view/time_picker/indexAttr/index"),
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker7/time_picker7.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker7/time_picker7.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker7/time_picker7.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker7/time_picker7.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker7/time_picker7.hml
new file mode 100755
index 0000000..cc104fb
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker7/time_picker7.hml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ show
+
+
+ 点击改状态
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker7/time_picker7.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker7/time_picker7.js
new file mode 100755
index 0000000..c4e6d2d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker7/time_picker7.js
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+// time_picker7.js
+import { backPage, routePage } from "../../../../../common/js/general";
+import {changeStatus} from "../../../../../common/js/picker_view";
+export default {
+ data: {
+ status: true
+ },
+ ...backPage("pages/component/picker_view/time_picker/indexAttr/index"),
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker8/time_picker8.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker8/time_picker8.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker8/time_picker8.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker8/time_picker8.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker8/time_picker8.hml
new file mode 100755
index 0000000..da5cc54
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker8/time_picker8.hml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker8/time_picker8.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker8/time_picker8.js
new file mode 100755
index 0000000..7a1a745
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker8/time_picker8.js
@@ -0,0 +1,22 @@
+/*
+ * 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 {
+ data: {
+ status: true,
+ forData: [0, 1]
+ },
+ ...backPage("pages/component/picker_view/time_picker/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker9/time_picker9.css b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker9/time_picker9.css
new file mode 100755
index 0000000..b190771
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker9/time_picker9.css
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+.timePickStyle {
+ color:green;
+ font-size:30px;
+ font-family:HYQiHei-65S;
+ selected-color:#7ff708;
+ selected-font-size:38px;
+ selected-font-family:HYQiHei-65S;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker9/time_picker9.hml b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker9/time_picker9.hml
new file mode 100755
index 0000000..7a54a02
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker9/time_picker9.hml
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker9/time_picker9.js b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker9/time_picker9.js
new file mode 100755
index 0000000..a5ce680
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/picker_view/time_picker/time_picker9/time_picker9.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.
+ */
+// time_picker9.js
+import { backPage, routePage } from "../../../../../common/js/general";
+export default {
+ ...backPage("pages/component/picker_view/time_picker/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/attr/attr.css b/examples/showcase/src/main/js/default/pages/component/progress/circle/attr/attr.css
new file mode 100755
index 0000000..ca8b256
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/attr/attr.css
@@ -0,0 +1,92 @@
+/*
+ * 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: 85px;
+ top: 0px;
+ width: 280px;
+ height: 454px;
+}
+
+.item-title {
+ width: 454px;
+ height: 80px;
+}
+
+.separatorContainerStyle {
+ width: 454px;
+ height: 4px;
+ background-color: #8b8b7a;
+}
+
+.item-types {
+ width: 454px;
+ height: 80px;
+}
+
+.whole-text {
+ margin-top:10px;
+ margin-left:70px;
+ width:200px;
+ height:60px;
+ font-size:30px;
+ color: red;
+}
+
+.item-attribute {
+ width: 454px;
+ height: 100px;
+}
+
+.attribute-div {
+ left: 0px;
+ top: 0px;
+ height: 100px;
+ width: 450px;
+ flex-direction: row;
+}
+
+.text {
+ width: 140px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.circle {
+ width:100px;
+ height:100px;
+ center-x:50px;
+ center-y:50px;
+ radius:50px;
+ start-angle:0;
+ total-angle:360;
+ stroke-width: 6px;
+ background-color: #8B8B7A;
+ color: #ff0000
+}
+
+.circle2 {
+ width:30px;
+ height:30px;
+ center-x:15px;
+ center-y:15px;
+ radius:15px;
+ start-angle:0;
+ total-angle:360;
+ stroke-width: 6px;
+ background-color: #8B8B7A;
+ color: #ff0000
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/attr/attr.hml b/examples/showcase/src/main/js/default/pages/component/progress/circle/attr/attr.hml
new file mode 100755
index 0000000..25a38ab
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/attr/attr.hml
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ for 3次,点击修改display
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+ percent
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/attr/attr.js b/examples/showcase/src/main/js/default/pages/component/progress/circle/attr/attr.js
new file mode 100755
index 0000000..089661f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/attr/attr.js
@@ -0,0 +1,39 @@
+/*
+ * 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";
+import {changeStatus, changeStatusIf, changeDisplay} from "../../../../../common/js/progress"
+export default {
+ data: {
+ showStatus: true,
+ ifStatus: true,
+ percentAttribute: 20,
+ loopArray: ["1", "2", "3"],
+ p01: "p01",
+ display: "flex"
+ },
+ ...goPage("pages/component/progress/circle/index/index"),
+ changePercent() {
+ this.percentAttribute = this.percentAttribute + 10;
+ },
+ changeStatus() {
+ if (this.showStatus == true) {
+ this.showStatus = false;
+ } else {
+ this.showStatus = true;
+ }
+ },
+ changeStatusIf: changeStatusIf,
+ changeDisplay: changeDisplay
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/event/event.css b/examples/showcase/src/main/js/default/pages/component/progress/circle/event/event.css
new file mode 100755
index 0000000..31e480e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/event/event.css
@@ -0,0 +1,100 @@
+/*
+ * 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 {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.circle {
+ width:100px;
+ height:100px;
+ center-x:50px;
+ center-y:50px;
+ radius:50px;
+ start-angle:0;
+ total-angle:360;
+}
+
+.item-click {
+ width: 454px;
+ height: 200px;
+}
+
+.click-div {
+ width: 450px;
+ height: 200px;
+ top: 0px;
+ left: 0px;
+}
+
+.click-left-div {
+ width: 200px;
+ height: 200px;
+ margin-top: 30px;
+ margin-left: 0px;
+ flex-direction: column;
+}
+
+.click-right-div {
+ width: 250px;
+ height: 200px;
+ top: 0px;
+ left: 0px;
+ flex-direction: column;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.text2 {
+ width: 200px;
+ height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+ text-overflow: ellipsis;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/event/event.hml b/examples/showcase/src/main/js/default/pages/component/progress/circle/event/event.hml
new file mode 100755
index 0000000..e36f0c7
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/event/event.hml
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+ click
+ longpress
+ swipe
+
+
+
+ {{value}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/event/event.js b/examples/showcase/src/main/js/default/pages/component/progress/circle/event/event.js
new file mode 100755
index 0000000..70eca1f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/event/event.js
@@ -0,0 +1,26 @@
+/*
+ * 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";
+import {clickEvent, longpressEvent, swipeEvent} from "../../../../../common/js/progress";
+export default {
+ data: {
+ percent: 20,
+ value: "点击/长按/滑动"
+ },
+ ...goPage("pages/component/progress/circle/index/index"),
+ clickEvent: clickEvent,
+ longpressEvent: longpressEvent,
+ swipeEvent: swipeEvent
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/index/index.css b/examples/showcase/src/main/js/default/pages/component/progress/circle/index/index.css
new file mode 100755
index 0000000..98b49f6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/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: 130px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/index/index.hml b/examples/showcase/src/main/js/default/pages/component/progress/circle/index/index.hml
new file mode 100755
index 0000000..bf99430
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/index/index.hml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 环形progress
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/index/index.js b/examples/showcase/src/main/js/default/pages/component/progress/circle/index/index.js
new file mode 100755
index 0000000..befce2b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/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/progress/index/index"),
+ changePage1: routePage("pages/component/progress/circle/attr/attr").changePage,
+ changePage2: routePage("pages/component/progress/circle/style/style").changePage,
+ changePage3: routePage("pages/component/progress/circle/event/event").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/style/style.css b/examples/showcase/src/main/js/default/pages/component/progress/circle/style/style.css
new file mode 100755
index 0000000..af25384
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/style/style.css
@@ -0,0 +1,159 @@
+/*
+ * 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 {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.item-three {
+ width: 450px;
+ height: 220px;
+}
+
+.three-div {
+ width: 450px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+}
+
+.three-left-div {
+ width: 240px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.three-right-div {
+ width: 230px;
+ height: 210px;
+ top: 40px;
+ left: 0px;
+}
+
+.general-stack {
+ top: 50px;
+ left: 2px;
+ width: 250px;
+ height: 150px;
+}
+
+.general-item {
+ width:130px;
+ height:130px;
+ center-x:50px;
+ center-y:50px;
+ radius:50px;
+ start-angle:0;
+ total-angle:120;
+ left:20px;
+ top:20px;
+ background-color: #ff0000;
+ stroke-width: 16px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.margin-show {
+ margin: 20px;
+ width: 70px;
+ height: 70px;
+ center-x:35px;
+ center-y:35px;
+ start-angle:0;
+ total-angle:360;
+ radius:35px;
+ stroke-width: 5px;
+}
+
+.border-show {
+ border-width: 5px;
+ border-color: #0000ff;
+ border-radius:5px;
+ padding:10px;
+ center-x:65px;
+ center-y:65px;
+ start-angle:0;
+ total-angle:360;
+ radius:50px;
+ width: 130px;
+ height: 130px;
+ margin-top: 10px;
+ margin-left: 10px;
+ stroke-width: 16px;
+}
+
+.special-style {
+ center-x:50px;
+ center-y:50px;
+ start-angle:10;
+ total-angle:180;
+ radius:50px;
+ width: 100px;
+ height: 100px;
+ color: #ff0000;
+ stroke-width: 16px;
+ margin-left: 20px;
+ margin-top: 10px;
+}
+
+.two-right-div {
+ width: 230px;
+ height: 150px;
+ top: 40px;
+ left: 0px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/style/style.hml b/examples/showcase/src/main/js/default/pages/component/progress/circle/style/style.hml
new file mode 100755
index 0000000..a881c92
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/style/style.hml
@@ -0,0 +1,113 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+ 背景
+ left为20
+ top为20
+
+
+
+
+
+
+
+
+
+
+
+ margin 20
+ height 70
+ width 70
+
+
+
+
+
+
+
+
+
+
+
+
+
+ margin
+ left 20
+ top 20
+ right 20
+ buttom 20
+
+
+
+
+
+
+
+
+
+
+
+
+
+ border
+ padding
+
+
+
+
+
+
+
+
+
+ 特有样式
+
+
+
+
+
+
+ color
+ stroke-width
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/circle/style/style.js b/examples/showcase/src/main/js/default/pages/component/progress/circle/style/style.js
new file mode 100755
index 0000000..17da017
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/circle/style/style.js
@@ -0,0 +1,18 @@
+/*
+ * 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 {
+ ...goPage("pages/component/progress/circle/index/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.css b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.css
new file mode 100755
index 0000000..0ce4fa4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.css
@@ -0,0 +1,81 @@
+/*
+ * 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 {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.horizontal-progress {
+ margin-left: 10px;
+ margin-top: 10px;
+ width: 100px;
+ height: 100px;
+ stroke-width: 5px;
+}
+
+.item-attribute {
+ width: 450px;
+ height: 100px;
+}
+
+.attribute-div {
+ left: 0px;
+ top: 0px;
+ height: 100px;
+ width: 450px;
+ flex-direction: row;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.left-text {
+ margin-left: 10px;
+ margin-top: 10px;
+ width: 250px;
+ height: 50px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.hml b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.hml
new file mode 100755
index 0000000..cb8a7ed
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.hml
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+ percent
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.js b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.js
new file mode 100755
index 0000000..3be42ce
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/attr/attr.js
@@ -0,0 +1,27 @@
+/*
+ * 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";
+import {changeStatus, changeStatusIf} from "../../../../../common/js/progress"
+export default {
+ data: {
+ listData: ["a", "b"],
+ status: true,
+ ifStatus:true,
+ show: 20
+ },
+ ...goPage("pages/component/progress/horizontal/index/index"),
+ changeStatus: changeStatus,
+ changeStatusIf: changeStatusIf
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/event/event.css b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/event/event.css
new file mode 100755
index 0000000..d5ea060
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/event/event.css
@@ -0,0 +1,98 @@
+/*
+ * 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 {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.horizontal-progress {
+ margin-left: 10px;
+ margin-top: 10px;
+ width: 100px;
+ height: 100px;
+ stroke-width: 5px;
+}
+
+.item-click {
+ width: 450px;
+ height: 200px;
+}
+
+.click-div {
+ width: 450px;
+ height: 200px;
+ top: 0px;
+ left: 0px;
+}
+
+.click-left-div {
+ width: 200px;
+ height: 200px;
+ margin-top: 30px;
+ margin-left: 0px;
+ flex-direction: column;
+}
+
+.click-right-div {
+ width: 250px;
+ height: 200px;
+ top: 0px;
+ left: 0px;
+ flex-direction: column;
+}
+
+.text {
+ width: 220px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.text2 {
+ width: 220px;
+ height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+ text-overflow: ellipsis;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/event/event.hml b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/event/event.hml
new file mode 100755
index 0000000..0e09e45
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/event/event.hml
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+ click
+ longpress
+ swipe
+
+
+
+ {{value}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/event/event.js b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/event/event.js
new file mode 100755
index 0000000..2e7413a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/event/event.js
@@ -0,0 +1,26 @@
+/*
+ * 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";
+import {clickEvent, longpressEvent, swipeEvent} from "../../../../../common/js/progress";
+export default {
+ data: {
+ percent: 20,
+ value: "点击/长按/滑动"
+ },
+ ...goPage("pages/component/progress/horizontal/index/index"),
+ clickEvent: clickEvent,
+ longpressEvent: longpressEvent,
+ swipeEvent: swipeEvent
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/index/index.css b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/index/index.css
new file mode 100755
index 0000000..98b49f6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/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: 130px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/index/index.hml b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/index/index.hml
new file mode 100755
index 0000000..90cc8d5
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/index/index.hml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 水平progress
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/index/index.js b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/index/index.js
new file mode 100755
index 0000000..d5eb5f3
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/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/progress/index/index"),
+ changePage1: routePage("pages/component/progress/horizontal/attr/attr").changePage,
+ changePage2: routePage("pages/component/progress/horizontal/style/style").changePage,
+ changePage3: routePage("pages/component/progress/horizontal/event/event").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/style/style.css b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/style/style.css
new file mode 100755
index 0000000..c56ea35
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/style/style.css
@@ -0,0 +1,159 @@
+/*
+ * 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 {
+ width: 454px;
+ height: 80px;
+}
+
+.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;
+}
+
+.item-three {
+ width: 450px;
+ height: 200px;
+}
+
+.three-div {
+ width: 450px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+}
+
+.three-left-div {
+ width: 220px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.three-right-div {
+ width: 230px;
+ height: 190px;
+ top: 40px;
+ left: 0px;
+}
+
+.general-stack {
+ top: 50px;
+ left: 2px;
+ width: 250px;
+ height: 150px;
+ background-color: springgreen;
+}
+
+.general-item {
+ top: 50px;
+ left: 50px;
+ width: 130px;
+ height: 50px;
+ background-color: red;
+ stroke-width:5px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.margin-show {
+ margin: 40px;
+ height: 40px;
+ width: 100px;
+}
+
+.border-show {
+ margin-top: 10px;
+ margin-left: 10px;
+ border-width: 5px;
+ border-radius: 5px;
+ border-color: #0000ff;
+ padding: 10px;
+ width: 100px;
+ height: 10px;
+ stroke-width: 10px;
+}
+
+.special-style {
+ color: red;
+ stroke-width: 10px;
+ margin-left: 40px;
+ margin-right: 10px;
+ width:100px;
+ height: 40px;
+}
+
+.item-two {
+ width: 450px;
+ height: 150px;
+}
+
+.two-right-div {
+ width: 230px;
+ height: 150px;
+ top: 40px;
+ left: 0px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.two-div {
+ width: 450px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+}
+
+.style-right-div {
+ width: 250px;
+ height: 200px;
+ left:10px;
+ top:10px;
+ flex-direction: column;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/style/style.hml b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/style/style.hml
new file mode 100755
index 0000000..d6d4514
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/style/style.hml
@@ -0,0 +1,101 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+ 背景
+ left为50
+ top为50
+
+
+
+
+
+
+
+
+
+
+
+ margin
+ height
+ width
+
+
+
+
+
+
+
+
+
+
+
+ border
+ padding
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 特有样式
+
+
+
+
+
+
+ color
+ stroke-width
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/horizontal/style/style.js b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/style/style.js
new file mode 100755
index 0000000..bcac2ca
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/horizontal/style/style.js
@@ -0,0 +1,32 @@
+/*
+ * 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";
+var displayData = ["flex", "none"];
+export default {
+ changeDisplay: function () {
+ if (this.status == true) {
+ this.displayValue = displayData[1];
+ this.status = false;
+ } else {
+ this.displayValue = displayData[0];
+ this.status = true;
+ }
+ },
+ data: {
+ status: true,
+ displayValue: displayData[0]
+ },
+ ...goPage("pages/component/progress/horizontal/index/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/index/index.css b/examples/showcase/src/main/js/default/pages/component/progress/index/index.css
new file mode 100755
index 0000000..dac1e64
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/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;
+}
+
+.input-item {
+ width: 454px;
+ height: 100px;
+}
+
+.input-button {
+ width: 220px;
+ height: 60px;
+ margin-left: 120px;
+}
+
+.list {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.item-title {
+ width: 454px;
+ height: 80px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/index/index.hml b/examples/showcase/src/main/js/default/pages/component/progress/index/index.hml
new file mode 100755
index 0000000..4beab7f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/index/index.hml
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/progress/index/index.js b/examples/showcase/src/main/js/default/pages/component/progress/index/index.js
new file mode 100755
index 0000000..0eecd8d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/progress/index/index.js
@@ -0,0 +1,20 @@
+/*
+ * 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 {
+ ...goPage("pages/component/index/baseIndex/index"),
+ changeCircle: routePage("pages/component/progress/circle/index/index").changePage,
+ changeHorizontal: routePage("pages/component/progress/horizontal/index/index").changePage,
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/attr/attr.css b/examples/showcase/src/main/js/default/pages/component/slider/attr/attr.css
new file mode 100755
index 0000000..9d989fd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/attr/attr.css
@@ -0,0 +1,117 @@
+/*
+ * 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 {
+ width: 454px;
+ height: 80px;
+}
+
+.separatorContainerStyle {
+ width: 454px;
+ height: 4px;
+ background-color: #8b8b7a;
+}
+
+.item-two {
+ width: 450px;
+ height: 150px;
+}
+
+.two-div {
+ width: 450px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.two-right-div {
+ width: 230px;
+ height: 150px;
+ top: 40px;
+ left: 0px;
+}
+
+.item-three {
+ width: 450px;
+ height: 200px;
+}
+
+.three-div {
+ width: 450px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+}
+
+.three-left-div {
+ width: 220px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.three-right-div {
+ width: 230px;
+ height: 190px;
+ top: 40px;
+ left: 0px;
+}
+
+.slider {
+ margin-left: 20px;
+ margin-top: 20px;
+ width: 100px;
+ height: 20px;
+ block-color: blue;
+ selected-color: #ff0000;
+ color: #00ff00;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.item-types {
+ width: 454px;
+ height: 80px;
+}
+
+.whole-text {
+ margin-top:10px;
+ margin-left:150px;
+ width:200px;
+ height:60px;
+ font-size:30px;
+ color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/attr/attr.hml b/examples/showcase/src/main/js/default/pages/component/slider/attr/attr.hml
new file mode 100755
index 0000000..26ac273
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/attr/attr.hml
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+
+
+ display
+
+
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+
+ min为10
+ max为80
+ value为40
+
+
+
+ {{slideValue}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/attr/attr.js b/examples/showcase/src/main/js/default/pages/component/slider/attr/attr.js
new file mode 100755
index 0000000..ca4378c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/attr/attr.js
@@ -0,0 +1,49 @@
+/*
+ * 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: {
+ slideValue: "值:"+"40",
+ status: true,
+ sliders:[1,2],
+ isDisplay:'flex',
+ ifStatus:true
+ },
+ ...goPage("pages/component/slider/index/index"),
+ slideEvent(value) {
+ this.slideValue = "值:"+value.progress;
+ },
+ changeStatus: function () {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+ },
+ changeIfStatus:function(){
+ if(this.ifStatus == true){
+ this.ifStatus = false;
+ } else if(this.ifStatus == false){
+ this.ifStatus = true;
+ }
+ },
+ changeDisplay:function(){
+ if(this.isDisplay == 'flex'){
+ this.isDisplay = 'none';
+ } else if(this.isDisplay == 'none'){
+ this.isDisplay = 'flex';
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/event/event.css b/examples/showcase/src/main/js/default/pages/component/slider/event/event.css
new file mode 100755
index 0000000..304ad87
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/event/event.css
@@ -0,0 +1,95 @@
+/*
+ * 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 {
+ width: 454px;
+ height: 80px;
+}
+
+.separatorContainerStyle {
+ width: 454px;
+ height: 4px;
+ background-color: #8b8b7a;
+}
+
+.item-two {
+ width: 450px;
+ height: 300px;
+}
+
+.two-div {
+ width: 450px;
+ height: 300px;
+ left: 0px;
+ top: 0px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 300px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.three-right-div {
+ width: 230px;
+ height: 300px;
+ top: 40px;
+ left: 0px;
+}
+
+.slider {
+ margin-left: 20px;
+ margin-top: 20px;
+ width: 100px;
+ height: 20px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.text2 {
+ width: 200px;
+ height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.item-types {
+ width: 454px;
+ height: 80px;
+}
+
+.whole-text {
+ margin-top:10px;
+ margin-left:150px;
+ width:200px;
+ height:60px;
+ font-size:30px;
+ color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/event/event.hml b/examples/showcase/src/main/js/default/pages/component/slider/event/event.hml
new file mode 100755
index 0000000..f78018d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/event/event.hml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 特殊事件
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/event/event.js b/examples/showcase/src/main/js/default/pages/component/slider/event/event.js
new file mode 100755
index 0000000..6c94ba1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/event/event.js
@@ -0,0 +1,32 @@
+/*
+ * 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: {
+ name: "触发click事件",
+ changename:"触发change事件",
+ swipename: "触发swipe事件",
+ },
+ ...goPage("pages/component/slider/index/index"),
+ clickEvent() {
+ this.name = "click被触发";
+ },
+ changeEvent(value) {
+ this.changename = "change:" + value.progress;
+ },
+ swipeEvent(e) {
+ this.swipename = "swipe方向:" + e.direction;
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/index/index.css b/examples/showcase/src/main/js/default/pages/component/slider/index/index.css
new file mode 100755
index 0000000..0af4319
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/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: 180px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/index/index.hml b/examples/showcase/src/main/js/default/pages/component/slider/index/index.hml
new file mode 100755
index 0000000..241bb40
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/index/index.hml
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ slider
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/index/index.js b/examples/showcase/src/main/js/default/pages/component/slider/index/index.js
new file mode 100755
index 0000000..1b3a746
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/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/formIndex/index"),
+ changePage1: routePage("pages/component/slider/attr/attr").changePage,
+ changePage2: routePage("pages/component/slider/style/style").changePage,
+ changePage3: routePage("pages/component/slider/event/event").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/style/style.css b/examples/showcase/src/main/js/default/pages/component/slider/style/style.css
new file mode 100755
index 0000000..3e9e29b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/style/style.css
@@ -0,0 +1,157 @@
+/*
+ * 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 {
+ width: 454px;
+ height: 80px;
+}
+
+.separatorContainerStyle {
+ width: 454px;
+ height: 4px;
+ background-color: #8b8b7a;
+}
+
+.item-two {
+ width: 450px;
+ height: 150px;
+}
+
+.two-div {
+ width: 450px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.two-right-div {
+ width: 230px;
+ height: 150px;
+ top: 40px;
+ left: 0px;
+}
+
+.item-three {
+ width: 450px;
+ height: 200px;
+}
+
+.three-div {
+ width: 450px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+}
+
+.three-left-div {
+ width: 220px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.three-right-div {
+ width: 230px;
+ height: 190px;
+ top: 40px;
+ left: 0px;
+}
+
+.slider {
+ margin-left: 20px;
+ margin-top: 20px;
+ width: 100px;
+ height: 20px;
+}
+
+.general-stack {
+ width: 200px;
+ height: 170px;
+ top: 0px;
+ left: 0px;
+ background-color: springgreen;
+}
+
+.general-item {
+ left: 50px;
+ background-color: red;
+ top: 50px;
+ width: 100px;
+ height: 100px;
+}
+
+.margin-show {
+ margin: 20px;
+ height: 10px;
+ width: 100px;
+}
+
+.border-show {
+ border-width: 5px;
+ border-radius: 5px;
+ border-color: #0000ff;
+ padding: 10px;
+ width: 100px;
+ height: 32px;
+ margin-left: 20px;
+ background-color: red;
+}
+
+.special-style {
+ margin-top: 10px;
+ margin-left: 20px;
+ width: 100px;
+ height: 20px;
+ color: red;
+ selected-color: springgreen;
+ block-color: blue;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.item-types {
+ width: 454px;
+ height: 80px;
+}
+
+.whole-text {
+ margin-top:10px;
+ margin-left:150px;
+ width:200px;
+ height:60px;
+ font-size:30px;
+ color: red;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/style/style.hml b/examples/showcase/src/main/js/default/pages/component/slider/style/style.hml
new file mode 100755
index 0000000..3e9a0bd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/style/style.hml
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+ 背景
+ left为50
+ top为50
+
+
+
+
+
+
+
+
+
+
+
+ margin
+ height
+ width
+
+
+
+
+
+
+
+
+
+
+
+ border
+ padding
+
+
+
+
+
+
+
+
+
+ 特有样式
+
+
+
+
+
+
+ color为red
+ select-color
+ block-color
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/slider/style/style.js b/examples/showcase/src/main/js/default/pages/component/slider/style/style.js
new file mode 100755
index 0000000..2838e37
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/slider/style/style.js
@@ -0,0 +1,18 @@
+/*
+ * 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 {
+ ...goPage("pages/component/slider/index/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/index/index.css b/examples/showcase/src/main/js/default/pages/component/stack/index/index.css
new file mode 100755
index 0000000..0af4319
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/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: 180px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/index/index.hml b/examples/showcase/src/main/js/default/pages/component/stack/index/index.hml
new file mode 100755
index 0000000..de020d4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/index/index.hml
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ stack
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/index/index.js b/examples/showcase/src/main/js/default/pages/component/stack/index/index.js
new file mode 100755
index 0000000..1b39ea7
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/index/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/containerIndex/index"),
+ changePage1: routePage("pages/component/stack/indexAttr/index").changePage,
+ changePage2: routePage("pages/component/stack/indexStyle/index").changePage,
+ changePage3: routePage("pages/component/stack/indexEvent/index").changePage,
+ changePage4: routePage("pages/component/stack/indexEffect/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexAttr/index.css b/examples/showcase/src/main/js/default/pages/component/stack/indexAttr/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexAttr/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/stack/indexAttr/index.hml
new file mode 100755
index 0000000..57fe3dd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexAttr/index.hml
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+ show
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+ if
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexAttr/index.js b/examples/showcase/src/main/js/default/pages/component/stack/indexAttr/index.js
new file mode 100755
index 0000000..81d7d07
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexAttr/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/stack/index/index"),
+ changePage1: routePage("pages/component/stack/stack6/stack6").changePage,
+ changePage2: routePage("pages/component/stack/stack7/stack7").changePage,
+ changePage3: routePage("pages/component/stack/stack8/stack8").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexEffect/index.css b/examples/showcase/src/main/js/default/pages/component/stack/indexEffect/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexEffect/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexEffect/index.hml b/examples/showcase/src/main/js/default/pages/component/stack/indexEffect/index.hml
new file mode 100755
index 0000000..b6da5d3
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexEffect/index.hml
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 特有效果
+
+
+
+
+
+
+
+ stack中组件设置position
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexEffect/index.js b/examples/showcase/src/main/js/default/pages/component/stack/indexEffect/index.js
new file mode 100755
index 0000000..2ac80c1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexEffect/index.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.
+ */
+import {backPage, routePage} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/stack/index/index"),
+ changePage1: routePage("pages/component/stack/stack5/stack5").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexEvent/index.css b/examples/showcase/src/main/js/default/pages/component/stack/indexEvent/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexEvent/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexEvent/index.hml b/examples/showcase/src/main/js/default/pages/component/stack/indexEvent/index.hml
new file mode 100755
index 0000000..866d33b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexEvent/index.hml
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+
+ click
+
+
+ longpress
+
+
+ swipe
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexEvent/index.js b/examples/showcase/src/main/js/default/pages/component/stack/indexEvent/index.js
new file mode 100755
index 0000000..db99260
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexEvent/index.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.
+ */
+import {backPage, routePage} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/stack/index/index"),
+ changePage1: routePage("pages/component/stack/stack1/stack1").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexStyle/index.css b/examples/showcase/src/main/js/default/pages/component/stack/indexStyle/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexStyle/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/stack/indexStyle/index.hml
new file mode 100755
index 0000000..8b419ba
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexStyle/index.hml
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+
+ 背景色
+
+
+ left
+
+
+ top
+
+
+
+
+
+
+
+
+
+
+ margin
+
+
+ height
+
+
+ width
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/indexStyle/index.js b/examples/showcase/src/main/js/default/pages/component/stack/indexStyle/index.js
new file mode 100755
index 0000000..c96e6d8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/indexStyle/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/stack/index/index"),
+ changePage1: routePage("pages/component/stack/stack2/stack2").changePage,
+ changePage2: routePage("pages/component/stack/stack3/stack3").changePage,
+ changePage3: routePage("pages/component/stack/stack4/stack4").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack1/stack1.css b/examples/showcase/src/main/js/default/pages/component/stack/stack1/stack1.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack1/stack1.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack1/stack1.hml b/examples/showcase/src/main/js/default/pages/component/stack/stack1/stack1.hml
new file mode 100755
index 0000000..986ee03
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack1/stack1.hml
@@ -0,0 +1,37 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack1/stack1.js b/examples/showcase/src/main/js/default/pages/component/stack/stack1/stack1.js
new file mode 100755
index 0000000..c514815
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack1/stack1.js
@@ -0,0 +1,32 @@
+/*
+ * 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 {
+ data: {
+ text1: "点击事件未触发",
+ text2: "长按事件未触发",
+ text3: "swipe事件未触发",
+ },
+ ...backPage("pages/component/stack/indexEvent/index"),
+ clickFunc: function () {
+ this.text1 = "点击事件已触发";
+ },
+ longpressFunc: function () {
+ this.text2 = "长按事件已触发";
+ },
+ stackswipe: function (e) {
+ this.text3 = "swipe方向:" + e.direction;
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack2/stack2.css b/examples/showcase/src/main/js/default/pages/component/stack/stack2/stack2.css
new file mode 100755
index 0000000..f07e5b9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack2/stack2.css
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+.stack {
+ left: 0px;
+ top: 0px;
+ width: 454px;
+ height: 454px;
+}
+
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack2/stack2.hml b/examples/showcase/src/main/js/default/pages/component/stack/stack2/stack2.hml
new file mode 100755
index 0000000..aabc4bd
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack2/stack2.hml
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+
+
+
+ stack已设置样式
+
+
+
+ {{text1}}
+
+
+ {{text2}}
+
+
+ {{text3}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack2/stack2.js b/examples/showcase/src/main/js/default/pages/component/stack/stack2/stack2.js
new file mode 100755
index 0000000..481863a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack2/stack2.js
@@ -0,0 +1,23 @@
+/*
+ * 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 {
+ data: {
+ text1: "背景色绿色",
+ text2: "left设置85",
+ text3: "top设置170"
+ },
+ ...backPage("pages/component/stack/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack3/stack3.css b/examples/showcase/src/main/js/default/pages/component/stack/stack3/stack3.css
new file mode 100755
index 0000000..920908f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack3/stack3.css
@@ -0,0 +1,37 @@
+/*
+ * 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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ font-size: 30px;
+}
+
+.item {
+ width: 280px;
+ height: 50px;
+}
+
+.div1 {
+ height: 145px;
+ width: 160px;
+ border-width: 1px;
+ border-color: #ff0000;
+}
+
+.div2 {
+ width: 120px;
+ height: 50px;
+ background-color: #00ff00;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack3/stack3.hml b/examples/showcase/src/main/js/default/pages/component/stack/stack3/stack3.hml
new file mode 100755
index 0000000..18c5116
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack3/stack3.hml
@@ -0,0 +1,66 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack3/stack3.js b/examples/showcase/src/main/js/default/pages/component/stack/stack3/stack3.js
new file mode 100755
index 0000000..8b37718
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack3/stack3.js
@@ -0,0 +1,23 @@
+/*
+ * 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 {
+ data: {
+ text1: "margin左边距85",
+ text2: "margin上边距10",
+ text3: "宽高已设置"
+ },
+ ...backPage("pages/component/stack/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack4/stack4.css b/examples/showcase/src/main/js/default/pages/component/stack/stack4/stack4.css
new file mode 100755
index 0000000..d1559a9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack4/stack4.css
@@ -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.
+ */
+.text {
+ width: 200px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack4/stack4.hml b/examples/showcase/src/main/js/default/pages/component/stack/stack4/stack4.hml
new file mode 100755
index 0000000..1bcf9c0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack4/stack4.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 内边距和边框
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack4/stack4.js b/examples/showcase/src/main/js/default/pages/component/stack/stack4/stack4.js
new file mode 100755
index 0000000..a420898
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack4/stack4.js
@@ -0,0 +1,18 @@
+/*
+ * 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/stack/indexStyle/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack5/stack5.css b/examples/showcase/src/main/js/default/pages/component/stack/stack5/stack5.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack5/stack5.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack5/stack5.hml b/examples/showcase/src/main/js/default/pages/component/stack/stack5/stack5.hml
new file mode 100755
index 0000000..c44cdf6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack5/stack5.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 层叠显示组件
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack5/stack5.js b/examples/showcase/src/main/js/default/pages/component/stack/stack5/stack5.js
new file mode 100755
index 0000000..4ea65f3
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack5/stack5.js
@@ -0,0 +1,18 @@
+/*
+ * 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/stack/indexEvent/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack6/stack6.css b/examples/showcase/src/main/js/default/pages/component/stack/stack6/stack6.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack6/stack6.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack6/stack6.hml b/examples/showcase/src/main/js/default/pages/component/stack/stack6/stack6.hml
new file mode 100755
index 0000000..56237c1
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack6/stack6.hml
@@ -0,0 +1,33 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack6/stack6.js b/examples/showcase/src/main/js/default/pages/component/stack/stack6/stack6.js
new file mode 100755
index 0000000..ebcadef
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack6/stack6.js
@@ -0,0 +1,25 @@
+/*
+ * 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";
+import {changeStatus} from "../../../../common/js/stack"
+export default {
+ data: {
+ text1: "点击按钮改变状态",
+ status: true,
+ div01: "div01"
+ },
+ ...backPage("pages/component/stack/indexAttr/index"),
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack7/stack7.css b/examples/showcase/src/main/js/default/pages/component/stack/stack7/stack7.css
new file mode 100755
index 0000000..90290c3
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack7/stack7.css
@@ -0,0 +1,27 @@
+/*
+ * 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.
+ */
+.text {
+ width: 130px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.image {
+ width: 130px;
+ height: 50px;
+}
+
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack7/stack7.hml b/examples/showcase/src/main/js/default/pages/component/stack/stack7/stack7.hml
new file mode 100755
index 0000000..e494889
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack7/stack7.hml
@@ -0,0 +1,32 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack7/stack7.js b/examples/showcase/src/main/js/default/pages/component/stack/stack7/stack7.js
new file mode 100755
index 0000000..dd35862
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack7/stack7.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 {backPage, routePage} from "../../../../common/js/general";
+export default {
+ data: {
+ text1: "点击按钮改变状态",
+ loopArray: ["1", "2", "3"],
+ display: "flex"
+ },
+ ...backPage("pages/component/stack/indexAttr/index"),
+ changeDisplay: function () {
+ if (this.display === "flex") {
+ this.display = "none";
+ } else {
+ this.display = "flex";
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack8/stack8.css b/examples/showcase/src/main/js/default/pages/component/stack/stack8/stack8.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack8/stack8.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack8/stack8.hml b/examples/showcase/src/main/js/default/pages/component/stack/stack8/stack8.hml
new file mode 100755
index 0000000..e73b7a8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack8/stack8.hml
@@ -0,0 +1,33 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/stack/stack8/stack8.js b/examples/showcase/src/main/js/default/pages/component/stack/stack8/stack8.js
new file mode 100755
index 0000000..e7eed2c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/stack/stack8/stack8.js
@@ -0,0 +1,24 @@
+/*
+ * 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";
+import {changeStatus} from "../../../../common/js/stack"
+export default {
+ data: {
+ text1: "点击按钮改变状态",
+ status: true
+ },
+ ...backPage("pages/component/stack/indexAttr/index"),
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/index/index.css b/examples/showcase/src/main/js/default/pages/component/swiper/index/index.css
new file mode 100755
index 0000000..7338de9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/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: 175px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/index/index.hml b/examples/showcase/src/main/js/default/pages/component/swiper/index/index.hml
new file mode 100755
index 0000000..ee8726c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/index/index.hml
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ swiper
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/index/index.js b/examples/showcase/src/main/js/default/pages/component/swiper/index/index.js
new file mode 100755
index 0000000..22b0708
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/index/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/containerIndex/index"),
+ changePage1: routePage("pages/component/swiper/indexAttr/index").changePage,
+ changePage2: routePage("pages/component/swiper/indexStyle/index").changePage,
+ changePage3: routePage("pages/component/swiper/indexEvent/index").changePage,
+ changePage4: routePage("pages/component/swiper/indexSpecSet/index").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexAttr/index.css b/examples/showcase/src/main/js/default/pages/component/swiper/indexAttr/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexAttr/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexAttr/index.hml b/examples/showcase/src/main/js/default/pages/component/swiper/indexAttr/index.hml
new file mode 100755
index 0000000..91ab00f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexAttr/index.hml
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+ show和style
+
+
+
+
+
+
+
+
+
+
+ class和if
+
+
+
+
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexAttr/index.js b/examples/showcase/src/main/js/default/pages/component/swiper/indexAttr/index.js
new file mode 100755
index 0000000..6b51d19
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexAttr/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/swiper/index/index"),
+ changePage1: routePage("pages/component/swiper/swiper6/swiper6").changePage,
+ changePage2: routePage("pages/component/swiper/swiper7/swiper7").changePage,
+ changePage3: routePage("pages/component/swiper/swiper11/swiper11").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexEvent/index.css b/examples/showcase/src/main/js/default/pages/component/swiper/indexEvent/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexEvent/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexEvent/index.hml b/examples/showcase/src/main/js/default/pages/component/swiper/indexEvent/index.hml
new file mode 100755
index 0000000..7acd22a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexEvent/index.hml
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+
+ click
+
+
+ longpress
+
+
+ swipe
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexEvent/index.js b/examples/showcase/src/main/js/default/pages/component/swiper/indexEvent/index.js
new file mode 100755
index 0000000..b9db67e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexEvent/index.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.
+ */
+import {backPage, routePage} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/swiper/index/index"),
+ changePage1: routePage("pages/component/swiper/swiper1/swiper1").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexSpecSet/index.css b/examples/showcase/src/main/js/default/pages/component/swiper/indexSpecSet/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexSpecSet/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexSpecSet/index.hml b/examples/showcase/src/main/js/default/pages/component/swiper/indexSpecSet/index.hml
new file mode 100755
index 0000000..8233158
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexSpecSet/index.hml
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 特有设置
+
+
+
+
+
+
+
+ index
+
+
+ vertical
+
+
+ duration
+
+
+ loop
+
+
+ change
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexSpecSet/index.js b/examples/showcase/src/main/js/default/pages/component/swiper/indexSpecSet/index.js
new file mode 100755
index 0000000..5b7d55a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexSpecSet/index.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.
+ */
+import {backPage, routePage} from "../../../../common/js/general";
+export default {
+ ...backPage("pages/component/swiper/index/index"),
+ changePage1: routePage("pages/component/swiper/swiper5/swiper5").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexStyle/index.css b/examples/showcase/src/main/js/default/pages/component/swiper/indexStyle/index.css
new file mode 100755
index 0000000..60569ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexStyle/index.css
@@ -0,0 +1,31 @@
+/*
+ * 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: 170px;
+ margin-top: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexStyle/index.hml b/examples/showcase/src/main/js/default/pages/component/swiper/indexStyle/index.hml
new file mode 100755
index 0000000..ee92e92
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexStyle/index.hml
@@ -0,0 +1,120 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+
+ 背景色
+
+
+ left
+
+
+ top
+
+
+
+
+
+
+
+
+
+
+ margin
+
+
+ height
+
+
+ width
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
+
+ margin-left
+
+
+ margin-top
+
+
+
+
+
+
+
+
+
+
+ margin-right和bottom
+
+
+
+
+
+
+
+
+
+
+ display
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/indexStyle/index.js b/examples/showcase/src/main/js/default/pages/component/swiper/indexStyle/index.js
new file mode 100755
index 0000000..844efe9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/indexStyle/index.js
@@ -0,0 +1,24 @@
+/*
+ * 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/swiper/index/index"),
+ changePage1: routePage("pages/component/swiper/swiper2/swiper2").changePage,
+ changePage2: routePage("pages/component/swiper/swiper3/swiper3").changePage,
+ changePage3: routePage("pages/component/swiper/swiper4/swiper4").changePage,
+ changePage4: routePage("pages/component/swiper/swiper8/swiper8").changePage,
+ changePage5: routePage("pages/component/swiper/swiper9/swiper9").changePage,
+ changePage6: routePage("pages/component/swiper/swiper10/swiper10").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper1/swiper1.css b/examples/showcase/src/main/js/default/pages/component/swiper/swiper1/swiper1.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper1/swiper1.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper1/swiper1.hml b/examples/showcase/src/main/js/default/pages/component/swiper/swiper1/swiper1.hml
new file mode 100755
index 0000000..b3306f8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper1/swiper1.hml
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
+ 第{{index}}页,共3页
+
+
+ 长按空白文字改变
+
+
+ {{text2}}
+
+
+
+
+
+
+
+
+
+
+ 第{{index}}页,共3页
+
+
+ 点击空白文字改变
+
+
+ {{text3}}
+
+
+
+
+
+
+
+
+
+
+ 第{{index}}页,共3页
+
+
+ 滑动空白处触发swipe事件
+
+
+ {{text4}}
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper1/swiper1.js b/examples/showcase/src/main/js/default/pages/component/swiper/swiper1/swiper1.js
new file mode 100755
index 0000000..15036d3
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper1/swiper1.js
@@ -0,0 +1,36 @@
+/*
+ * 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 {
+ data: {
+ index: 0,
+ text2: "longpress未触发",
+ text3: "click未触发",
+ text4: "swipe未触发",
+ },
+ ...backPage("pages/component/swiper/indexEvent/index"),
+ textChange2: function () {
+ this.text2 = "longpress已触发";
+ },
+ textChange3: function () {
+ this.text3 = "click已触发";
+ },
+ textChange4: function (e) {
+ this.text4 = "swipe方向:" + e.direction;
+ },
+ showPage: function (e) {
+ this.index = e.index + 1;
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper10/swiper10.css b/examples/showcase/src/main/js/default/pages/component/swiper/swiper10/swiper10.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper10/swiper10.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper10/swiper10.hml b/examples/showcase/src/main/js/default/pages/component/swiper/swiper10/swiper10.hml
new file mode 100755
index 0000000..7b3f9f4
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper10/swiper10.hml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{text1}}
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper10/swiper10.js b/examples/showcase/src/main/js/default/pages/component/swiper/swiper10/swiper10.js
new file mode 100755
index 0000000..fdb2557
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper10/swiper10.js
@@ -0,0 +1,29 @@
+/*
+ * 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 {
+ data: {
+ text1: "点击改变display",
+ status: "flex"
+ },
+ ...backPage("pages/component/swiper/indexStyle/index"),
+ changeStatus: function () {
+ if (this.status === "flex") {
+ this.status = "none";
+ } else {
+ this.status = "flex";
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper11/swiper11.css b/examples/showcase/src/main/js/default/pages/component/swiper/swiper11/swiper11.css
new file mode 100755
index 0000000..34660ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper11/swiper11.css
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.swiperStyle {
+ width:280px;
+ height:110px;
+ margin-top:10px;
+ margin-left:85px;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper11/swiper11.hml b/examples/showcase/src/main/js/default/pages/component/swiper/swiper11/swiper11.hml
new file mode 100755
index 0000000..26113f7
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper11/swiper11.hml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{$item}}
+
+
+ 由for构造出来
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper11/swiper11.js b/examples/showcase/src/main/js/default/pages/component/swiper/swiper11/swiper11.js
new file mode 100755
index 0000000..225bb35
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper11/swiper11.js
@@ -0,0 +1,24 @@
+/*
+ * 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 {
+ data: {
+ listData: [
+ "第一个swiper",
+ "第二个swiper"
+ ]
+ },
+ ...backPage("pages/component/swiper/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper2/swiper2.css b/examples/showcase/src/main/js/default/pages/component/swiper/swiper2/swiper2.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper2/swiper2.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper2/swiper2.hml b/examples/showcase/src/main/js/default/pages/component/swiper/swiper2/swiper2.hml
new file mode 100755
index 0000000..48b9cde
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper2/swiper2.hml
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+ 第{{index}}页,共1页
+
+
+ 背景色设为绿色
+
+
+ left和top设为75
+
+
+
+
+
+
+
+
+
+
+ 第{{index}}页,共1页
+
+
+ 背景色设为绿色
+
+
+ left和top设为75
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper2/swiper2.js b/examples/showcase/src/main/js/default/pages/component/swiper/swiper2/swiper2.js
new file mode 100755
index 0000000..56cc381
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper2/swiper2.js
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+// swiper2.js
+import { backPage, routePage } from "../../../../common/js/general";
+import {showPage} from "../../../../common/js/swiper";
+export default {
+ data: {
+ index: 0
+ },
+ ...backPage("pages/component/swiper/indexStyle/index"),
+ showPage: showPage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper3/swiper3.css b/examples/showcase/src/main/js/default/pages/component/swiper/swiper3/swiper3.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper3/swiper3.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper3/swiper3.hml b/examples/showcase/src/main/js/default/pages/component/swiper/swiper3/swiper3.hml
new file mode 100755
index 0000000..015ee03
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper3/swiper3.hml
@@ -0,0 +1,53 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper3/swiper3.js b/examples/showcase/src/main/js/default/pages/component/swiper/swiper3/swiper3.js
new file mode 100755
index 0000000..15f1fb2
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper3/swiper3.js
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+// swiper3.js
+import { backPage, routePage } from "../../../../common/js/general";
+import {showPage} from "../../../../common/js/swiper";
+export default {
+ data: {
+ index: 0
+ },
+ ...backPage("pages/component/swiper/indexStyle/index"),
+ showPage: showPage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper4/swiper4.css b/examples/showcase/src/main/js/default/pages/component/swiper/swiper4/swiper4.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper4/swiper4.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper4/swiper4.hml b/examples/showcase/src/main/js/default/pages/component/swiper/swiper4/swiper4.hml
new file mode 100755
index 0000000..a5dcabc
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper4/swiper4.hml
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper4/swiper4.js b/examples/showcase/src/main/js/default/pages/component/swiper/swiper4/swiper4.js
new file mode 100755
index 0000000..061aae0
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper4/swiper4.js
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+// swiper4.js
+import { backPage, routePage } from "../../../../common/js/general";
+import {showPage} from "../../../../common/js/swiper";
+export default {
+ data: {
+ index: 0
+ },
+ ...backPage("pages/component/swiper/indexStyle/index"),
+ showPage: showPage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper5/swiper5.css b/examples/showcase/src/main/js/default/pages/component/swiper/swiper5/swiper5.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper5/swiper5.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper5/swiper5.hml b/examples/showcase/src/main/js/default/pages/component/swiper/swiper5/swiper5.hml
new file mode 100755
index 0000000..2be9365
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper5/swiper5.hml
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+
+
+
+
+ 第{{index}}页,共2页
+
+
+ change触发页号改变
+
+
+ 页面初始index为2
+
+
+ 滑动方向垂直
+
+
+ 滑动时间1000
+
+
+ loop为true
+
+
+
+
+
+
+
+
+
+
+ 第{{index}}页,共2页
+
+
+ change触发页号改变
+
+
+ 页面初始index为2
+
+
+ 滑动方向垂直
+
+
+ 滑动时间1000
+
+
+ loop为true
+
+
+
+
+
+
+
+
+
+
+ 第{{index}}页,共2页
+
+
+ change触发页号改变
+
+
+ 页面初始index为2
+
+
+ 滑动方向垂直
+
+
+ 滑动时间1000
+
+
+ loop为true
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper5/swiper5.js b/examples/showcase/src/main/js/default/pages/component/swiper/swiper5/swiper5.js
new file mode 100755
index 0000000..d9a9ca3
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper5/swiper5.js
@@ -0,0 +1,23 @@
+/*
+ * 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";
+import {showPage} from "../../../../common/js/swiper";
+export default {
+ data: {
+ index: 2
+ },
+ ...backPage("pages/component/swiper/indexSpecSet/index"),
+ showPage: showPage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper6/swiper6.css b/examples/showcase/src/main/js/default/pages/component/swiper/swiper6/swiper6.css
new file mode 100755
index 0000000..f1f3c27
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper6/swiper6.css
@@ -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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper6/swiper6.hml b/examples/showcase/src/main/js/default/pages/component/swiper/swiper6/swiper6.hml
new file mode 100755
index 0000000..a46da63
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper6/swiper6.hml
@@ -0,0 +1,33 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper6/swiper6.js b/examples/showcase/src/main/js/default/pages/component/swiper/swiper6/swiper6.js
new file mode 100755
index 0000000..c9d3233
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper6/swiper6.js
@@ -0,0 +1,24 @@
+/*
+ * 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";
+import {changeStatus} from "../../../../common/js/swiper";
+export default {
+ data: {
+ text1: "点击按钮改变状态",
+ status: true
+ },
+ ...backPage("pages/component/swiper/indexAttr/index"),
+ changeStatus: changeStatus
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper7/swiper7.css b/examples/showcase/src/main/js/default/pages/component/swiper/swiper7/swiper7.css
new file mode 100755
index 0000000..34660ee
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper7/swiper7.css
@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+.text {
+ width: 280px;
+ height: 50px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size:30px;
+}
+
+.swiperStyle {
+ width:280px;
+ height:110px;
+ margin-top:10px;
+ margin-left:85px;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper7/swiper7.hml b/examples/showcase/src/main/js/default/pages/component/swiper/swiper7/swiper7.hml
new file mode 100755
index 0000000..7e0fcec
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper7/swiper7.hml
@@ -0,0 +1,33 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper7/swiper7.js b/examples/showcase/src/main/js/default/pages/component/swiper/swiper7/swiper7.js
new file mode 100755
index 0000000..94ec43f
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper7/swiper7.js
@@ -0,0 +1,24 @@
+/*
+ * 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";
+import {changeStatus} from "../../../../common/js/swiper";
+export default {
+ data: {
+ text1: "点击按钮改变状态",
+ status: true
+ },
+ changeStatus: changeStatus,
+ ...backPage("pages/component/swiper/indexAttr/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper8/swiper8.css b/examples/showcase/src/main/js/default/pages/component/swiper/swiper8/swiper8.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper8/swiper8.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper8/swiper8.hml b/examples/showcase/src/main/js/default/pages/component/swiper/swiper8/swiper8.hml
new file mode 100755
index 0000000..4508ef2
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper8/swiper8.hml
@@ -0,0 +1,53 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper8/swiper8.js b/examples/showcase/src/main/js/default/pages/component/swiper/swiper8/swiper8.js
new file mode 100755
index 0000000..6b36bd6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper8/swiper8.js
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+// swiper8.js
+import { backPage, routePage } from "../../../../common/js/general";
+import {showPage} from "../../../../common/js/swiper";
+export default {
+ data: {
+ index: 0
+ },
+ ...backPage("pages/component/swiper/indexStyle/index"),
+ showPage: showPage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper9/swiper9.css b/examples/showcase/src/main/js/default/pages/component/swiper/swiper9/swiper9.css
new file mode 100755
index 0000000..06a7a5d
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper9/swiper9.css
@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper9/swiper9.hml b/examples/showcase/src/main/js/default/pages/component/swiper/swiper9/swiper9.hml
new file mode 100755
index 0000000..beecf19
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper9/swiper9.hml
@@ -0,0 +1,53 @@
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/swiper/swiper9/swiper9.js b/examples/showcase/src/main/js/default/pages/component/swiper/swiper9/swiper9.js
new file mode 100755
index 0000000..5276313
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/swiper/swiper9/swiper9.js
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+// swiper9.js
+import { backPage, routePage } from "../../../../common/js/general";
+import {showPage} from "../../../../common/js/swiper";
+export default {
+ data: {
+ index: 0
+ },
+ ...backPage("pages/component/swiper/indexStyle/index"),
+ showPage: showPage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/attr/attr.css b/examples/showcase/src/main/js/default/pages/component/switch/attr/attr.css
new file mode 100755
index 0000000..23f4942
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/attr/attr.css
@@ -0,0 +1,26 @@
+/*
+ * 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;
+}
+
+.switchStyle {
+ width:64px;
+ height:64px;
+ left:80px;
+ top:60px;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/attr/attr.hml b/examples/showcase/src/main/js/default/pages/component/switch/attr/attr.hml
new file mode 100755
index 0000000..64908ce
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/attr/attr.hml
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+ for
+
+
+
+
+
+
+
+ 特有属性
+
+
+
+
+
+
+
+ checked
+
+
+
+
+ 初始化值为开
+
+
+ checked生效
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/attr/attr.js b/examples/showcase/src/main/js/default/pages/component/switch/attr/attr.js
new file mode 100755
index 0000000..9fabf6a
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/attr/attr.js
@@ -0,0 +1,40 @@
+/*
+ * 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 {
+ data: {
+ status: true,
+ statusIf: true,
+ listData: [
+ true,
+ false
+ ]
+ },
+ ...backPage("pages/component/switch/index/index"),
+ changeStatus: function () {
+ if (this.status == true) {
+ this.status = false;
+ } else {
+ this.status = true;
+ }
+ },
+ changeIf: function () {
+ if (this.statusIf == true) {
+ this.statusIf = false;
+ } else {
+ this.statusIf = true;
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/event/event.css b/examples/showcase/src/main/js/default/pages/component/switch/event/event.css
new file mode 100755
index 0000000..b57bf31
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/event/event.css
@@ -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.
+ */
+.separatorContainerStyle {
+ width: 454px;
+ height: 4px;
+ background-color: #8b8b7a;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/event/event.hml b/examples/showcase/src/main/js/default/pages/component/switch/event/event.hml
new file mode 100755
index 0000000..a45e8cf
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/event/event.hml
@@ -0,0 +1,106 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+ 点击事件
+
+
+
+
+
+ {{clickValue}}
+
+
+
+
+
+
+
+ 长按事件
+
+
+
+
+
+ {{longpressValue}}
+
+
+
+
+
+
+
+ swipe事件
+
+
+
+
+
+ {{swipeValue}}
+
+
+
+
+
+
+
+ 特有事件
+
+
+
+
+
+
+
+ change事件
+
+
+
+
+ 点击状态改变
+
+
+ {{checkedValue}}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/event/event.js b/examples/showcase/src/main/js/default/pages/component/switch/event/event.js
new file mode 100755
index 0000000..b947aa2
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/event/event.js
@@ -0,0 +1,40 @@
+/*
+ * 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 {
+ data: {
+ clickValue: "点击文字改变",
+ longpressValue: "长按文字改变",
+ swipeValue: "滑动文字改变",
+ checkedValue: false
+ },
+ ...backPage("pages/component/switch/index/index"),
+ click: function () {
+ this.clickValue = "点击已经触发";
+ },
+ longpress: function () {
+ this.longpressValue = "长按已经触发";
+ },
+ swipeEvent: function (e) {
+ this.swipeValue = "swipe方向:" + e.direction;
+ },
+ change: function () {
+ if (this.checkedValue == false) {
+ this.checkedValue = true;
+ } else {
+ this.checkedValue = false;
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/index/index.css b/examples/showcase/src/main/js/default/pages/component/switch/index/index.css
new file mode 100755
index 0000000..7338de9
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/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: 175px;
+ margin-top: 0px;
+}
+
+.buttonContainerStyle {
+ width: 454px;
+ height: 80px;
+}
+
+.buttonStyle {
+ width: 200px;
+ height: 60px;
+ margin-left: 130px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/index/index.hml b/examples/showcase/src/main/js/default/pages/component/switch/index/index.hml
new file mode 100755
index 0000000..ac7da9c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/index/index.hml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ switch
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/index/index.js b/examples/showcase/src/main/js/default/pages/component/switch/index/index.js
new file mode 100755
index 0000000..22a7827
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/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/formIndex/index"),
+ changePage1: routePage("pages/component/switch/attr/attr").changePage,
+ changePage2: routePage("pages/component/switch/style/style").changePage,
+ changePage3: routePage("pages/component/switch/event/event").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/style/style.css b/examples/showcase/src/main/js/default/pages/component/switch/style/style.css
new file mode 100755
index 0000000..b57bf31
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/style/style.css
@@ -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.
+ */
+.separatorContainerStyle {
+ width: 454px;
+ height: 4px;
+ background-color: #8b8b7a;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/style/style.hml b/examples/showcase/src/main/js/default/pages/component/switch/style/style.hml
new file mode 100755
index 0000000..b8df1de
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/style/style.hml
@@ -0,0 +1,159 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+
+ left、top
+
+
+ 背景色
+
+
+
+
+ 父组件stack
+
+
+ 距离左上110
+
+
+ 开关背景蓝色
+
+
+
+
+
+
+
+
+
+
+ margin
+
+
+ 宽高
+
+
+
+
+ 父组件div
+
+
+ margin设80
+
+
+ 组件宽高80
+
+
+
+
+
+
+
+
+ display
+
+
+
+
+
+
+
+
+
+
+
+
+
+ border
+
+
+ padding
+
+
+
+
+ border宽10
+
+
+ padding宽10
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/switch/style/style.js b/examples/showcase/src/main/js/default/pages/component/switch/style/style.js
new file mode 100755
index 0000000..f366c1c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/switch/style/style.js
@@ -0,0 +1,28 @@
+/*
+ * 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 {
+ data: {
+ status: "flex"
+ },
+ ...backPage("pages/component/switch/index/index"),
+ changeStatus: function () {
+ if (this.status === "flex") {
+ this.status = "none";
+ } else {
+ this.status = "flex";
+ }
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/text/attr/attr.css b/examples/showcase/src/main/js/default/pages/component/text/attr/attr.css
new file mode 100755
index 0000000..c546afe
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/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;
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/text/attr/attr.hml b/examples/showcase/src/main/js/default/pages/component/text/attr/attr.hml
new file mode 100755
index 0000000..814942c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/attr/attr.hml
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用属性
+
+
+
+
+
+
+
+
+
+ 显示文字
+
+
+
+
+
+
+
+
+
+
+
+ 显示文字
+
+
+
+
+
+
+
+
+
+
+
+
+ {{$idx}} -- {{$item}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/text/attr/attr.js b/examples/showcase/src/main/js/default/pages/component/text/attr/attr.js
new file mode 100755
index 0000000..8ac0f98
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/attr/attr.js
@@ -0,0 +1,28 @@
+/*
+ * 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";
+import {changeShow, changeStatusIf} from "../../../../common/js/text"
+export default {
+ data: {
+ showStatus: true,
+ ifStatus: true,
+ display: "flex",
+ textfor: ["text测试for标签,abcdefg",
+ "text测试for标签,abcdefg"]
+ },
+ ...goPage("pages/component/text/index/index"),
+ changeShow: changeShow,
+ changeStatusIf: changeStatusIf
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/text/commonStyle/commonStyle.css b/examples/showcase/src/main/js/default/pages/component/text/commonStyle/commonStyle.css
new file mode 100755
index 0000000..0a41a7b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/commonStyle/commonStyle.css
@@ -0,0 +1,138 @@
+/*
+ * 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: 200px;
+}
+
+.three-div {
+ width: 450px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+}
+
+.three-left-div {
+ width: 220px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.three-right-div {
+ width: 230px;
+ height: 190px;
+ top: 40px;
+ left: 0px;
+}
+
+.item-two {
+ width: 450px;
+ height: 150px;
+}
+
+.two-left-div {
+ width: 220px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ flex-direction: column;
+}
+
+.two-div {
+ width: 450px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+}
+
+.general-stack {
+ width: 200px;
+ height: 150px;
+ left: 0px;
+ top: 0px;
+ background-color: springgreen;
+}
+
+.general-text {
+ background-color: red;
+ left: 50px;
+ top: 50px;
+ width: 100px;
+ height: 60px;
+}
+
+.right-div {
+ width: 250px;
+ height: 200px;
+ background-color: springgreen;
+ left: 0px;
+ top: 0px;
+}
+
+.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/examples/showcase/src/main/js/default/pages/component/text/commonStyle/commonStyle.hml b/examples/showcase/src/main/js/default/pages/component/text/commonStyle/commonStyle.hml
new file mode 100755
index 0000000..2dbac23
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/commonStyle/commonStyle.hml
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用样式
+
+
+
+
+
+
+ 背景红色
+ left为50
+ top为50
+
+
+ show
+
+
+
+
+
+
+
+
+ margin为40
+ height为60
+ width为100
+
+
+ show
+
+
+
+
+
+
+
+
+ border
+ padding
+
+
+ show
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/text/commonStyle/commonStyle.js b/examples/showcase/src/main/js/default/pages/component/text/commonStyle/commonStyle.js
new file mode 100755
index 0000000..31f8db6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/commonStyle/commonStyle.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/text/index/index")
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/text/event/event.css b/examples/showcase/src/main/js/default/pages/component/text/event/event.css
new file mode 100755
index 0000000..3658f2c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/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-text {
+ margin-top: 30px;
+ width: 200px;
+ height: 100px;
+ text-overflow: ellipsis;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/text/event/event.hml b/examples/showcase/src/main/js/default/pages/component/text/event/event.hml
new file mode 100755
index 0000000..8562cb5
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/event/event.hml
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 通用事件
+
+
+
+
+
+
+ click
+ longpress
+ swipe
+
+
+ {{text}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/text/event/event.js b/examples/showcase/src/main/js/default/pages/component/text/event/event.js
new file mode 100755
index 0000000..f143eb5
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/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: {
+ text: "点击/长按/滑动"
+ },
+ ...goPage("pages/component/text/index/index"),
+ clickEvent(e) {
+ this.text = "点击已触发";
+ },
+ longpressEvent() {
+ this.text = "长按已触发";
+ },
+ swipeEvent(e) {
+ this.text = "swipe方向:" + e.direction;
+ }
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/text/index/index.css b/examples/showcase/src/main/js/default/pages/component/text/index/index.css
new file mode 100755
index 0000000..dbb6bd6
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/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/examples/showcase/src/main/js/default/pages/component/text/index/index.hml b/examples/showcase/src/main/js/default/pages/component/text/index/index.hml
new file mode 100755
index 0000000..9dea56c
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/index/index.hml
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ text
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/text/index/index.js b/examples/showcase/src/main/js/default/pages/component/text/index/index.js
new file mode 100755
index 0000000..1ea5b8b
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/index/index.js
@@ -0,0 +1,22 @@
+/*
+ * 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/text/attr/attr").changePage,
+ changePage2: routePage("pages/component/text/commonStyle/commonStyle").changePage,
+ changePage3: routePage("pages/component/text/specStyle/specStyle").changePage,
+ changePage4: routePage("pages/component/text/event/event").changePage
+}
\ No newline at end of file
diff --git a/examples/showcase/src/main/js/default/pages/component/text/specStyle/specStyle.css b/examples/showcase/src/main/js/default/pages/component/text/specStyle/specStyle.css
new file mode 100755
index 0000000..88824f8
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/specStyle/specStyle.css
@@ -0,0 +1,82 @@
+/*
+ * 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-special {
+ width: 450px;
+ height: 200px;
+}
+
+.special-div {
+ width: 450px;
+ height: 200px;
+ left: 0px;
+ top: 0px;
+}
+
+.special-left-div {
+ width: 250px;
+ height: 200px;
+ top:0px;
+ left:0px;
+ flex-direction: column;
+}
+
+.special-right-div {
+ width: 200px;
+ height: 200px;
+ top: 0px;
+ left: 0px;
+}
diff --git a/examples/showcase/src/main/js/default/pages/component/text/specStyle/specStyle.hml b/examples/showcase/src/main/js/default/pages/component/text/specStyle/specStyle.hml
new file mode 100755
index 0000000..6d1bb7e
--- /dev/null
+++ b/examples/showcase/src/main/js/default/pages/component/text/specStyle/specStyle.hml
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 特有样式
+
+
+
+
+