From c16e78df8dfe7e41a856a94a76a7b70f29b37f3c Mon Sep 17 00:00:00 2001
From: MellowCo <799478052@qq.com>
Date: Mon, 5 Feb 2024 19:08:00 +0800
Subject: [PATCH] test: update examples

---
 examples/uniapp_vue3/src/pages/apply/index.vue |  2 +-
 examples/uniapp_vue3/src/pages/bg/index.vue    | 16 ++++++++++++----
 examples/uniapp_vue3/unocss.config.ts          | 11 ++++++++++-
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/examples/uniapp_vue3/src/pages/apply/index.vue b/examples/uniapp_vue3/src/pages/apply/index.vue
index 6876524..8388f13 100644
--- a/examples/uniapp_vue3/src/pages/apply/index.vue
+++ b/examples/uniapp_vue3/src/pages/apply/index.vue
@@ -28,6 +28,6 @@
 }
 
 .bg-directives{
-  background-color: theme(color.bg);
+  background-color: theme(color.blue);
 }
 </style>
diff --git a/examples/uniapp_vue3/src/pages/bg/index.vue b/examples/uniapp_vue3/src/pages/bg/index.vue
index dfd3c58..d14408a 100644
--- a/examples/uniapp_vue3/src/pages/bg/index.vue
+++ b/examples/uniapp_vue3/src/pages/bg/index.vue
@@ -6,10 +6,18 @@ export default {
 
 <template>
   <view text="white base" class="p-3">
-    <view class="bg-[--l-tab-bar-bg-color] [--l-tab-bar-bg-color:theme(color.bg)] w-100 h-100" />
-
-    <view class="mt-2 bg-[--l-tab-bar-bg-color,theme(color.bg)] w-100 h-100" />
-    <view :class="{ 'mt-2 bg-[--l-tab-bar-bg-color,theme(color.bg)] w-100 h-100': 1 === 1 }" />
+    <view class="bg-[--l-tab-bar-bg-color] [--l-tab-bar-bg-color:theme(color.blue)] w-100 h-100" />
+    <view :class="{ 'mt-2 bg-[--l-tab-bar-bg-color,theme(color.blue)] w-100 h-100': 1 === 1 }" />
+
+    <view class="mt-2 bg-[--l-tab-bar-bg-color,theme(color.blue)] w-100 h-100" />
+    <view class="mt-2 bg-[theme(color.red)] w-100 h-100" />
+    <view class="mt-2 bg-[theme(color.sun)] w-100 h-100" />
+    <view class="mt-2 bg-[theme(color.green)] w-100 h-100" />
+
+    <view class="mt-2 border-1 border-solid border-[theme(border.blue)] w-100 h-100" />
+    <view class="mt-2 border-1 border-solid border-[theme(border.red)] w-100 h-100" />
+    <view class="mt-2 border-1 border-solid border-[theme(border.sun)] w-100 h-100" />
+    <view class="mt-2 border-1 border-solid border-[theme(border.green)] w-100 h-100" />
 
     <view flex justify-center w-full class="!px-4 important:p-10 -m-4">
       <view class="w-100 h-100 bg-cover mb-3" style="background-image: url(../../static/logo.png)" />
diff --git a/examples/uniapp_vue3/unocss.config.ts b/examples/uniapp_vue3/unocss.config.ts
index f194a6b..5964fbc 100644
--- a/examples/uniapp_vue3/unocss.config.ts
+++ b/examples/uniapp_vue3/unocss.config.ts
@@ -33,7 +33,16 @@ export default {
   ],
   theme: {
     color: {
-      bg: 'rgba(22, 33, 255, 1)',
+      blue: 'rgba(22, 33, 255, 1)',
+      red: '#e74c3c',
+      sun: '#f1c40f',
+      green: '#16a085',
+    },
+    border: {
+      blue: 'rgba(22, 33, 255, 1)',
+      red: '#e74c3c',
+      sun: '#f1c40f',
+      green: '#16a085',
     },
   },
 }