feat: add toggle icon detail

This commit is contained in:
YunYouJun
2022-04-16 09:47:08 +08:00
parent 579aa1489f
commit f07d2ce3be
3 changed files with 23 additions and 2 deletions

View File

@@ -1,7 +1,18 @@
<script lang="ts" setup>
import { useRecipeStore } from '~/stores/recipe'
const rStore = useRecipeStore()
</script>
<template>
<div>
<div text-4xl m="t-4">
<div class="bg-gradient-to-b from-dark-100 to-black-900 dark:(from-stone-200 to-light-900)" i-mdi-pot-steam-outline inline-block />
<button
class="cursor-pointer transition hover:(text-green-600) active:text-green-800"
@click="rStore.reset"
>
<div v-if="rStore.selectedStuff.length" i-mdi-pot-steam-outline />
<div v-else i-mdi-pot-mix-outline />
</button>
</div>
<p text="sm" m="b-4">
好的今天我们来做菜