V
Ребят, как проще всего это сверстать? Да так, чтобы потом легко менять параметр (от 0 до 100) и в соответствии с ним менялась длина полоски
Size: a a a
2020 August 09
A🥖
Ребят, как проще всего это сверстать? Да так, чтобы потом легко менять параметр (от 0 до 100) и в соответствии с ним менялась длина полоски
const fullSize = 100
const calculate = fullSize / all
const sortedItems = items.map(({ value }) => ({ value: Math.ceil(calculate * value) }))
A🥖
у меня на проекте так сделано
сначала по формуле идет рассчет
данные с бэка приходят о количестве
сначала по формуле идет рассчет
данные с бэка приходят о количестве
A🥖
и соответственно потом делаешь линию бара
V
Думаю с рассчетами я сам разберусь, мне бы сверстать это для начала 😆
A🥖
где у тебя ширина в % задана
A🥖
ну у тебя тут одно состовная часть
не вижу проблем
не вижу проблем
V
делать сначала серую полоску, по ней рисовать уже синюю, это я понимаю, какой тэг для таких полосок лучше всего юзать чтобы удобно длину выстраивать?
A🥖
делать сначала серую полоску, по ней рисовать уже синюю, это я понимаю, какой тэг для таких полосок лучше всего юзать чтобы удобно длину выстраивать?
V
A🥖
по сути span
у меня span в span-е
у меня span в span-е
A🥖
у меня еще много составные бары
приходится тип определять и красить на этом основании
приходится тип определять и красить на этом основании
A🥖
thanks
ну и да, формула у меня немного не подойдет для тебя)
потому что логика другая немного
потому что логика другая немного
A🥖
и если все кроме одного будет по нулям, то оставшееся значение займет всю ширину
SB
фон-градиент же
Д
фон-градиент же
Ава топчик 😂👍
SB
Ава топчик 😂👍
Ну не все ж котами :)
m
Парни, подскажите пожалуйста, как лучше реализовать вёрстку в таких разных слайдах? На гридах/флексах и как именно? :/
