tj

RuoYi-App/App.vue

@@ -3,75 +3,105 @@
     <router-view />
   </view>
 </template>
+
 <script>
-  import config from './config'
-  import { getToken } from '@/utils/auth'
-import { useThemeStore } from '@/stores/theme'
+import config from './config'
+import { getToken } from '@/utils/auth'
 import { onLaunch, onShow } from '@dcloudio/uni-app'
-//import { useThemeStore } from '@/stores/theme'
-import { useUserStore } from '@/stores/user'
-import { useVipStore } from '@/stores/vip'
+import { useThemeStore } from '@/store/theme'  // 修正路径
+import { useUserStore } from '@/store/user'    // 修正路径
+import { useVipStore } from '@/store/vip'      // 修正路径
 import { useReminder } from '@/utils/reminder'
 import { readingService } from '@/services/readingService'
-// 初始化主题
-onLaunch(() => {
-  // 登录成功后同步进度
-  uni.$on('loginSuccess', async () => {
-    await readingService.syncAllLocalProgress()
-    uni.showToast({ title: '阅读进度已同步', icon: 'success' })
-  })
-	  // 初始化签到提醒
-	  useReminder.init()
-	  
-  const themeStore = useThemeStore()
-  themeStore.initTheme()
-})
-// 每次启动时加载用户和VIP状态
-onShow(async () => {
-  const userStore = useUserStore()
-  const vipStore = useVipStore()
-  
-  // 检查登录状态
-  if (uni.getStorageSync('token')) {
-    // 加载用户信息
-    await userStore.initUser()
-    
-    // 加载VIP状态
-    if (userStore.userId) {
-      await vipStore.loadVipStatus(userStore.userId)
+
+export default {
+  data() {
+    return {
+      themeStore: useThemeStore(),
+      userStore: useUserStore(),
+      vipStore: useVipStore()
     }
-  }
-})
-  export default {
-    onLaunch: function() {
-      this.initApp()
+  },
+  onLaunch() {
+    // 初始化主题
+    this.themeStore.initTheme()
+    // 检查登录状态
+    this.checkLogin()
+    // 初始化用户
+    this.userStore.initUser()
+    // 初始化签到提醒
+    useReminder.init()
+    
+    // 登录成功后同步进度
+    // uni.$on('loginSuccess', async () => {
+    //   await readingService.syncAllLocalProgress()
+    //   uni.showToast({ title: '阅读进度已同步', icon: 'success' })
+    // })
+    
+    // 检查登录状态
+    //this.checkLogin()
+  },
+  onShow() {
+    // 加载用户和VIP状态
+    this.loadUserData()
+  },
+  methods: {
+    // 初始化应用配置
+    initConfig() {
+      this.globalData.config = config
     },
-    methods: {
-      // 初始化应用
-      initApp() {
-        // 初始化应用配置
-        this.initConfig()
-        // 检查用户登录状态
-        //#ifdef H5
-        this.checkLogin()
-        //#endif
-      },
-      initConfig() {
-        this.globalData.config = config
-      },
-      checkLogin() {
-        if (!getToken()) {
-          this.$tab.reLaunch('/pages/login') 
+    
+    // 检查用户登录状态
+    checkLogin() {
+      if (!getToken()) {
+        this.$tab.reLaunch('/pages/login') 
+      }
+    },
+        // 同步阅读进度（需要实现）
+        async syncReadingProgress() {
+          // 实现阅读进度同步逻辑
+          console.log('阅读进度同步逻辑待实现')
+        },
+    // 加载用户数据
+    async loadUserData() {
+      // 检查登录状态
+      if (uni.getStorageSync('token')) {
+        // 加载用户信息
+        await this.userStore.initUser()
+        
+        // 加载VIP状态
+        if (this.userStore.userId) {
+          await this.vipStore.loadVipStatus(this.userStore.userId)
         }
       }
     }
   }
+}
 </script>
 
 <style lang="scss">
-  @import '@/static/scss/index.scss'
-@import '@/styles/themes/default.scss';
-@import '@/styles/themes/aydz-blue.scss';
+	  /* 确保所有页面有基本样式 */
+	  page {
+	    height: 100%;
+	    background-color: #ffffff;
+	    font-size: 28rpx;
+	    color: #333;
+	  }
+	    /* 解决部分设备显示问题 */
+	    body, html {
+	      height: 100%;
+	      background-color: #ffffff;
+	    }
+		  /* 容器样式 */
+		  .container {
+		    min-height: 100%;
+		    padding: 20rpx;
+		    box-sizing: border-box;
+		  }
+/* 修正：每个 @import 语句末尾添加分号 */
+@import '@/static/scss/index.scss';
+//@import '@/styles/themes/default.scss';
+//@import '@/styles/themes/aydz-blue.scss';
 
 .app-container {
   font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
@@ -87,6 +117,7 @@ onShow(async () => {
   --text-color: #333;
   --card-bg: #ffffff;
   --header-bg: #ffffff;
+  
   /* 确保所有页面继承主题 */
   background-color: var(--bg-color);
   color: var(--text-color);
@@ -126,56 +157,12 @@ onShow(async () => {
   border-radius: 24px;
   padding: 10px 20px;
   font-weight: bold;
-}/* 全局主题变量 */
-:root {
-  --primary-color: #1890ff;
-  --bg-color: #f8f9fa;
-  --text-color: #333;
-  --card-bg: #ffffff;
-  
-  /* 确保所有页面继承主题 */
-  background-color: var(--bg-color);
-  color: var(--text-color);
 }
 
-/* 哎呀科技蓝主题变量覆盖 */
-.theme-aydzBlue {
-  --primary-color: #2a5caa;
-  --bg-color: #e6f7ff;
-  --text-color: #1a3353;
-  --card-bg: #d0e8ff;
-}
-
-/* 深色模式主题变量覆盖 */
-.theme-darkMode {
-  --primary-color: #52c41a;
-  --bg-color: #1a1a1a;
-  --text-color: #e6e6e6;
-  --card-bg: #2a2a2a;
-}
-
-/* 公共组件样式 */
-.card {
-  background-color: var(--card-bg);
-  border-radius: 12px;
-  padding: 16px;
-  margin-bottom: 16px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
-}
-
-.primary-button {
-  background-color: var(--primary-color);
-  color: white;
-  border: none;
-  border-radius: 24px;
-  padding: 10px 20px;
-  font-weight: bold;
-}
 /* 全局样式 */
 page {
   background-color: var(--bg-color);
   color: var(--text-color);
   font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
 }
-
-</style>
+</style>

RuoYi-App/main.js

@@ -4,7 +4,13 @@ import store from './store' // store
 import plugins from './plugins' // plugins
 import './permission' // permission
 import { getDicts } from "@/api/system/dict/data"
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
 
+const app = createApp(App)
+const pinia = createPinia()
+app.use(pinia)
+app.mount('#app')
 Vue.use(plugins)
 
 Vue.config.productionTip = false
@@ -13,8 +19,8 @@ Vue.prototype.getDicts = getDicts
 
 App.mpType = 'app'
 
-const app = new Vue({
-  ...App
-})
+// const app = new Vue({
+//   ...App
+// })
 
 app.$mount()

RuoYi-App/manifest.json

@@ -1,73 +1,71 @@
 {
-    "name" : "哎呀免费小说",
-    "appid" : "__UNI__25A9D80",
-    "description" : "哎呀电子科技旗下小说阅读平台",
-    "versionName" : "1.0.0",
-    "versionCode" : "100",
-    "transformPx" : false,
-    "app-plus" : {
-        "usingComponents" : true,
-        "nvueCompiler" : "uni-app",
-        "splashscreen" : {
-            "alwaysShowBeforeRender" : true,
-            "waiting" : true,
-            "autoclose" : true,
-            "delay" : 0
-        },
-        "modules" : {},
-        "distribute" : {
-            "android" : {
-                "permissions" : [
-                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
-                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
-                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
-                ]
-            },
-            "ios" : {},
-            "sdkConfigs" : {}
-        }
+  "name": "哎呀免费小说",
+  "appid": "__UNI__25A9D80",
+  "description": "哎呀电子科技旗下小说阅读平台",
+  "versionName": "1.0.0",
+  "versionCode": "100",
+  "transformPx": false,
+  "app-plus": {
+    "usingComponents": true,
+    "nvueCompiler": "uni-app",
+    "splashscreen": {
+      "alwaysShowBeforeRender": true,
+      "waiting": true,
+      "autoclose": true,
+      "delay": 0
     },
-    "quickapp" : {},
-    "mp-weixin" : {
-        "appid" : "YOUR_WECHAT_APPID",
-        "setting" : {
-            "urlCheck" : false,
-            "es6" : false,
-            "minified" : true,
-            "postcss" : true
-        },
-        "optimization" : {
-            "subPackages" : true
-        },
-        "usingComponents" : true
+    "modules": {},
+    "distribute": {
+      "android": {
+        "permissions": [
+          "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+          "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+          "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+          "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+          "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+          "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+          "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+          "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+          "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+          "<uses-feature android:name=\"android.hardware.camera\"/>",
+          "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+        ]
+      },
+      "ios": {},
+      "sdkConfigs": {}
+    }
+  },
+  "quickapp": {},
+  "mp-weixin": {
+    "appid": "YOUR_WECHAT_APPID",
+    "setting": {
+      "urlCheck": false,
+      "es6": false,
+      "minified": true,
+      "postcss": true
     },
-    "usingComponents": true,
-    "permission": {
-      "scope.userLocation": {
-        "desc": "用于附近书店功能"
-      }
+    "optimization": {
+      "subPackages": true
     },
-    "plugins": {
-      "adPlugin": {
-        "version": "1.2.7",
-        "provider": "wx3f8e7a3d8a3d8a3d"
-      }
+    "usingComponents": true
+  },
+  "usingComponents": true,
+  "permission": {
+    "scope.userLocation": {
+      "desc": "用于附近书店功能"
+    }
+  },
+  "plugins": {
+    "adPlugin": {
+      "version": "1.2.7",
+      "provider": "wx3f8e7a3d8a3d8a3d"
     }
   },
-   /*   "vueVersion" : "2", */
-   /*抖音小程序配置 */
+  "vueVersion": "2",
   "mp-toutiao": {
     "appid": "YOUR_DOUYIN_APPID",
     "setting": {
@@ -83,17 +81,17 @@
       }
     }
   },
-    "h5" : {
+  "h5": {
     "title": "哎呀免费小说",
-        "template" : "static/index.html",
-        "devServer" : {
-            "port" : 9090,
-            "https" : false
-        },
-        "router" : {
-            "mode" : "hash",
-            "base" : "./"
-        }
+    "template": "static/index.html",
+    "devServer": {
+      "port": 9090,
+      "https": false
+    },
+    "router": {
+      "mode": "hash",
+      "base": "./"
+    },
     "optimization": {
       "treeShaking": {
         "enable": true
@@ -104,5 +102,5 @@
         "adpid": "H5_AD_PID"
       }
     }
-    }
-}
+  }
+}

RuoYi-App/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "pinia": "^2.1.7"
+  }
+}

RuoYi-App/pages.json

@@ -1,5 +1,15 @@
 {
-  "pages": [{
+  "pages": [
+	     {
+	        "path": "pages/index/index",  // 确保这是您的首页文件路径
+	        "style": {
+	          "navigationBarTitleText": "首页",
+	          "enablePullDownRefresh": false
+	        }
+	      },
+	  
+	  
+	  {
     "path": "pages/login",
     "style": {
       "navigationBarTitleText": "登录"
@@ -72,24 +82,24 @@
     }
   }],
   "tabBar": {
-    "color": "#000000",
-    "selectedColor": "#000000",
-    "borderStyle": "white",
+    "color": "#7A7E83",
+    "selectedColor": "#3cc51f",
+    "borderStyle": "black",
     "backgroundColor": "#ffffff",
     "list": [{
-        "pagePath": "pages/index",
-        "iconPath": "static/images/tabbar/home.png",
-        "selectedIconPath": "static/images/tabbar/home_.png",
+        "pagePath": "pages/index/index",  // 首页tab",
+        "iconPath": "static/tabbar/home.png",
+        "selectedIconPath": "static/tabbar/home_active.png",
         "text": "首页"
-      }, {
-        "pagePath": "pages/work/index",
-        "iconPath": "static/images/tabbar/work.png",
-        "selectedIconPath": "static/images/tabbar/work_.png",
-        "text": "工作台"
-      }, {
-        "pagePath": "pages/mine/index",
-        "iconPath": "static/images/tabbar/mine.png",
-        "selectedIconPath": "static/images/tabbar/mine_.png",
+      },       {
+        "pagePath": "pages/bookshelf/index",  // 书架页
+        "iconPath": "static/tabbar/bookshelf.png",
+        "selectedIconPath": "static/tabbar/bookshelf_active.png",
+        "text": "书架"
+      },       {
+        "pagePath": "pages/me/index",  // 我的页面
+        "iconPath": "static/tabbar/me.png",
+        "selectedIconPath": "static/tabbar/me_active.png",
         "text": "我的"
       }
     ]

RuoYi-App/pages/index.vue

@@ -8,19 +8,21 @@
 </template>
 
 <style scoped>
+	  page {
+	    height: 100%;
+	    background-color: #fff;
+	  }
   .content {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    height: 100vh; /* 确保全屏高度 */
   }
 
   .logo {
     height: 200rpx;
     width: 200rpx;
-    margin-top: 200rpx;
-    margin-left: auto;
-    margin-right: auto;
     margin-bottom: 50rpx;
   }
 
@@ -31,6 +33,7 @@
 
   .title {
     font-size: 36rpx;
-    color: #8f8f94;
+    color: #333; /* 修改为深色确保可见 */
+    font-weight: bold;
   }
 </style>

RuoYi-App/pages/index/index.vue

@@ -0,0 +1,39 @@
+<template>
+  <view class="content">
+    <image class="logo" src="@/static/logo.png"></image>
+    <view class="text-area">
+      <text class="title">Hello RuoYi</text>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+	  page {
+	    height: 100%;
+	    background-color: #fff;
+	  }
+  .content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100vh; /* 确保全屏高度 */
+  }
+
+  .logo {
+    height: 200rpx;
+    width: 200rpx;
+    margin-bottom: 50rpx;
+  }
+
+  .text-area {
+    display: flex;
+    justify-content: center;
+  }
+
+  .title {
+    font-size: 36rpx;
+    color: #333; /* 修改为深色确保可见 */
+    font-weight: bold;
+  }
+</style>

RuoYi-App/static/scss/index.scss

@@ -1,3 +1,30 @@
+
+// 基础样式重置
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+// 基础排版
+body {
+  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  line-height: 1.6;
+}
+
+// 工具类
+.flex-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.text-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 // global
 @import "./global.scss";
 // color-ui