perf-unocss.config配置前缀,方便后面统一修改

src/components/AppProvider/inedx.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup name="AppProvider"></script>
 <template>
-  <view class="un-p-safe un-bg-blue-500">
+  <view class="_u_p-safe _u_bg-blue-500">
     <slot></slot>
   </view>
 </template>

src/pages/demo/index.vue

@@ -12,7 +12,7 @@
 <template>
   <AppProvider>
     <view class="container"> 页面构建中... </view>
-    <view class="un-center">
+    <view class="_u_center">
       <BasicButton @click="jumpList1">List1 → </BasicButton>
     </view>
   </AppProvider>

src/pages/index/index.vue

@@ -29,10 +29,10 @@
         <text class="">是否是Vue3: {{ isVue3 }}</text>
       </view>
       <view class="text-area">
-        <text class="un-text-red">当前平台: {{ platform }}</text>
+        <text class="_u_text-red">当前平台: {{ platform }}</text>
       </view>
       <BasicButton @click="handleGetStarted">Get Started → </BasicButton>
-      <view class="un-text-red">uno css</view>
+      <view class="_u_text-red">uno css</view>
       <Iconify icon="i-ph-anchor-simple-thin" size="65" />
       <Iconify icon="i-system-uicons-book-text" />
       <Iconify icon="i-system-uicons-battery-full" size="65" />

src/pagesA/list/test1/index.vue

@@ -8,7 +8,9 @@
   };
 </script>
 <template>
-  <view class="un-center"> Test1 </view>
+  <view class="_u_center"> Test1 </view>
-  <BasicButton @click="jumpTest2">Test2 → </BasicButton>
+  <view class="_u_center"
+    ><BasicButton @click="jumpTest2">Test2 → </BasicButton></view
+  >
 </template>
 <style scoped></style>

unocss.config.js

@@ -26,7 +26,7 @@ const transformRules = {
   ',': '-r222-',
 };
 
-const prefix = `un-`;
+const prefix = `_u_`;
 
 export default defineConfig({
   presets: [
@@ -47,7 +47,7 @@ export default defineConfig({
   shortcuts: [
     {
       'border-base': 'border border-gray-500_10',
-      'un-center': 'un-flex un-justify-center un-items-center',
+      _u_center: '_u_flex _u_justify-center _u_items-center',
     },
   ],
   theme: {},