tailwind实现简洁绿色环保废品回收选择分类app ui原型图代码-html代码-BFW代码库

tailwind实现简洁绿色环保废品回收选择分类app ui原型图代码

代码语言：html

代码描述：tailwind实现简洁绿色环保废品回收选择分类app ui原型图代码

代码标签： tailwind 简洁绿色环保废品回收选择分类 app ui 原型图代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html class="light" lang="zh"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>选择回收品类</title>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tailwindcss.3.4.16.js"></script>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet"/>
<script>
    tailwind.config = {
      darkMode: "class",
      theme: {
        extend: {
          colors: {
            "primary": "#13ec5b",
            "background-light": "#f6f8f6",
            "background-dark": "#102216",
            "text-light-primary": "#0d1b12",
            "text-light-secondary": "#4c9a66",
            "text-dark-primary": "#f6f8f6",
            "text-dark-secondary": "#cfe7d7",
            "card-light": "#ffffff",
            "card-dark": "#1a2c20",
            "border-light": "#cfe7d7",
            "border-dark": "#2a4d36",
            "input-light": "#e7f3eb",
            "input-dark": "#1a2c20",
          },
          fontFamily: {
            "display": ["Inter", "sans-serif"]
          },
          borderRadius: {
            "DEFAULT": ".........完整代码请登录后点击上方下载按钮下载查看