diff --git a/UI/assets/images/alipay.png b/UI/assets/images/alipay.png new file mode 100644 index 0000000..e6b77a5 Binary files /dev/null and b/UI/assets/images/alipay.png differ diff --git a/UI/assets/images/dcfl01.png b/UI/assets/images/dcfl01.png new file mode 100644 index 0000000..472d89a Binary files /dev/null and b/UI/assets/images/dcfl01.png differ diff --git a/UI/assets/images/dcfl02.png b/UI/assets/images/dcfl02.png new file mode 100644 index 0000000..f07e11e Binary files /dev/null and b/UI/assets/images/dcfl02.png differ diff --git a/UI/assets/images/dcfl03.png b/UI/assets/images/dcfl03.png new file mode 100644 index 0000000..133087a Binary files /dev/null and b/UI/assets/images/dcfl03.png differ diff --git a/UI/assets/images/dcfl04.png b/UI/assets/images/dcfl04.png new file mode 100644 index 0000000..92ca46b Binary files /dev/null and b/UI/assets/images/dcfl04.png differ diff --git a/UI/assets/images/dcfl05.png b/UI/assets/images/dcfl05.png new file mode 100644 index 0000000..df96c1f Binary files /dev/null and b/UI/assets/images/dcfl05.png differ diff --git a/UI/assets/images/dcfl06.png b/UI/assets/images/dcfl06.png new file mode 100644 index 0000000..bd65881 Binary files /dev/null and b/UI/assets/images/dcfl06.png differ diff --git a/UI/assets/images/dcfl07.png b/UI/assets/images/dcfl07.png new file mode 100644 index 0000000..6270325 Binary files /dev/null and b/UI/assets/images/dcfl07.png differ diff --git a/UI/assets/images/dcfl08.png b/UI/assets/images/dcfl08.png new file mode 100644 index 0000000..3163195 Binary files /dev/null and b/UI/assets/images/dcfl08.png differ diff --git a/UI/assets/images/dcfl09.png b/UI/assets/images/dcfl09.png new file mode 100644 index 0000000..29b8c52 Binary files /dev/null and b/UI/assets/images/dcfl09.png differ diff --git a/UI/assets/images/dcfl10.png b/UI/assets/images/dcfl10.png new file mode 100644 index 0000000..8028371 Binary files /dev/null and b/UI/assets/images/dcfl10.png differ diff --git a/UI/assets/images/index_banner.png b/UI/assets/images/index_banner.png new file mode 100644 index 0000000..3db5ed9 Binary files /dev/null and b/UI/assets/images/index_banner.png differ diff --git a/UI/assets/images/readme.txt b/UI/assets/images/readme.txt new file mode 100644 index 0000000..2a4d5bd --- /dev/null +++ b/UI/assets/images/readme.txt @@ -0,0 +1,38 @@ +dcfl：点餐分类 + 1 dcfl01 美食 + 2 dcfl02 早餐 + 3 dcfl03 跑腿代购 + 4 dcfl04 汉堡披萨 + 5 dcfl05 甜品饮品 + 6 dcfl06 速食简餐 + 7 dcfl07 地方小吃 + 8 dcfl08 米粉面馆 + 9 dcfl09 包子粥铺 + 10 dcfl10 炸鸡炸串 + +sj：商家 + 1 sj01 万家饺子（软件园E18店） + 2 sj02 小锅饭豆腐馆（全运店） + 3 sj03 麦当劳麦乐送（全运路店） + 4 sj04 米村拌饭（浑南店） + 5 sj05 申记串道（中海康城店） + 6 sj06 半亩良田排骨米饭 + 7 sj07 茶兮鲜果饮品（国际软件园店） + 8 sj08 唯一水果捞（软件园E18店） + 9 sj09 满园春饼（全运路店） + +sp：商品 + 1 sj01 万家饺子（软件园E18店） + 1）sp01 纯肉鲜肉（水饺） + 2）sp02 玉米鲜肉（水饺） + 3）sp03 虾仁三鲜（蒸饺） + 4）sp04 素三鲜（蒸饺） + 5）sp05 角瓜鸡蛋（蒸饺） + 6）sp06 小白菜肉（水饺） + 7）sp07 芹菜牛肉（水饺） + 8）sp08 虾腰鲜肉（蒸饺） + 9）sp09 青椒鲜肉（蒸饺） + 2 sj02 小锅饭豆腐馆（全运店） + 1）sp10 蛋黄焗豆花 + 2）sp11 麻婆豆腐 + 3）sp12 广式小豆腐 \ No newline at end of file diff --git a/UI/assets/images/sj01.png b/UI/assets/images/sj01.png new file mode 100644 index 0000000..de42933 Binary files /dev/null and b/UI/assets/images/sj01.png differ diff --git a/UI/assets/images/sj02.png b/UI/assets/images/sj02.png new file mode 100644 index 0000000..9651afa Binary files /dev/null and b/UI/assets/images/sj02.png differ diff --git a/UI/assets/images/sj03.png b/UI/assets/images/sj03.png new file mode 100644 index 0000000..41ceca2 Binary files /dev/null and b/UI/assets/images/sj03.png differ diff --git a/UI/assets/images/sj04.png b/UI/assets/images/sj04.png new file mode 100644 index 0000000..61ce72e Binary files /dev/null and b/UI/assets/images/sj04.png differ diff --git a/UI/assets/images/sj05.png b/UI/assets/images/sj05.png new file mode 100644 index 0000000..7e6a273 Binary files /dev/null and b/UI/assets/images/sj05.png differ diff --git a/UI/assets/images/sj06.png b/UI/assets/images/sj06.png new file mode 100644 index 0000000..7a46278 Binary files /dev/null and b/UI/assets/images/sj06.png differ diff --git a/UI/assets/images/sj07.png b/UI/assets/images/sj07.png new file mode 100644 index 0000000..92077f9 Binary files /dev/null and b/UI/assets/images/sj07.png differ diff --git a/UI/assets/images/sj08.png b/UI/assets/images/sj08.png new file mode 100644 index 0000000..d29a16c Binary files /dev/null and b/UI/assets/images/sj08.png differ diff --git a/UI/assets/images/sj09.png b/UI/assets/images/sj09.png new file mode 100644 index 0000000..49da9d9 Binary files /dev/null and b/UI/assets/images/sj09.png differ diff --git a/UI/assets/images/sp01.png b/UI/assets/images/sp01.png new file mode 100644 index 0000000..7a629c5 Binary files /dev/null and b/UI/assets/images/sp01.png differ diff --git a/UI/assets/images/sp02.png b/UI/assets/images/sp02.png new file mode 100644 index 0000000..a645d12 Binary files /dev/null and b/UI/assets/images/sp02.png differ diff --git a/UI/assets/images/sp03.png b/UI/assets/images/sp03.png new file mode 100644 index 0000000..0d46c2a Binary files /dev/null and b/UI/assets/images/sp03.png differ diff --git a/UI/assets/images/sp04.png b/UI/assets/images/sp04.png new file mode 100644 index 0000000..6a53b02 Binary files /dev/null and b/UI/assets/images/sp04.png differ diff --git a/UI/assets/images/sp05.png b/UI/assets/images/sp05.png new file mode 100644 index 0000000..667b0ca Binary files /dev/null and b/UI/assets/images/sp05.png differ diff --git a/UI/assets/images/sp06.png b/UI/assets/images/sp06.png new file mode 100644 index 0000000..d62f263 Binary files /dev/null and b/UI/assets/images/sp06.png differ diff --git a/UI/assets/images/sp07.png b/UI/assets/images/sp07.png new file mode 100644 index 0000000..3721f51 Binary files /dev/null and b/UI/assets/images/sp07.png differ diff --git a/UI/assets/images/sp08.png b/UI/assets/images/sp08.png new file mode 100644 index 0000000..189ea5b Binary files /dev/null and b/UI/assets/images/sp08.png differ diff --git a/UI/assets/images/sp09.png b/UI/assets/images/sp09.png new file mode 100644 index 0000000..dad3e24 Binary files /dev/null and b/UI/assets/images/sp09.png differ diff --git a/UI/assets/images/sp10.png b/UI/assets/images/sp10.png new file mode 100644 index 0000000..89f1b1d Binary files /dev/null and b/UI/assets/images/sp10.png differ diff --git a/UI/assets/images/sp11.png b/UI/assets/images/sp11.png new file mode 100644 index 0000000..46ebd67 Binary files /dev/null and b/UI/assets/images/sp11.png differ diff --git a/UI/assets/images/sp12.png b/UI/assets/images/sp12.png new file mode 100644 index 0000000..6553afe Binary files /dev/null and b/UI/assets/images/sp12.png differ diff --git a/UI/assets/images/super_member.png b/UI/assets/images/super_member.png new file mode 100644 index 0000000..8426c87 Binary files /dev/null and b/UI/assets/images/super_member.png differ diff --git a/UI/assets/images/userImg/userImg.png b/UI/assets/images/userImg/userImg.png new file mode 100644 index 0000000..d2fbef5 Binary files /dev/null and b/UI/assets/images/userImg/userImg.png differ diff --git a/UI/assets/images/userImg/yhtx01.png b/UI/assets/images/userImg/yhtx01.png new file mode 100644 index 0000000..680940f Binary files /dev/null and b/UI/assets/images/userImg/yhtx01.png differ diff --git a/UI/assets/images/userImg/yhtx02.png b/UI/assets/images/userImg/yhtx02.png new file mode 100644 index 0000000..ea92dce Binary files /dev/null and b/UI/assets/images/userImg/yhtx02.png differ diff --git a/UI/assets/images/userImg/yhtx03.png b/UI/assets/images/userImg/yhtx03.png new file mode 100644 index 0000000..e5818a3 Binary files /dev/null and b/UI/assets/images/userImg/yhtx03.png differ diff --git a/UI/assets/images/userImg/yhtx04.png b/UI/assets/images/userImg/yhtx04.png new file mode 100644 index 0000000..204d93c Binary files /dev/null and b/UI/assets/images/userImg/yhtx04.png differ diff --git a/UI/assets/images/userImg/yhtx05.png b/UI/assets/images/userImg/yhtx05.png new file mode 100644 index 0000000..e9c5b1b Binary files /dev/null and b/UI/assets/images/userImg/yhtx05.png differ diff --git a/UI/assets/images/userImg/yhtx06.png b/UI/assets/images/userImg/yhtx06.png new file mode 100644 index 0000000..9b11483 Binary files /dev/null and b/UI/assets/images/userImg/yhtx06.png differ diff --git a/UI/assets/images/userImg/yhtx07.png b/UI/assets/images/userImg/yhtx07.png new file mode 100644 index 0000000..173ad89 Binary files /dev/null and b/UI/assets/images/userImg/yhtx07.png differ diff --git a/UI/assets/images/userImg/yhtx08.png b/UI/assets/images/userImg/yhtx08.png new file mode 100644 index 0000000..bd8c50e Binary files /dev/null and b/UI/assets/images/userImg/yhtx08.png differ diff --git a/UI/assets/images/userImg/yhtx09.png b/UI/assets/images/userImg/yhtx09.png new file mode 100644 index 0000000..a9bb3cf Binary files /dev/null and b/UI/assets/images/userImg/yhtx09.png differ diff --git a/UI/assets/images/wechat.png b/UI/assets/images/wechat.png new file mode 100644 index 0000000..c433098 Binary files /dev/null and b/UI/assets/images/wechat.png differ diff --git a/UI/assets/svgs/businessList/FeDocument.svg b/UI/assets/svgs/businessList/FeDocument.svg new file mode 100644 index 0000000..d0aac6f --- /dev/null +++ b/UI/assets/svgs/businessList/FeDocument.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/businessList/HumbleiconsHome.svg b/UI/assets/svgs/businessList/HumbleiconsHome.svg new file mode 100644 index 0000000..0fc5b17 --- /dev/null +++ b/UI/assets/svgs/businessList/HumbleiconsHome.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/businessList/HumbleiconsUser.svg b/UI/assets/svgs/businessList/HumbleiconsUser.svg new file mode 100644 index 0000000..0344298 --- /dev/null +++ b/UI/assets/svgs/businessList/HumbleiconsUser.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/businessList/MapCompass.svg b/UI/assets/svgs/businessList/MapCompass.svg new file mode 100644 index 0000000..74f6a67 --- /dev/null +++ b/UI/assets/svgs/businessList/MapCompass.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/favicon.svg b/UI/assets/svgs/favicon.svg similarity index 100% rename from UI/favicon.svg rename to UI/assets/svgs/favicon.svg diff --git a/UI/assets/svgs/index/CarbonCaretDown.svg b/UI/assets/svgs/index/CarbonCaretDown.svg new file mode 100644 index 0000000..7f1d3d8 --- /dev/null +++ b/UI/assets/svgs/index/CarbonCaretDown.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/index/ElSearch.svg b/UI/assets/svgs/index/ElSearch.svg new file mode 100644 index 0000000..dc3c354 --- /dev/null +++ b/UI/assets/svgs/index/ElSearch.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/index/FeDocument.svg b/UI/assets/svgs/index/FeDocument.svg new file mode 100644 index 0000000..d0aac6f --- /dev/null +++ b/UI/assets/svgs/index/FeDocument.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/index/HumbleiconsHome.svg b/UI/assets/svgs/index/HumbleiconsHome.svg new file mode 100644 index 0000000..0fc5b17 --- /dev/null +++ b/UI/assets/svgs/index/HumbleiconsHome.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/index/HumbleiconsLocation.svg b/UI/assets/svgs/index/HumbleiconsLocation.svg new file mode 100644 index 0000000..f59a9d1 --- /dev/null +++ b/UI/assets/svgs/index/HumbleiconsLocation.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/index/HumbleiconsUser.svg b/UI/assets/svgs/index/HumbleiconsUser.svg new file mode 100644 index 0000000..0344298 --- /dev/null +++ b/UI/assets/svgs/index/HumbleiconsUser.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/index/IcRoundStar.svg b/UI/assets/svgs/index/IcRoundStar.svg new file mode 100644 index 0000000..a40e0d2 --- /dev/null +++ b/UI/assets/svgs/index/IcRoundStar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/index/MapCompass.svg b/UI/assets/svgs/index/MapCompass.svg new file mode 100644 index 0000000..74f6a67 --- /dev/null +++ b/UI/assets/svgs/index/MapCompass.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/index/MaterialSymbolsFilterAltOutlineSharp.svg b/UI/assets/svgs/index/MaterialSymbolsFilterAltOutlineSharp.svg new file mode 100644 index 0000000..a5ff907 --- /dev/null +++ b/UI/assets/svgs/index/MaterialSymbolsFilterAltOutlineSharp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/order/UilAngleRightB.svg b/UI/assets/svgs/order/UilAngleRightB.svg new file mode 100644 index 0000000..32bd5cd --- /dev/null +++ b/UI/assets/svgs/order/UilAngleRightB.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/payment/CarbonCaretDown.svg b/UI/assets/svgs/payment/CarbonCaretDown.svg new file mode 100644 index 0000000..7f1d3d8 --- /dev/null +++ b/UI/assets/svgs/payment/CarbonCaretDown.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/assets/svgs/payment/IcBaselineCheckCircle.svg b/UI/assets/svgs/payment/IcBaselineCheckCircle.svg new file mode 100644 index 0000000..8b6c0cc --- /dev/null +++ b/UI/assets/svgs/payment/IcBaselineCheckCircle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/UI/scss/business.scss b/UI/css/input.css similarity index 53% rename from UI/scss/business.scss rename to UI/css/input.css index 6ef1c0c..ec1340d 100644 --- a/UI/scss/business.scss +++ b/UI/css/input.css @@ -1,8 +1,10 @@ - @tailwind base; @tailwind components; @tailwind utilities; -.business { - +html{ + font-size: 2vw; } +body{ + font-size: 2vw; +} \ No newline at end of file diff --git a/UI/css/orderList.css b/UI/css/orderList.css new file mode 100644 index 0000000..999ec99 --- /dev/null +++ b/UI/css/orderList.css @@ -0,0 +1,6 @@ +.order-detailet{ + +} +.fa-caret-down{ + +} \ No newline at end of file diff --git a/UI/css/output.css b/UI/css/output.css new file mode 100644 index 0000000..219156c --- /dev/null +++ b/UI/css/output.css @@ -0,0 +1,1374 @@ +/* +! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com +*/ + +/* +1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) +2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) +*/ + +*, +::before, +::after { + box-sizing: border-box; + /* 1 */ + border-width: 0; + /* 2 */ + border-style: solid; + /* 2 */ + border-color: #e5e7eb; + /* 2 */ +} + +::before, +::after { + --tw-content: ''; +} + +/* +1. Use a consistent sensible line-height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +3. Use a more readable tab size. +4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +*/ + +html { + line-height: 1.5; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -moz-tab-size: 4; + /* 3 */ + -o-tab-size: 4; + tab-size: 4; + /* 3 */ + font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ +} + +/* +1. Remove the margin in all browsers. +2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. +*/ + +body { + margin: 0; + /* 1 */ + line-height: inherit; + /* 2 */ +} + +/* +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +3. Ensure horizontal rules are visible by default. +*/ + +hr { + height: 0; + /* 1 */ + color: inherit; + /* 2 */ + border-top-width: 1px; + /* 3 */ +} + +/* +Add the correct text decoration in Chrome, Edge, and Safari. +*/ + +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/* +Remove the default font size and weight for headings. +*/ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +/* +Reset links to optimize for opt-in styling instead of opt-out. +*/ + +a { + color: inherit; + text-decoration: inherit; +} + +/* +Add the correct font weight in Edge and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/* +1. Use the user's configured `mono` font family by default. +2. Correct the odd `em` font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + /* 1 */ + font-size: 1em; + /* 2 */ +} + +/* +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/* +Prevent `sub` and `sup` elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +3. Remove gaps between table borders by default. +*/ + +table { + text-indent: 0; + /* 1 */ + border-color: inherit; + /* 2 */ + border-collapse: collapse; + /* 3 */ +} + +/* +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +3. Remove default padding in all browsers. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + font-weight: inherit; + /* 1 */ + line-height: inherit; + /* 1 */ + color: inherit; + /* 1 */ + margin: 0; + /* 2 */ + padding: 0; + /* 3 */ +} + +/* +Remove the inheritance of text transform in Edge and Firefox. +*/ + +button, +select { + text-transform: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Remove default button styles. +*/ + +button, +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; + /* 1 */ + background-color: transparent; + /* 2 */ + background-image: none; + /* 2 */ +} + +/* +Use the modern Firefox focus style for all focusable elements. +*/ + +:-moz-focusring { + outline: auto; +} + +/* +Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) +*/ + +:-moz-ui-invalid { + box-shadow: none; +} + +/* +Add the correct vertical alignment in Chrome and Firefox. +*/ + +progress { + vertical-align: baseline; +} + +/* +Correct the cursor style of increment and decrement buttons in Safari. +*/ + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/* +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ + +[type='search'] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} + +/* +Remove the inner padding in Chrome and Safari on macOS. +*/ + +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to `inherit` in Safari. +*/ + +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} + +/* +Add the correct display in Chrome and Safari. +*/ + +summary { + display: list-item; +} + +/* +Removes the default spacing and border for appropriate elements. +*/ + +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +fieldset { + margin: 0; + padding: 0; +} + +legend { + padding: 0; +} + +ol, +ul, +menu { + list-style: none; + margin: 0; + padding: 0; +} + +/* +Prevent resizing textareas horizontally by default. +*/ + +textarea { + resize: vertical; +} + +/* +1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) +2. Set the default placeholder color to the user's configured gray 400 color. +*/ + +input::-moz-placeholder, textarea::-moz-placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +input::placeholder, +textarea::placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +/* +Set the default cursor for buttons. +*/ + +button, +[role="button"] { + cursor: pointer; +} + +/* +Make sure disabled buttons don't get the pointer cursor. +*/ + +:disabled { + cursor: default; +} + +/* +1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) +2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) + This can trigger a poorly considered lint error in some tools but is included by design. +*/ + +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + /* 1 */ + vertical-align: middle; + /* 2 */ +} + +/* +Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) +*/ + +img, +video { + max-width: 100%; + height: auto; +} + +/* Make elements with the HTML hidden attribute stay hidden by default */ + +[hidden] { + display: none; +} + +*, ::before, ::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} + +.static { + position: static; +} + +.fixed { + position: fixed; +} + +.absolute { + position: absolute; +} + +.relative { + position: relative; +} + +.-right-1\/4 { + right: -25%; +} + +.-right-4 { + right: -1rem; +} + +.-top-1\/4 { + top: -25%; +} + +.-top-3 { + top: -0.75rem; +} + +.bottom-0 { + bottom: 0px; +} + +.left-0 { + left: 0px; +} + +.top-0 { + top: 0px; +} + +.z-50 { + z-index: 50; +} + +.mx-0 { + margin-left: 0px; + margin-right: 0px; +} + +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; +} + +.mx-8 { + margin-left: 2rem; + margin-right: 2rem; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.my-0 { + margin-top: 0px; + margin-bottom: 0px; +} + +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; +} + +.-ml-1 { + margin-left: -0.25rem; +} + +.-mt-2 { + margin-top: -0.5rem; +} + +.mb-10 { + margin-bottom: 2.5rem; +} + +.mb-2 { + margin-bottom: 0.5rem; +} + +.mb-2\.5 { + margin-bottom: 0.625rem; +} + +.mb-20 { + margin-bottom: 5rem; +} + +.mb-28 { + margin-bottom: 7rem; +} + +.mb-4 { + margin-bottom: 1rem; +} + +.mb-7 { + margin-bottom: 1.75rem; +} + +.ml-1 { + margin-left: 0.25rem; +} + +.ml-1\.5 { + margin-left: 0.375rem; +} + +.ml-12 { + margin-left: 3rem; +} + +.ml-16 { + margin-left: 4rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.ml-20 { + margin-left: 5rem; +} + +.ml-3 { + margin-left: 0.75rem; +} + +.ml-4 { + margin-left: 1rem; +} + +.ml-5 { + margin-left: 1.25rem; +} + +.ml-6 { + margin-left: 1.5rem; +} + +.ml-8 { + margin-left: 2rem; +} + +.mr-1 { + margin-right: 0.25rem; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.mr-4 { + margin-right: 1rem; +} + +.mr-44 { + margin-right: 11rem; +} + +.mr-8 { + margin-right: 2rem; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.mt-16 { + margin-top: 4rem; +} + +.mt-2 { + margin-top: 0.5rem; +} + +.mt-24 { + margin-top: 6rem; +} + +.mt-3 { + margin-top: 0.75rem; +} + +.mt-4 { + margin-top: 1rem; +} + +.mt-6 { + margin-top: 1.5rem; +} + +.mt-8 { + margin-top: 2rem; +} + +.mt-\[12vw\] { + margin-top: 12vw; +} + +.mt-px { + margin-top: 1px; +} + +.mb-24 { + margin-bottom: 6rem; +} + +.mb-32 { + margin-bottom: 8rem; +} + +.mt-28 { + margin-top: 7rem; +} + +.box-border { + box-sizing: border-box; +} + +.box-content { + box-sizing: content-box; +} + +.block { + display: block; +} + +.flex { + display: flex; +} + +.h-0 { + height: 0px; +} + +.h-0\.5 { + height: 0.125rem; +} + +.h-1\/3 { + height: 33.333333%; +} + +.h-10 { + height: 2.5rem; +} + +.h-12 { + height: 3rem; +} + +.h-20 { + height: 5rem; +} + +.h-24 { + height: 6rem; +} + +.h-28 { + height: 7rem; +} + +.h-32 { + height: 8rem; +} + +.h-36 { + height: 9rem; +} + +.h-56 { + height: 14rem; +} + +.h-7 { + height: 1.75rem; +} + +.h-72 { + height: 18rem; +} + +.h-8 { + height: 2rem; +} + +.h-\[20vw\] { + height: 20vw; +} + +.h-\[8\.9vw\] { + height: 8.9vw; +} + +.h-full { + height: 100%; +} + +.w-1\/3 { + width: 33.333333%; +} + +.w-10 { + width: 2.5rem; +} + +.w-11\/12 { + width: 91.666667%; +} + +.w-12 { + width: 3rem; +} + +.w-24 { + width: 6rem; +} + +.w-3 { + width: 0.75rem; +} + +.w-3\.5 { + width: 0.875rem; +} + +.w-32 { + width: 8rem; +} + +.w-36 { + width: 9rem; +} + +.w-72 { + width: 18rem; +} + +.w-8 { + width: 2rem; +} + +.w-\[20vw\] { + width: 20vw; +} + +.w-\[33vw\] { + width: 33vw; +} + +.w-\[90\%\] { + width: 90%; +} + +.w-\[95\%\] { + width: 95%; +} + +.w-full { + width: 100%; +} + +.flex-shrink-0 { + flex-shrink: 0; +} + +.flex-grow-0 { + flex-grow: 0; +} + +.basis-1\/3 { + flex-basis: 33.333333%; +} + +.basis-2\/3 { + flex-basis: 66.666667%; +} + +.basis-full { + flex-basis: 100%; +} + +.cursor-pointer { + cursor: pointer; +} + +.select-none { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.flex-row { + flex-direction: row; +} + +.flex-col { + flex-direction: column; +} + +.flex-wrap { + flex-wrap: wrap; +} + +.items-center { + align-items: center; +} + +.justify-center { + justify-content: center; +} + +.justify-between { + justify-content: space-between; +} + +.justify-around { + justify-content: space-around; +} + +.rounded { + border-radius: 0.25rem; +} + +.rounded-\[3px\] { + border-radius: 3px; +} + +.rounded-\[4px\] { + border-radius: 4px; +} + +.rounded-full { + border-radius: 9999px; +} + +.rounded-md { + border-radius: 0.375rem; +} + +.border-8 { + border-width: 8px; +} + +.border-\[1px\] { + border-width: 1px; +} + +.border-b { + border-bottom-width: 1px; +} + +.border-b-\[1px\] { + border-bottom-width: 1px; +} + +.border-t-\[1px\] { + border-top-width: 1px; +} + +.border-solid { + border-style: solid; +} + +.border-none { + border-style: none; +} + +.border-\[\#DDDDDDFF\] { + border-color: #DDDDDDFF; +} + +.border-gray-300 { + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); +} + +.border-gray-700 { + --tw-border-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-border-opacity)); +} + +.border-b-\[\#DDDDDDFF\] { + border-bottom-color: #DDDDDDFF; +} + +.border-t-\[\#DDDDDDFF\] { + border-top-color: #DDDDDDFF; +} + +.bg-\[\#0097EFFF\] { + background-color: #0097EFFF; +} + +.bg-\[\#0097FFFF\] { + background-color: #0097FFFF; +} + +.bg-\[\#0097FF\] { + --tw-bg-opacity: 1; + background-color: rgb(0 151 255 / var(--tw-bg-opacity)); +} + +.bg-\[\#38CA73FF\] { + background-color: #38CA73FF; +} + +.bg-\[\#505051FF\] { + background-color: #505051FF; +} + +.bg-\[\#666666FF\] { + background-color: #666666FF; +} + +.bg-\[\#70BC46FF\] { + background-color: #70BC46FF; +} + +.bg-\[\#888888FF\] { + background-color: #888888FF; +} + +.bg-\[\#DDDDDDFF\] { + background-color: #DDDDDDFF; +} + +.bg-\[\#FEEDC1FF\] { + background-color: #FEEDC1FF; +} + +.bg-\[\#FF9900FF\] { + background-color: #FF9900FF; +} + +.bg-\[\#FFFFFFFF\] { + background-color: #FFFFFFFF; +} + +.bg-blue-500 { + --tw-bg-opacity: 1; + background-color: rgb(59 130 246 / var(--tw-bg-opacity)); +} + +.bg-gray-700 { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); +} + +.bg-green-500 { + --tw-bg-opacity: 1; + background-color: rgb(34 197 94 / var(--tw-bg-opacity)); +} + +.bg-orange-600 { + --tw-bg-opacity: 1; + background-color: rgb(234 88 12 / var(--tw-bg-opacity)); +} + +.bg-red-600 { + --tw-bg-opacity: 1; + background-color: rgb(220 38 38 / var(--tw-bg-opacity)); +} + +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + +.bg-\[url\(\'\/src\/assets\/img\/index_banner\.png\'\)\] { + background-image: url('/src/assets/img/index_banner.png'); +} + +.bg-cover { + background-size: cover; +} + +.bg-right { + background-position: right; +} + +.bg-no-repeat { + background-repeat: no-repeat; +} + +.p-1 { + padding: 0.25rem; +} + +.p-5 { + padding: 1.25rem; +} + +.p-6 { + padding: 1.5rem; +} + +.p-\[2vw\] { + padding: 2vw; +} + +.p-\[3vw\] { + padding: 3vw; +} + +.p-\[4vw\] { + padding: 4vw; +} + +.px-0 { + padding-left: 0px; + padding-right: 0px; +} + +.px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; +} + +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + +.px-\[0\.1vw\] { + padding-left: 0.1vw; + padding-right: 0.1vw; +} + +.px-\[3vw\] { + padding-left: 3vw; + padding-right: 3vw; +} + +.px-\[4vw\] { + padding-left: 4vw; + padding-right: 4vw; +} + +.py-0 { + padding-top: 0px; + padding-bottom: 0px; +} + +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} + +.py-\[1vw\] { + padding-top: 1vw; + padding-bottom: 1vw; +} + +.py-\[2vw\] { + padding-top: 2vw; + padding-bottom: 2vw; +} + +.py-\[4vw\] { + padding-top: 4vw; + padding-bottom: 4vw; +} + +.pb-0 { + padding-bottom: 0px; +} + +.pl-6 { + padding-left: 1.5rem; +} + +.pt-10 { + padding-top: 2.5rem; +} + +.pt-2 { + padding-top: 0.5rem; +} + +.pt-\[4vw\] { + padding-top: 4vw; +} + +.pt-\[6vw\] { + padding-top: 6vw; +} + +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + +.text-\[2\.8vw\] { + font-size: 2.8vw; +} + +.text-\[4\.8vw\] { + font-size: 4.8vw; +} + +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.font-bold { + font-weight: 700; +} + +.font-light { + font-weight: 300; +} + +.font-medium { + font-weight: 500; +} + +.font-normal { + font-weight: 400; +} + +.font-semibold { + font-weight: 600; +} + +.leading-loose { + line-height: 2; +} + +.leading-relaxed { + line-height: 1.625; +} + +.text-\[\#333333FF\] { + color: #333333FF; +} + +.text-\[\#38CA73FF\] { + color: #38CA73FF; +} + +.text-\[\#555555FF\] { + color: #555555FF; +} + +.text-\[\#644F1BFF\] { + color: #644F1BFF; +} + +.text-\[\#666666FF\] { + color: #666666FF; +} + +.text-\[\#999999FF\] { + color: #999999FF; +} + +.text-\[\#999\] { + --tw-text-opacity: 1; + color: rgb(153 153 153 / var(--tw-text-opacity)); +} + +.text-blue-500 { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + +.text-gray-400 { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + +.text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + +.text-orange-400 { + --tw-text-opacity: 1; + color: rgb(251 146 60 / var(--tw-text-opacity)); +} + +.text-orange-600 { + --tw-text-opacity: 1; + color: rgb(234 88 12 / var(--tw-text-opacity)); +} + +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.text-yellow-300 { + --tw-text-opacity: 1; + color: rgb(253 224 71 / var(--tw-text-opacity)); +} + +.outline-none { + outline: 2px solid transparent; + outline-offset: 2px; +} + +html{ + font-size: 2vw; +} + +body{ + font-size: 2vw; +} \ No newline at end of file diff --git a/UI/order.html b/UI/order.html deleted file mode 100644 index df12593..0000000 --- a/UI/order.html +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - Tailwind + Sass - - -
-

- 璁㈠崟鍒楄〃 -

- -
- - - - diff --git a/UI/pages/about.html b/UI/pages/about.html index 3a4c31e..eee28d3 100644 --- a/UI/pages/about.html +++ b/UI/pages/about.html @@ -11,7 +11,7 @@

TailwindCSS Starter

In about

- Home + Home About
diff --git a/UI/business.html b/UI/pages/business.html similarity index 69% rename from UI/business.html rename to UI/pages/business.html index 16d783c..d84aac5 100644 --- a/UI/business.html +++ b/UI/pages/business.html @@ -2,7 +2,7 @@ - + Tailwind + Sass @@ -14,6 +14,6 @@ - + diff --git a/UI/pages/businessInfo.html b/UI/pages/businessInfo.html new file mode 100644 index 0000000..1158169 --- /dev/null +++ b/UI/pages/businessInfo.html @@ -0,0 +1,196 @@ + + + + + + + 楗夸簡涔 鍟嗗淇℃伅 + + + + + +
+ +
+

鍟嗗淇℃伅

+
+ + +
+ +
+ + +
+

涓囧楗哄瓙锛堣蒋浠跺洯E18搴楋級

+

¥15璧烽 ¥3閰嶉

+

鍚勭楗哄瓙鐐掕彍

+
+ + + + + +
+
+
+ +
3
+
+
+

¥12.88

+

鍙﹂渶閰嶉佽垂3鍏

+
+
+
+ +
+
+
+ + \ No newline at end of file diff --git a/UI/pages/businessList.html b/UI/pages/businessList.html new file mode 100644 index 0000000..9410a9b --- /dev/null +++ b/UI/pages/businessList.html @@ -0,0 +1,153 @@ + + + + + + + 楗夸簡涔 鍟嗗鍒楄〃 + + + + + + +
+ + +
+

鍟嗗鍒楄〃

+
+ + + + + + +
+ + \ No newline at end of file diff --git a/UI/index.html b/UI/pages/index.html similarity index 87% rename from UI/index.html rename to UI/pages/index.html index 5f9b5f3..cc892ad 100644 --- a/UI/index.html +++ b/UI/pages/index.html @@ -2,7 +2,7 @@ - + Tailwind + Sass
- +
- + 缇庨
- 鏃╅ + 鏃╅
+ src="https://cube.elemecdn.com/0/d0/dd7c960f08cdc756b1d3ad54978fdjpeg.jpeg?x-oss-process=image/format,webp/resize,w_90,h_90,m_fixed" alt=""> 鎷嶈吙浠ｈ喘
-
-
- list title -
-
lst
-
+ + + + + +
@@ -105,6 +107,6 @@
- + diff --git a/UI/pages/login.html b/UI/pages/login.html new file mode 100644 index 0000000..eaeb537 --- /dev/null +++ b/UI/pages/login.html @@ -0,0 +1,65 @@ + + + + + + + 楗夸簡涔 鐢ㄦ埛鐧婚檰 + + + +
+ + +
+

鐢ㄦ埛鐧诲綍

+
+ + + + + + +
+ + \ No newline at end of file diff --git a/UI/pages/order.html b/UI/pages/order.html new file mode 100644 index 0000000..db2a514 --- /dev/null +++ b/UI/pages/order.html @@ -0,0 +1,62 @@ + + + + + + + 楗夸簡涔 纭璁㈠崟 + + + +
+ + +
+

纭璁㈠崟

+
+ + +
+

璁㈠崟閰嶉佽嚦锛

+
+

娌堥槼甯傛祽鍗楀尯鏅烘収鍥涜1-121鍙

+ +
+

瀛熶簯娴╁厛鐢 13599996666

+
+ +

涓囧楗哄瓙锛堣蒋浠跺洯E18搴楋級

+ + + +
+

閰嶉佽垂

+

¥31

+
+ + +
+
¥49
+
鍘绘敮浠
+
+
+ + \ No newline at end of file diff --git a/UI/pages/orderList.html b/UI/pages/orderList.html new file mode 100644 index 0000000..0561af7 --- /dev/null +++ b/UI/pages/orderList.html @@ -0,0 +1,158 @@ + + + + + + + 楗夸簡涔 鎴戠殑璁㈠崟 + + + + + + +
+ + +
+

鎴戠殑璁㈠崟

+
+ + +

鏈敮浠樿鍗曚俊鎭細

+ + +

宸叉敮浠樿鍗曚俊鎭細

+ + + + +
+ + \ No newline at end of file diff --git a/UI/pages/payment.html b/UI/pages/payment.html new file mode 100644 index 0000000..40ff8dd --- /dev/null +++ b/UI/pages/payment.html @@ -0,0 +1,83 @@ + + + + + + + 楗夸簡涔 鍦ㄧ嚎鏀粯 + + + + +
+ + +
+

鍦ㄧ嚎鏀粯

+
+ + +
+

璁㈠崟淇℃伅锛

+
+

+ 涓囧楗哄瓙锛堣蒋浠跺洯E18搴楋級 + +

+

¥49

+
+ + + +
+ + + +
+ +
+ + + +
+ + \ No newline at end of file diff --git a/UI/register.html b/UI/pages/register.html similarity index 53% rename from UI/register.html rename to UI/pages/register.html index 55e99ab..d465f3b 100644 --- a/UI/register.html +++ b/UI/pages/register.html @@ -2,7 +2,7 @@ - + Tailwind + Sass @@ -14,9 +14,15 @@
-
鎵嬫満鍙风爜:
-
瀵嗙爜:
+
鎵嬫満鍙风爜:
+
瀵嗙爜:
@@ -28,6 +34,6 @@
- + diff --git a/UI/scss/businessList.scss b/UI/scss/businessList.scss new file mode 100644 index 0000000..7231536 --- /dev/null +++ b/UI/scss/businessList.scss @@ -0,0 +1,28 @@ + +@tailwind base; +@tailwind components; +@tailwind utilities; + +.business { + +} + +.CornerLabels{ + @apply w-10 h-10 bg-red-600 text-white text-xl rounded-full flex justify-center items-center absolute -right-4 -top-3; +} + +.ListBar{ + @apply w-full p-6 select-none flex items-center cursor-pointer border-solid border-b border-gray-300; +} + +.Text{ + @apply text-2xl text-gray-500 font-medium leading-relaxed mt-1; +} + +.TextTittle{ + @apply text-3xl text-gray-600 font-semibold leading-relaxed; +} + +.BottomBar{ + @apply flex flex-col justify-center items-center text-[#999] select-none cursor-pointer +} \ No newline at end of file diff --git a/UI/src/js/index.js b/UI/src/js/index.js new file mode 100644 index 0000000..b8833a8 --- /dev/null +++ b/UI/src/js/index.js @@ -0,0 +1,30 @@ +/** + * 1銆佷娇鐢ㄥ摢涓涓簨浠 + * 浣跨敤onscroll锛屾浜嬩欢绉诲姩绔笌PC绔兘鏈夋晥銆 + * 2銆佸浣曡幏鍙栨粴鍔ㄦ潯浣嶇疆 + * 鑾峰彇PC绔粴鍔ㄦ潯浣嶇疆锛歞ocument.documentElement.scrollTop + * 鑾峰彇绉诲姩绔粴鍔ㄦ潯浣嶇疆锛歞ocument.body.scrollTop + * 3銆佸浣曡幏鍙栬鍙ｅ搴 + * document.documentElement.clientWidth 绉诲姩绔笌PC绔兘鏈夋晥銆 + */ +window.onload = function(){ + document.onscroll = function(){ + //鑾峰彇婊氬姩鏉′綅缃 + let s1 = document.documentElement.scrollTop; + let s2 = document.body.scrollTop; + let scroll = s1==0?s2:s1; + //鑾峰彇瑙嗗彛瀹藉害 + let width = document.documentElement.clientWidth; + //鑾峰彇椤堕儴鍥哄畾鍧 + let search = document.getElementById('fixedBox'); + //鍒ゆ柇婊氬姩鏉¤秴杩囪鍙ｅ搴︾殑12%鏃讹紝鎼滅储鍧楀彉鍥哄畾瀹氫綅 + if(scroll>width*0.12){ + search.style.position = 'fixed'; + search.style.left = '0'; + search.style.top = '0'; + }else{ + search.style.position = 'static'; + } + + } +} \ No newline at end of file diff --git a/UI/src/js/orderList.js b/UI/src/js/orderList.js new file mode 100644 index 0000000..636c1f9 --- /dev/null +++ b/UI/src/js/orderList.js @@ -0,0 +1,20 @@ +window.onload = function(){ + //鑾峰彇鏄剧ず闅愯棌鎸夐挳DOM鏁扮粍 + let showBtnArr = document.getElementsByClassName('fa-caret-down'); + //鑾峰彇璁㈠崟鏄庣粏DOM鏁扮粍 + let detailetBoxArr = document.getElementsByClassName('order-detailet'); + //璁剧疆榛樿鎵鏈夎鍗曟槑缁嗛兘闅愯棌 + for(let i=0;i