| | |
| | | <template> |
| | | <div class="w-screen h-16 bg-blue-400 flex justify-between items-center px-10 box-border"> |
| | | <div class="return-container text-center cursor-pointer"> |
| | | <div class="w-screen h-16 bg-blue-500 flex justify-between items-center px-10 box-border"> |
| | | <div class="return-container text-center cursor-pointer" @click="returnBack"> |
| | | <div class="icon mx-auto"> |
| | | <img src="@/assets/icons/return.png" class="width-img" alt=""> |
| | | </div> |
| | |
| | | |
| | | <script setup> |
| | | import { ref, computed } from 'vue'; |
| | | import { useRouter } from 'vue-router'; |
| | | import randomColor from '@/utils/randomColor.js'; |
| | | |
| | | const router = useRouter(); |
| | | |
| | | const getColor = computed(() => { |
| | | return randomColor(); |
| | | }); |
| | | |
| | | const returnBack = () => { |
| | | router.back(); |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |