|
|
@@ -1,24 +1,21 @@
|
|
|
<template>
|
|
|
<scroll-view scroll-x>
|
|
|
- <FlexRow gap="gap.2xl">
|
|
|
- <Touchable
|
|
|
+ <FlexRow gap="gap.md">
|
|
|
+ <BackgroundBox
|
|
|
v-for="(tag, k) in tags"
|
|
|
:key="k"
|
|
|
- @click="emit('update:active', tag)"
|
|
|
+ :backgroundImage="tag === active ?
|
|
|
+ 'https://xy.wenlvti.net/app_static/images/village/TagActive.png' :
|
|
|
+ 'https://xy.wenlvti.net/app_static/images/village/TagNormal.png'"
|
|
|
+ :backgroundCutBorder="[10, 10, 10, 10]"
|
|
|
+ :backgroundCutBorderSize="[10, 10, 10, 10]"
|
|
|
+ :padding="[20, 30]"
|
|
|
+ :text="tag"
|
|
|
>
|
|
|
- <BackgroundBox
|
|
|
- v-if="tag"
|
|
|
- :backgroundImage="tag === active ?
|
|
|
- 'https://xy.wenlvti.net/app_static/images/village/TagActive.png' :
|
|
|
- 'https://xy.wenlvti.net/app_static/images/village/TagNormal.png'"
|
|
|
- :backgroundCutBorder="[10, 10, 10, 10]"
|
|
|
- :backgroundCutBorderSize="[10, 10, 10, 10]"
|
|
|
- :padding="[20, 30]"
|
|
|
- :text="tag"
|
|
|
- >
|
|
|
- <Text :text="tag" fontConfig="contentText" :color="tag === active ? 'white' : 'text.content'" />
|
|
|
- </BackgroundBox>
|
|
|
- </Touchable>
|
|
|
+ <Touchable @click="emit('update:active', tag)">
|
|
|
+ <Text :text="tag" fontConfig="contentText" :color="tag === active ? 'white' : 'text.content'" />
|
|
|
+ </Touchable>
|
|
|
+ </BackgroundBox>
|
|
|
</FlexRow>
|
|
|
</scroll-view>
|
|
|
</template>
|