feat: demo里面的文件使用 demo layout，除非是自定义导航栏

src/pages/demo/demo/clock.vue

@@ -1,5 +1,6 @@
 <route lang="json5">
 {
+  layout: 'demo',
   style: { navigationBarTitleText: '动态时钟' },
 }
 </route>

src/pages/demo/demo/component-auto-import.vue

@@ -1,12 +0,0 @@
-<route lang="json5">
-{
-  style: { navigationBarTitleText: 'easycom 自动导入' },
-}
-</route>
-
-<template>
-  <view class="m-4">
-    <fly-header></fly-header>
-    <fly-content :line="30"></fly-content>
-  </view>
-</template>

src/pages/demo/demo/img-min/index.vue

@@ -1,3 +1,10 @@
+<route lang="json5">
+{
+  layout: 'demo',
+  style: { navigationBarTitleText: '图片压缩' },
+}
+</route>
+
 <template lang="">
   <view class="m-4 text-center">
     <view class="mb-2 text-orange-500">

src/pages/demo/demo/lottery.vue

@@ -1,5 +1,6 @@
 <route lang="json5">
 {
+  layout: 'demo',
   style: { navigationBarTitleText: '九宫格抽奖' },
 }
 </route>

src/pages/demo/demo/lottery/big-wheel.vue

@@ -1,8 +1,10 @@
 <route lang="json5">
 {
+  layout: 'demo',
   style: { navigationBarTitleText: '大转盘抽奖' },
 }
 </route>
+
 <template>
   <view class="text-center">
     <view class="container">

src/pages/demo/demo/lottery/nine-grid.vue

@@ -1,5 +1,6 @@
 <route lang="json5">
 {
+  layout: 'demo',
   style: { navigationBarTitleText: '九宫格抽奖' },
 }
 </route>

src/pages/demo/demo/lottery2.vue

@@ -1,5 +1,6 @@
 <route lang="json5">
 {
+  layout: 'demo',
   style: { navigationBarTitleText: '大转盘抽奖' },
 }
 </route>

src/pages/demo/demo/mp-weixin-share.vue

@@ -1,24 +1,23 @@
 <route lang="json5">
 {
+  layout: 'demo',
   style: { navigationBarTitleText: '微信分享' },
 }
 </route>
 
 <template>
-  <view class="m-10 text-center">
-    <view class="text-green">微信分享页</view>
-    <view class="text-green-500">请在微信小程序中体验，或者开发者工具</view>
-    <view>1) 默认是不激活”发送给朋友“和”分享到朋友圈“的，如下图</view>
-    <image
-      src="https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/fly/wx-share/wx-share-before.png"
-      mode="widthFix"
-    />
-    <view>2) 增加了onShareAppMessage和onShareTimeline后，就可以微信分享了，如下图</view>
-    <image
-      src="https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/fly/wx-share/wx-share-after.png"
-      mode="widthFix"
-    />
-  </view>
+  <view class="text-green">微信分享页</view>
+  <view class="text-green-500">请在微信小程序中体验，或者开发者工具</view>
+  <view>1) 默认是不激活”发送给朋友“和”分享到朋友圈“的，如下图</view>
+  <image
+    src="https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/fly/wx-share/wx-share-before.png"
+    mode="widthFix"
+  />
+  <view>2) 增加了onShareAppMessage和onShareTimeline后，就可以微信分享了，如下图</view>
+  <image
+    src="https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/fly/wx-share/wx-share-after.png"
+    mode="widthFix"
+  />
 </template>
 
 <script lang="ts" setup>

src/pages/demo/demo/pinia.vue

@@ -1,6 +1,6 @@
 <route lang="json5">
 {
-  layout: 'display',
+  layout: 'demo',
   style: { navigationBarTitleText: 'pinia+持久化' },
 }
 </route>

src/pages/demo/demo/request.vue

@@ -1,23 +1,26 @@
 <route lang="json5">
 {
+  layout: 'demo',
   style: { navigationBarTitleText: 'request请求+请求拦截' },
 }
 </route>
 
 <template>
   <view>
-    <button @click="handleRequest">请求</button>
+    <button @click="handleRequest" type="primary" class="w-20">请求</button>
+    <view class="mt-4">{{ result }}</view>
   </view>
 </template>
 <script lang="ts" setup>
 import { http } from '@/utils/http'
-import { UserItem } from '@/typings'
 
-const handleRequest = () => {
-  const res = http<UserItem[]>({
-    url: '/getUserList',
+const result = ref()
+const handleRequest = async () => {
+  const res = await http<string>({
+    url: '/foo',
     method: 'GET',
   })
   console.log(res)
+  result.value = res
 }
 </script>

src/pages/demo/demo/uni-ui-icons.vue

@@ -1,5 +1,6 @@
 <route lang="json5">
 {
+  layout: 'demo',
   style: { navigationBarTitleText: 'UniUI Icons 使用' },
 }
 </route>
@@ -9,7 +10,7 @@
     <uni-icons type="contact" size="30"></uni-icons>
     <uni-icons type="contact" size="30" color="red"></uni-icons>
     <view class="text-blue-300"
-      >注意在微信小程序中，不支持改颜色，即设置了颜色也会变成默认的#333</view
+      >注意在微信小程序中，不支持改颜色，即设置了颜色也会变成默认的#333, BUG</view
     >
   </view>
 </template>

src/pages/demo/demo/uni-ui.vue

@@ -1,5 +1,6 @@
 <route lang="json5">
 {
+  layout: 'demo',
   style: { navigationBarTitleText: 'UniUI 使用' },
 }
 </route>
@@ -8,5 +9,6 @@
   <uni-card>
     <text>这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。</text>
   </uni-card>
-  <uni-badge text="1"></uni-badge>
+  <view>微信里面下面的 uni-badge 显示不出来，BUG</view>
+  <uni-badge text="99"></uni-badge>
 </template>

src/pages/demo/demo/unocss-icons.vue

@@ -1,5 +1,6 @@
 <route lang="json5">
 {
+  layout: 'demo',
   style: { navigationBarTitleText: 'UnoCss Icons 使用' },
 }
 </route>

src/pages/demo/demo/unocss.vue

@@ -1,5 +1,6 @@
 <route lang="json5">
 {
+  layout: 'demo',
   style: { navigationBarTitleText: 'UnoCss 使用' },
 }
 </route>

src/utils/http.ts

@@ -10,7 +10,7 @@ type Data<T> = {
 
 // 请求基地址
 const baseURL = import.meta.env.VITE_SERVER_BASEURL
-console.log(import.meta.env)
+// console.log(import.meta.env)
 
 // 拦截器配置
 const httpInterceptor = {