|
@@ -11,6 +11,7 @@
|
|
|
v-for="(item, i) in data"
|
|
|
:key="i"
|
|
|
class="item"
|
|
|
+ :style="{ width }"
|
|
|
@click="item.onClick"
|
|
|
>
|
|
|
<text class="number">{{ item.value }}</text>
|
|
@@ -35,7 +36,11 @@ defineProps({
|
|
|
onClick?: () => void
|
|
|
}[]>,
|
|
|
default: () => ([])
|
|
|
- }
|
|
|
+ } ,
|
|
|
+ width: {
|
|
|
+ type: [Number, String],
|
|
|
+ default: ''
|
|
|
+ },
|
|
|
})
|
|
|
</script>
|
|
|
|
|
@@ -61,7 +66,7 @@ $color-text: map.get($colors, "text");
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
- justify-content: center;
|
|
|
+ justify-content: space-around;
|
|
|
flex-wrap: wrap;
|
|
|
color: $color-text;
|
|
|
|
|
@@ -69,7 +74,7 @@ $color-text: map.get($colors, "text");
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
text-align: center;
|
|
|
- margin: 10rpx 40rpx;
|
|
|
+ margin: 10rpx 0;
|
|
|
|
|
|
.sub-title {
|
|
|
font-size: 24rpx;
|