<template> <div class="bg-grey-darken-3 tw-flex tw-pt-[32px] tw-pb-[32px]"> <v-container> <v-row> <v-col cols="3"> <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="3"> <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="2"> <b>About</b> <p><router-link to="/about">About us</router-link></p> </v-col> <v-col cols="4"> <div class="tw-w-[250px] tw-float-left tw-mr-[8px]"> <b>Contact us</b> <p>Email: contact@canrd.com</p> <p>QQ: 3003597584 / 2902385824</p> </div> <img class="tw-float-left" src="/wechat.jpg" 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>