test: update examples

MellowCo · Feb 5, 2024 · c16e78d · c16e78d
1 parent 66bba17
commit c16e78d
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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',
     },
   },
 }