From cbb0e6adc4022137b85c52c71d8193589262bec9 Mon Sep 17 00:00:00 2001 From: Maximus Date: Thu, 19 May 2022 12:21:26 +0300 Subject: [PATCH] HW1_fin --- image/defGoods.png | Bin 0 -> 28195 bytes index.htm | 28 ++++++++++++++++ script/main.js | 36 ++++++++++++++++++++ style/scss/_elements.scss | 5 +++ style/scss/_header.scss | 13 +++++++ style/scss/_main.scss | 29 ++++++++++++++++ style/scss/_normalize.scss | 12 +++++++ style/style.css | 67 +++++++++++++++++++++++++++++++++++++ style/style.css.map | 13 +++++++ style/style.scss | 6 ++++ 10 files changed, 209 insertions(+) create mode 100644 image/defGoods.png create mode 100644 index.htm create mode 100644 script/main.js create mode 100644 style/scss/_elements.scss create mode 100644 style/scss/_header.scss create mode 100644 style/scss/_main.scss create mode 100644 style/scss/_normalize.scss create mode 100644 style/style.css create mode 100644 style/style.css.map create mode 100644 style/style.scss diff --git a/image/defGoods.png b/image/defGoods.png new file mode 100644 index 0000000000000000000000000000000000000000..b2bf8afbe69b95389307f38b91e20fabfb6abcd9 GIT binary patch literal 28195 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 + + + + + + + + + Document + + +
+
+ +
+
+ +
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/script/main.js b/script/main.js new file mode 100644 index 0000000..8abfa53 --- /dev/null +++ b/script/main.js @@ -0,0 +1,36 @@ +"use strict"; + +const goods = [ + { title: 'Shirt', price: 150 }, + { title: 'Socks', price: 50 }, + { title: 'Jacket', price: 350 }, + { title: 'Shoes', price: 250 }, + { }, + { }, + { }, + { }, + { }, + { }, + { }, + { }, + { } +]; + +const renderGoodsItem = (title = 'Товар закончился', price = '0') => + `
+ good +

${title}

+

${price}$

+ +
`; + +const renderGoodsList = list => { + let goodsList = list.map(item => renderGoodsItem(item.title, item.price)); + document.querySelector('.goodsList').innerHTML = goodsList.join(''); +}; + +renderGoodsList(goods); + + + + diff --git a/style/scss/_elements.scss b/style/scss/_elements.scss new file mode 100644 index 0000000..804125e --- /dev/null +++ b/style/scss/_elements.scss @@ -0,0 +1,5 @@ +.cartButton, +.cartButtonAdd { + padding: 4px 8px; + border-radius: 8px; +} \ No newline at end of file diff --git a/style/scss/_header.scss b/style/scss/_header.scss new file mode 100644 index 0000000..a4c4c6d --- /dev/null +++ b/style/scss/_header.scss @@ -0,0 +1,13 @@ +/* Стили header */ +header { + .container { + border: 1px solid black; + padding: 8px 32px; + display: flex; + justify-content:flex-end; + } + + &__cartButton { + margin-left: auto; + } +} \ No newline at end of file diff --git a/style/scss/_main.scss b/style/scss/_main.scss new file mode 100644 index 0000000..23edf19 --- /dev/null +++ b/style/scss/_main.scss @@ -0,0 +1,29 @@ +/* Стили main */ +main { + .container { + padding: 32px; + } + + .goodsList { + display: grid; + grid-template-columns: repeat(6, 1fr); + gap: 16px; + } + + .goodsItem { + border: 1px solid black; + border-radius: 8px; + padding: 16px; + text-align: right; + + img { + max-width: 100%; + } + + img, + h3, + p{ + padding-bottom: 4px; + } + } +} \ No newline at end of file diff --git a/style/scss/_normalize.scss b/style/scss/_normalize.scss new file mode 100644 index 0000000..4505e3a --- /dev/null +++ b/style/scss/_normalize.scss @@ -0,0 +1,12 @@ +/* Указываем box sizing */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +/* Убираем отступы */ +* { + padding: 0; + margin: 0; +} \ No newline at end of file diff --git a/style/style.css b/style/style.css new file mode 100644 index 0000000..f0349a4 --- /dev/null +++ b/style/style.css @@ -0,0 +1,67 @@ +@charset "UTF-8"; +/* Указываем box sizing */ +*, +*::before, +*::after { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +/* Убираем отступы */ +* { + padding: 0; + margin: 0; +} + +.cartButton, +.cartButtonAdd { + padding: 4px 8px; + border-radius: 8px; +} + +/* Стили header */ +header .container { + border: 1px solid black; + padding: 8px 32px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +header__cartButton { + margin-left: auto; +} + +/* Стили main */ +main .container { + padding: 32px; +} + +main .goodsList { + display: -ms-grid; + display: grid; + -ms-grid-columns: (1fr)[6]; + grid-template-columns: repeat(6, 1fr); + gap: 16px; +} + +main .goodsItem { + border: 1px solid black; + border-radius: 8px; + padding: 16px; + text-align: right; +} + +main .goodsItem img { + max-width: 100%; +} + +main .goodsItem img, +main .goodsItem h3, +main .goodsItem p { + padding-bottom: 4px; +} +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/style/style.css.map b/style/style.css.map new file mode 100644 index 0000000..4cb69e6 --- /dev/null +++ b/style/style.css.map @@ -0,0 +1,13 @@ +{ + "version": 3, + "mappings": ";ACAA,0BAA0B;AAC1B,AAAA,CAAC;AACD,CAAC,AAAA,QAAQ;AACT,CAAC,AAAA,OAAO,CAAC;EACP,UAAU,EAAE,UAAU;CACvB;;AAED,qBAAqB;AACrB,AAAA,CAAC,CAAC;EACA,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,CAAC;CACV;;ACXD,AAAA,WAAW;AACX,cAAc,CAAC;EACX,OAAO,EAAE,OAAO;EAChB,aAAa,EAAE,GAAG;CACrB;;ACJD,kBAAkB;AAClB,AACI,MADE,CACF,UAAU,CAAC;EACP,MAAM,EAAE,eAAe;EACvB,OAAO,EAAE,QAAQ;EACjB,OAAO,EAAE,IAAI;EACb,eAAe,EAAC,QAAQ;CAC3B;;AAEA,AAAD,kBAAa,CAAC;EACV,WAAW,EAAE,IAAI;CACpB;;ACXL,gBAAgB;AAChB,AACI,IADA,CACA,UAAU,CAAC;EACP,OAAO,EAAE,IAAI;CAChB;;AAHL,AAKI,IALA,CAKA,UAAU,CAAC;EACP,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,GAAG,EAAE,IAAI;CACZ;;AATL,AAWI,IAXA,CAWA,UAAU,CAAC;EACP,MAAM,EAAE,eAAe;EACvB,aAAa,EAAE,GAAG;EAClB,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,KAAK;CAWpB;;AA1BL,AAiBQ,IAjBJ,CAWA,UAAU,CAMN,GAAG,CAAC;EACA,SAAS,EAAE,IAAI;CAClB;;AAnBT,AAqBQ,IArBJ,CAWA,UAAU,CAUN,GAAG;AArBX,IAAI,CAWA,UAAU,CAWN,EAAE;AAtBV,IAAI,CAWA,UAAU,CAYN,CAAC,CAAA;EACG,cAAc,EAAE,GAAG;CACtB", + "sources": [ + "style.scss", + "scss/_normalize.scss", + "scss/_elements.scss", + "scss/_header.scss", + "scss/_main.scss" + ], + "names": [], + "file": "style.css" +} \ No newline at end of file diff --git a/style/style.scss b/style/style.scss new file mode 100644 index 0000000..30e326a --- /dev/null +++ b/style/style.scss @@ -0,0 +1,6 @@ +@import "scss/_normalize"; + +@import "scss/elements"; + +@import "scss/_header"; +@import "scss/_main"; \ No newline at end of file