<template> <div class="bg-grey-darken-3 tw-flex tw-pt-[32px] tw-pb-[32px] text-white"> <v-container> <v-row> <v-col cols="12" lg="3" sm="12" md="6"> <b>Solution</b> <p><router-link to="/equipment">Lab Device</router-link></p> <p><router-link to="/customize">Customized BatterTesting</router-link></p> <p><router-link to="/pack">Pack</router-link></p> </v-col> <v-col cols="12" lg="3" sm="12" md="6"> <b>Online Product</b> <p><router-link to="/products">Material Reagents</router-link></p> <p><router-link to="/products">Lab Device Products</router-link></p> </v-col> <v-col cols="12" lg="3" sm="12" md="6"> <b>About</b> <p><router-link to="/about">About us</router-link></p> </v-col> <v-col cols="12" lg="3" sm="12" md="6"> <div class="tw-w-[250px] tw-float-left tw-mr-[8px]"> <b>Contact us</b> <p>Email: contact@canrd.com</p> <p>Phone: +86 19867737979</p> <p>Wechat: contactcanrd</p> </div> <img class="tw-float-left" src="/wechat.jpg" alt="canrud-wechat" width="80" /> </v-col> </v-row> </v-container> </div> </template> <script setup lang="ts"></script> <style> b { margin-bottom: 12px; display: block; } p { cursor: pointer; margin-bottom: 8px; } p a:hover { color: #e0e0e0; } </style>