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/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"/>
<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;500;700&amp;display=swap" rel="stylesheet"/>
<script>
    tailwind.config = {
      darkMode: "class",
      theme: {
        extend: {
          colors: {
            "primary": "#13ec5b",
            "background-light": "#f6f8f6",
            "background-dark": "#102216",
            "card-light": "#ffffff",
            "card-dark": "#182c1e",
            "text-light-primary": "#0d1b12",
            "text-dark-primary": "#e1f5e8",
            "text-light-secondary": "#4c9a66",
            "text-dark-secondary": "#8bc39d",
            "chip-bg-light": "#e7f3eb",
            "chip-bg-dark": "#2a4d36",
            "chip-bg-light-active": "#13ec5b",
            "chip-bg-dark-active": "#13ec5b",
            "chip-text-light-active": "#0d1b12",
            "chip-text-dark-active": "#0d1b12",
   .........完整代码请登录后点击上方下载按钮下载查看