commit d530683ec27a1b54854a6b794f9be0f431e6454c Author: chorblack Date: Tue Apr 22 20:59:49 2025 +0800 first commit diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..5b788c1 Binary files /dev/null and b/.DS_Store differ diff --git a/app.ux b/app.ux new file mode 100644 index 0000000..fc84f97 --- /dev/null +++ b/app.ux @@ -0,0 +1,9 @@ + diff --git a/assets/.DS_Store b/assets/.DS_Store new file mode 100644 index 0000000..bd8361e Binary files /dev/null and b/assets/.DS_Store differ diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/assets/images/.DS_Store differ diff --git a/assets/images/del.png b/assets/images/del.png new file mode 100644 index 0000000..2cd4964 Binary files /dev/null and b/assets/images/del.png differ diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 0000000..58371b8 Binary files /dev/null and b/assets/images/logo.png differ diff --git a/assets/styles/mixins.scss b/assets/styles/mixins.scss new file mode 100644 index 0000000..56fbb5e --- /dev/null +++ b/assets/styles/mixins.scss @@ -0,0 +1,5 @@ +@mixin flex-box-mixins($direction: row, $justify: center, $align-items: center) { + flex-direction: $direction; + justify-content: $justify; + align-items: $align-items; +} diff --git a/assets/styles/style.scss b/assets/styles/style.scss new file mode 100644 index 0000000..088ebfa --- /dev/null +++ b/assets/styles/style.scss @@ -0,0 +1,2 @@ +@import './variables.scss'; +@import './mixins.scss'; diff --git a/assets/styles/variables.scss b/assets/styles/variables.scss new file mode 100644 index 0000000..04a6053 --- /dev/null +++ b/assets/styles/variables.scss @@ -0,0 +1,9 @@ +$brand: #09ba07; + +$white: #ffffff; +$black: #000000; +$grey: #9393aa; +$red: #fa0101; +$green: #ffff00; + +$size-factor: 5px; diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..b293e4c --- /dev/null +++ b/manifest.json @@ -0,0 +1,33 @@ +{ + "package": "top.chorblack.calculator", + "name": "calculator", + "versionName": "1.0.0", + "versionCode": 1, + "appCategory": [ + "other" + ], + "icon": "/assets/images/logo.png", + "features": [ + { + "name": "blueos.app.appmanager.router" + } + ], + "deviceTypeList": [ + "watch", + "watch-square" + ], + "config": { + "designWidth": 466 + }, + "router": { + "entry": "pages/index", + "pages": { + "pages/index": { + "component": "index" + } + } + }, + "display": { + "backgroundColor": "#000000" + } +} diff --git a/pages/.DS_Store b/pages/.DS_Store new file mode 100644 index 0000000..0348ccc Binary files /dev/null and b/pages/.DS_Store differ diff --git a/pages/index/circle.css b/pages/index/circle.css new file mode 100644 index 0000000..fc2a322 --- /dev/null +++ b/pages/index/circle.css @@ -0,0 +1,45 @@ +.resultBox { + width: 400px; + height: 155px; +} + +.resultShow { + width: 400px; + height: 50px; + margin-top: 105px; +} + +.keyBoardBox { + margin-top: 8px; + flex-direction: row; + justify-content: center; + align-items: center; + width: 420px; + height: 60px; +} + +.inputCommon { + width: 74px; + height: 54px; + margin-left: 3px; + margin-right: 3px; +} + +.clearAll { + width: 74px; + height: 54px; + margin-top: -327px; + margin-left: -318px; + border-color: #000; +} + +.input1 { + background-color: #F53333; +} + +.delIcon { + width: 30px; + height: 22px; + margin-left: 320px; + margin-top: 28px; +} diff --git a/pages/index/index.ux b/pages/index/index.ux new file mode 100644 index 0000000..9d17acb --- /dev/null +++ b/pages/index/index.ux @@ -0,0 +1,283 @@ + + + + + \ No newline at end of file diff --git a/pages/index/rect.css b/pages/index/rect.css new file mode 100644 index 0000000..6d8add2 --- /dev/null +++ b/pages/index/rect.css @@ -0,0 +1,37 @@ +.container { + padding-bottom: 5px; +} + +.resultBox { + width: 420px; + height: 18%; +} + +.resultShow { + width: 100%; + height: 100%; +} + +.keyBoardBox { + width: 430px; + flex: 1; + margin-top: 8px; + padding: 0; + justify-content: center; +} + +.inputCommon { + width: 24%; + height: 100%; + margin-left: 3px; + margin-right: 3px; + margin-bottom: 0px; + background-color: #3d3d3d; + color: #ffffff; + border-radius: 20px; + text-align: center; +} + +.input1 { + color: #FF6923; +}