feat: unocss 配置说明

2024-05-02 12:14:02 +08:00
parent a2a78f0c13
commit 7d05cea7fe
2 changed files with 13 additions and 5 deletions
--- a/src/pages/index/about.vue
+++ b/src/pages/index/about.vue
@@ -11,7 +11,7 @@
    class="bg-white overflow-hidden pt-2 px-4"
    :style="{ marginTop: safeAreaInsets?.top + 'px' }"
  >
-    <view class="text-center text-3xl mt-4">关于页面</view>
+    <view class="text-center text-3xl mt-4 test-css">关于页面</view>
    <view class="text-center text-3xl mt-8">
      鸽友们好，我是
      <text class="text-red-500">菲鸽</text>
@@ -37,7 +37,8 @@ const gotoPage = (page: string) => {
 </script>

 <style lang="scss" scoped>
-.desc {
-  height: 80rpx;
+.test-css {
+  // mt-4=>1rem=>16px;
+  margin-top: 16px;
 }
 </style>