refactor
This commit is contained in:
@@ -1,25 +1,31 @@
|
||||
<template>
|
||||
<svg viewBox="0 0 21 7">
|
||||
<rect v-for="record in activity" class="day"
|
||||
<rect
|
||||
v-for="record in activity" class="day"
|
||||
width="1" height="1"
|
||||
:x="record.x" :y="record.date.weekday"
|
||||
rx="1" ry="1"
|
||||
fill="transparent">
|
||||
fill="transparent"
|
||||
>
|
||||
<title>{{ record.date.year }}/{{ record.date.month + 1 }}/{{ record.date.day }}</title>
|
||||
</rect>
|
||||
<rect v-for="record in activity" class="day"
|
||||
<rect
|
||||
v-for="record in activity" class="day"
|
||||
:width="record.v" :height="record.v"
|
||||
:x="record.x + ((1 - record.v) / 2)" :y="record.date.weekday + ((1 - record.v) / 2)"
|
||||
rx="1" ry="1"
|
||||
:fill="record.color"
|
||||
style="pointer-events: none;"/>
|
||||
<rect class="today"
|
||||
style="pointer-events: none;"
|
||||
/>
|
||||
<rect
|
||||
class="today"
|
||||
width="1" height="1"
|
||||
:x="activity[0].x" :y="activity[0].date.weekday"
|
||||
rx="1" ry="1"
|
||||
fill="none"
|
||||
stroke-width="0.1"
|
||||
stroke="#f73520"/>
|
||||
stroke="#f73520"
|
||||
/>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
|
Reference in New Issue
Block a user