完善一级页面

App.vue

@@ -12,8 +12,9 @@
 	}
 </script>
 
-<style>
+<style lang="scss">
 	/*每个页面公共css */
+	@import "@/uni_modules/uview-plus/index.scss";
 	@import url("static/css/fui.css");
 	@import url("static/css/flex.css");
 	@import url("static/css/uflex.css");

components/custom-tabbar.vue

@@ -1,13 +1,32 @@
 <template>
-	<view class="custom-tabbar" v-if="isShowTabbar">
-		<view v-for="(item, index) in list" :key="index" class="tabbar-item" @click="switchTab(index)">
-			<!-- <view v-if="item.text === '新建'" class="menu-item">
-				<image class="add_icon" :src="item.icon" mode="scaleToFill" />
-			</view> -->
-			<view class="menu-item">
-				<image v-if="currentIndex === index" class="w-48 h-48" :src="item.check_icon" mode="scaleToFill" />
-				<image v-else class="w-48 h-48" :src="item.icon" mode="scaleToFill" />
-				<text class="mgt-4" :class="{ active: currentIndex === index }">{{ item.text }}</text>
+	<view class="custom_tabbar">
+		<view class="side_help">
+			<view class="help" @click="navTo('help')">
+				<image class="w-30 h-30 mgb-6" src="/static/image/tabbar/help.png" mode="scaleToFill" />
+				<view class="text">帮助</view>
+			</view>
+			<view class="mgt-20" @click="navTo('complaint')">
+				<image class="w-30 h-30 mgb-6" src="/static/image/tabbar/complaint.png" mode="scaleToFill" />
+				<view class="text">投诉</view>
+			</view>
+		</view>
+
+		<view class="tools" @click="navTo('toolsMall')">
+			<image class="w-80 h-80" src="/static/image/tabbar/tools_icon.png" mode="scaleToFill" />
+			<view class="title">工具广场</view>
+		</view>
+
+		<view class="red_packet" @click="navTo('redPacket')">
+			<image class="img" src="/static/image/tabbar/red_packet.png" mode="scaleToFill" />
+		</view>
+
+		<view class="custom-tabbar">
+			<view v-for="(item, index) in list" :key="index" class="tabbar-item" @click="switchTab(index)">
+				<view class="menu-item">
+					<image v-if="currentIndex === index" class="w-48 h-48" :src="item.check_icon" mode="scaleToFill" />
+					<image v-else class="w-48 h-48" :src="item.icon" mode="scaleToFill" />
+					<text class="mgt-4" :class="{ active: currentIndex === index }">{{ item.text }}</text>
+				</view>
 			</view>
 		</view>
 	</view>
@@ -40,39 +59,98 @@ const list = ref([{
 },
 ]);
 
-// 定义 isShowTabbar 变量
-const isShowTabbar = ref(true);
-
-// // 监听 props.currentIndex 变化，控制 tabbar 显示状态
-// watch(() => props.currentIndex, (newIndex) => {
-// 	if (list.value[newIndex]?.text === "新建") {
-// 		isShowTabbar.value = false; // 隐藏 tabbar
-// 	} else {
-// 		isShowTabbar.value = true; // 显示 tabbar
-// 	}
-// });
 
 // 切换 Tab
 const switchTab = (index) => {
-	/* if(index == 1) {
-		uni.navigateTo({
-			url: "/pages/creat/newBook",
-		});
-	} else { */
 	uni.switchTab({
 		url: list.value[index].pagePath,
 	});
-	// }
 };
+
+
+const navList = {
+	help: '/pages/commonModule/help',
+	complaint: '/pages/commonModule/complaint',
+	redPacket: '/pages/commonModule/redPacket',
+	toolsMall: '/pages/toolsMall/index'
+}
+
+const navTo = (name) => {
+	uni.navigateTo({
+		url: navList[name],
+	});
+}
+
 </script>
 
 <style scoped>
+.custom_tabbar {
+	z-index: 9999;
+}
+
+.side_help {
+	position: fixed;
+	left: 0;
+	bottom: 20%;
+	width: 50rpx;
+	background-color: red;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	color: #fff;
+	text-align: center;
+	padding: 20rpx 0;
+	border-radius: 0 30rpx 30rpx 0;
+	z-index: 9999;
+
+	.text {
+		text-align: center;
+	}
+}
+
+.tools {
+	position: fixed;
+	right: 20rpx;
+	bottom: 33%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	z-index: 9999;
+
+	.title {
+		margin-top: 2rpx;
+		font-size: 20rpx;
+		width: 100rpx;
+		height: 30rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: linear-gradient(to right, #c7dae2, #84c9e6);
+		border-radius: 50rpx;
+		color: #fff;
+	}
+}
+
+.red_packet {
+	position: fixed;
+	right: 20rpx;
+	bottom: 20%;
+	z-index: 9999;
+
+	.img {
+		width: 127rpx;
+		height: 96rpx;
+	}
+}
+
 .custom-tabbar {
 	position: fixed;
 	left: 0;
 	right: 0;
 	bottom: 0;
-	z-index: 999;
+	z-index: 9999;
 	display: flex;
 	height: 100rpx;
 	/* 适配安全区 */

main.js

@@ -11,12 +11,15 @@ const app = new Vue({
 app.$mount()
 // #endif
 import Vconsole from 'vconsole'
+import uviewPlus from '@/uni_modules/uview-plus'
 const vconsole = new Vconsole()
+
 // #ifdef VUE3
 import { createSSRApp } from 'vue'
 export function createApp() {
   const app = createSSRApp(App)
   app.use(vconsole);
+  app.use(uviewPlus)
   return {
     app
   }

package.json

@@ -58,8 +58,10 @@
     "@dcloudio/uni-mp-xhs": "3.0.0-4030620241128001",
     "@dcloudio/uni-quickapp-webview": "3.0.0-4030620241128001",
     "@dcloudio/uni-ui": "^1.4.28",
-	"vconsole": "^3.15.1",
     "ali-oss": "^6.21.0",
+    "clipboard": "^2.0.11",
+    "dayjs": "^1.11.13",
+    "vconsole": "^3.15.1",
     "vue": "3.4.21",
     "vue-i18n": "9.14.2"
   },

pages.json

@@ -1,4 +1,13 @@
 {
+	"easycom": {
+		"autoscan": true,
+		// 注意一定要放在custom里，否则无效，https://ask.dcloud.net.cn/question/131175
+		"custom": {
+			"^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
+			"^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
+	    	"^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"
+		}
+	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
 			"path": "pages/index/index",

pages/bookMall/index.vue

@@ -9,10 +9,109 @@
             </view>
         </view>
 
+        <view class="pdx-30 pdy-10 bg-white">
+            <view class="flex ai_center jc_between">
+                <view class="menu_item" v-for="(item, index) in menuList" :class="{ active_menu: index === 0 }">
+                    {{ item }}
+                    <view v-if="index === 0" class="active_bg"></view>
+                    <view v-else class="active"></view>
+                </view>
+                <up-input class="flex1 mgl-30" placeholder="搜索书名或作者" suffixIcon="search" suffixIconStyle="color: #909399"></up-input>
+            </view>
+        </view>
+
+        <scroll-view scroll-y class="scroll_box">
+
+            <view class="pdy-30 pdx-30 bg-white">
+                <view class="">
+                    <view class="flex ai_center jc_between">
+                        <view class="flex ai_center text-32">
+                            <svg t="1752222012281" class="w-50 h-50 mgr-10" viewBox="0 0 1024 1024" version="1.1"
+                                xmlns="http://www.w3.org/2000/svg" p-id="32757" width="128" height="128">
+                                <path
+                                    d="M928.6 208c-27 1.4-51.8 18.6-62.7 43.4-12.1 27.7-6.2 56 10 76.3l-7.7 32.3c-15.7 66-74.6 112.5-142.5 112.5-76.4 0-139.9-58.7-146-134.8l-7.3-91.4c35.2-23.4 56-66.8 45.9-114-8.7-40.5-41.5-73.2-82.1-81.7C466.5 35.9 405 88.9 405 156.2c0 37.6 19.3 70.8 48.5 90.1l-7.3 91.4c-6.1 76.1-69.6 134.8-146 134.8-67.8 0-126.8-46.6-142.5-112.5l-7.7-32.3c16.2-20.2 22.1-48.6 10-76.3-10.8-24.8-35.6-42.1-62.7-43.4-49.4-2.5-85.3 40.7-77.4 86.3 4.4 25.2 21.1 45.2 42.8 54.8l65.6 463.5h769v-0.2l65.6-463.3c21.8-9.6 38.5-29.6 42.8-54.8 8.2-45.6-27.7-88.8-77.1-86.3z"
+                                    fill="#F9C85D" p-id="32758"></path>
+                                <path d="M781.3 961.3h-541c-63 0-114-51-114-114h769c0 63-51.1 114-114 114z"
+                                    fill="#83C6EF" p-id="32759"></path>
+                                <path d="M93 281.4m-73.9 0a73.9 73.9 0 1 0 147.8 0 73.9 73.9 0 1 0-147.8 0Z"
+                                    fill="#F9C85D" p-id="32760"></path>
+                                <path
+                                    d="M928.6 208c-27 1.4-51.8 18.6-62.7 43.4-12.1 27.7-6.2 56 10 76.3l-7.7 32.3c-15.7 66-74.6 112.5-142.5 112.5-76.4 0-139.9-58.7-146-134.8l-7.3-91.4c35.2-23.4 56-66.8 45.9-114-8.7-40.5-41.5-73.2-82.1-81.7-7.9-1.7-15.7-2.3-23.4-2.3v764.4h384.5v-0.2l65.6-463.3c21.8-9.6 38.5-29.6 42.8-54.8 8.2-45.7-27.7-88.9-77.1-86.4z"
+                                    fill="#FFB103" p-id="32761"></path>
+                                <path d="M933.3 281.4m-73.8 0a73.8 73.8 0 1 0 147.6 0 73.8 73.8 0 1 0-147.6 0Z"
+                                    fill="#F9C85D" p-id="32762"></path>
+                                <path d="M513 154.3m-109.2 0a109.2 109.2 0 1 0 218.4 0 109.2 109.2 0 1 0-218.4 0Z"
+                                    fill="#F9C85D" p-id="32763"></path>
+                                <path d="M510.8 847.3v114H784c61.5 0 111.3-49.8 111.3-111.3v-2.7H510.8z" fill="#429BCF"
+                                    p-id="32764"></path>
+                                <path
+                                    d="M146.4 230.5c-8.7 45.1-45.9 84.2-99.2 108.5 12.6 10.1 28.4 16.3 45.8 16.3 40.8 0 73.9-33.1 73.9-73.9 0-19.7-7.9-37.6-20.5-50.9zM986.9 231.1c-10.1 44.5-47.9 82.7-101.3 106.3 12.9 11 29.4 17.9 47.7 17.9 40.8 0 73.8-33 73.8-73.8-0.1-19.6-7.8-37.2-20.2-50.4zM589.1 76c2.3 6.6 3.6 13.5 3.6 20.5 0 51.4-64.1 93.1-143.1 93.1-14.3 0-28.1-1.4-41.1-4 13.5 45 55.2 77.7 104.6 77.7 60.3 0 109.2-48.9 109.2-109.2-0.1-30.6-12.8-58.3-33.2-78.1z"
+                                    fill="#FFB103" p-id="32765"></path>
+                                <path
+                                    d="M55.848334 249.331715a8.4 19.9 60 1 0 34.467811-19.9 8.4 19.9 60 1 0-34.467811 19.9Z"
+                                    fill="#F7EAD0" p-id="32766"></path>
+                                <path
+                                    d="M945.164493 246.695113a19.9 8.4 30 1 0 8.4-14.549226 19.9 8.4 30 1 0-8.4 14.549226Z"
+                                    fill="#F7EAD0" p-id="32767"></path>
+                                <path d="M469.7 77.7a41.4 10.6 0 1 0 82.8 0 41.4 10.6 0 1 0-82.8 0Z" fill="#F7EAD0"
+                                    p-id="32768"></path>
+                                <path
+                                    d="M546 630.8h-61.4c-13.9 0-25.3-11.4-25.3-25.3s11.4-25.3 25.3-25.3H546c13.9 0 25.3 11.4 25.3 25.3s-11.4 25.3-25.3 25.3z"
+                                    fill="#DA3329" p-id="32769"></path>
+                                <path d="M546 580.1h-33v50.7h33c13.9 0 25.3-11.4 25.3-25.3 0-14-11.4-25.4-25.3-25.4z"
+                                    fill="#C11B16" p-id="32770"></path>
+                            </svg>
+                            排行榜
+                        </view>
+                        <view class="flex ai_center">
+                            查看全部榜单
+                            <svg t="1752219361738" class="w-30 h-30 mgl-10" fill="#000" viewBox="0 0 1024 1024"
+                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12887" width="128" height="128">
+                                <path
+                                    d="M782.8 511.1 351.9 942c-22.8 22.8-59.8 22.8-82.6 0-22.8-22.8-22.8-59.8 0-82.6L617.5 511.1 269.2 162.8c-22.8-22.8-22.8-59.8 0-82.6 22.8-22.8 59.8-22.8 82.6 0L782.8 511.1 782.8 511.1zM782.8 511.1"
+                                    p-id="12888"></path>
+                            </svg>
+                        </view>
+                    </view>
+                    <view class="book_list mgt-30">
+                        <view class="book_item" v-for="item in 5">
+                            <image style="width: 86rpx;height: 113rpx;background-color: skyblue;border-radius: 12rpx;"
+                                src="" mode="scaleToFill" />
+                            <view class="mgl-10 flex flex1 fd_c jc_center">
+                                <view class="ellipsis"><text>1</text>斗破苍穹斗破苍穹斗破苍穹斗破苍穹</view>
+                                <view class="text-24 mgt-10 text-600" style="color: #fedb65">888.88万人阅读</view>
+                            </view>
+
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <view class="pdy-30 pdx-30 bg-white mgt-30" v-for="item in 3">
+                <view class="">
+                    <view class="flex ai_center text-32">
+                        全网精品
+                    </view>
+                    <view class="book_list_item mgt-30">
+                        <view class="book_item" v-for="item in 5">
+                            <image class="img" src="" mode="scaleToFill" />
+                            <view class="book_name">
+                                斗破苍穹斗破苍穹斗破苍穹
+                            </view>
+                            <view class="hint">已完结</view>
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <view class="h-100 flex ai_center jc_center">
+                到底啦~~
+            </view>
 
+        </scroll-view>
+        <!-- 引入自定义 TabBar -->
+        <custom-tabbar :currentIndex='1' />
     </view>
-    <!-- 引入自定义 TabBar -->
-    <custom-tabbar :currentIndex='1' />
 </template>
 
 <script setup>
@@ -32,11 +131,25 @@ onBeforeMount(() => {
 });
 
 
+const menuList = ref([
+    '名作',
+    '佳作'
+])
+
+const value = ref('');
+
 
 </script>
 
 <style lang="scss" scoped>
+page {
+    background-color: #f9f9f9;
+}
+
 .container {
+    display: flex;
+    flex-direction: column;
+
     .navBarBox {
         .navBar {
             width: 100%;
@@ -45,7 +158,126 @@ onBeforeMount(() => {
             padding-left: 30rpx;
             font-size: 32rpx;
             color: #333;
+            font-weight: 600;
+            background-color: #fff;
+        }
+    }
+
+    .menu_item {
+        font-size: 28rpx;
+        color: #9b9b9b;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 8rpx 16rpx;
+
+        .active_menu {
+            color: #fd4345;
+        }
+
+        .active {
+            margin-top: 8rpx;
+            width: 30rpx;
+            height: 6rpx;
+            background-color: #fff;
+            border-radius: 8rpx;
+        }
+
+        .active_bg {
+            margin-top: 8rpx;
+            width: 30rpx;
+            height: 6rpx;
+            border-radius: 8rpx;
+            background-color: #fd4345;
+        }
+    }
+
+    .input {
+        flex: 1;
+        margin: 0 20rpx;
+        background-color: #f6f6f6;
+        font-size: 26rpx;
+        height: 50rpx !important;
+        border-radius: 50rpx;
+        padding-left: 30rpx;
+        color: #9a9a9a;
+
+    }
+
+    .scroll_box {
+        overflow-y: auto;
+        height: calc(100vh - 260rpx);
+    }
+
+    .book_list {
+        width: 100%;
+        display: grid;
+        justify-content: space-between;
+        grid-template-columns: repeat(auto-fill, 44vw);
+        grid-gap: 20rpx;
+
+        .book_item {
+            display: flex;
+            width: 44vw;
+        }
+    }
+
+    // 超出2行 
+    .ellipsis {
+        line-height: 1.2;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        line-clamp: 2;
+        -webkit-line-clamp: 2;
+        /* 限制显示2行 */
+        -webkit-box-orient: vertical;
+    }
+
+    .book_list_item {
+        width: 100%;
+        display: grid;
+        justify-content: space-between;
+        grid-template-columns: repeat(auto-fill, 216rpx);
+        grid-gap: 20rpx;
+
+        .book_item {
+            position: relative;
+            width: 216rpx;
+            display: flex;
+            flex-direction: column;
+
+            .img {
+                width: 216rpx;
+                height: 300rpx;
+                background-color: rgb(104, 122, 129);
+                border-radius: 12rpx;
+            }
+
+            .book_name {
+                font-style: 28rpx;
+                color: #303030;
+                margin-top: 10rpx;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                display: -webkit-box;
+                line-clamp: 1;
+                -webkit-line-clamp: 1;
+                /* 限制显示1行 */
+                -webkit-box-orient: vertical;
+            }
+
+            .hint {
+                position: absolute;
+                top: 0;
+                left: 0;
+                padding: 8rpx 16rpx;
+                background-color: #7d8bfb;
+                color: #fff;
+                font-size: 24rpx;
+                border-radius: 12rpx 0 12rpx 0;
+            }
         }
-    }  
+    }
 }
 </style>

pages/commonModule/complaint.vue

@@ -0,0 +1,11 @@
+<template>
+    <view>投诉</view>
+
+</template>
+
+<script setup>
+
+
+</script>
+
+<style lang='scss' scoped></style>

pages/commonModule/help.vue

@@ -0,0 +1,11 @@
+<template>
+    <view>帮助</view>
+
+</template>
+
+<script setup>
+
+
+</script>
+
+<style lang='scss' scoped></style>

pages/commonModule/redPacket.vue

@@ -0,0 +1,11 @@
+<template>
+    <view>红包页面</view>
+
+</template>
+
+<script setup>
+
+
+</script>
+
+<style lang='scss' scoped></style>

pages/my/index.vue

@@ -9,8 +9,56 @@
             </view>
         </view>
 
-
+        <view class="pdx-30 mgt-30 flex fd_c">
+            <view class="flex ai_center">
+                <image class="w-120 h-120 radio-circle" src="/static/logo.png" mode="scaleToFill" />
+                <view class="mgl-30 text-400 text-36">我是用户名字啊</view>
+            </view>
+            <view class="flex ai_center fd_c mgt-100">
+                <view class="w flex ai_center jc_between mgb-40">
+                    <view class="flex ai_center">
+                        <svg t="1752219774861" class="w-50 h-50" fill="#fd8280" viewBox="0 0 1024 1024" version="1.1"
+                            xmlns="http://www.w3.org/2000/svg" p-id="14904" width="128" height="128">
+                            <path
+                                d="M919.6 405.6l-57.2-8c-12.7-1.8-23-10.4-28-22.1-11.3-26.7-25.7-51.7-42.9-74.5-7.7-10.2-10-23.5-5.2-35.3l21.7-53.5c6.7-16.4 0.2-35.3-15.2-44.1L669.1 96.6c-15.4-8.9-34.9-5.1-45.8 8.9l-35.4 45.3c-7.9 10.2-20.7 14.9-33.5 13.3-14-1.8-28.3-2.8-42.8-2.8-14.5 0-28.8 1-42.8 2.8-12.8 1.6-25.6-3.1-33.5-13.3l-35.4-45.3c-10.9-14-30.4-17.8-45.8-8.9L230.4 168c-15.4 8.9-21.8 27.7-15.2 44.1l21.7 53.5c4.8 11.9 2.5 25.1-5.2 35.3-17.2 22.8-31.7 47.8-42.9 74.5-5 11.8-15.3 20.4-28 22.1l-57.2 8C86 408 72.9 423 72.9 440.8v142.9c0 17.7 13.1 32.7 30.6 35.2l57.2 8c12.7 1.8 23 10.4 28 22.1 11.3 26.7 25.7 51.7 42.9 74.5 7.7 10.2 10 23.5 5.2 35.3l-21.7 53.5c-6.7 16.4-0.2 35.3 15.2 44.1L354 927.8c15.4 8.9 34.9 5.1 45.8-8.9l35.4-45.3c7.9-10.2 20.7-14.9 33.5-13.3 14 1.8 28.3 2.8 42.8 2.8 14.5 0 28.8-1 42.8-2.8 12.8-1.6 25.6 3.1 33.5 13.3l35.4 45.3c10.9 14 30.4 17.8 45.8 8.9l123.7-71.4c15.4-8.9 21.8-27.7 15.2-44.1l-21.7-53.5c-4.8-11.8-2.5-25.1 5.2-35.3 17.2-22.8 31.7-47.8 42.9-74.5 5-11.8 15.3-20.4 28-22.1l57.2-8c17.6-2.5 30.6-17.5 30.6-35.2V440.8c0.2-17.8-12.9-32.8-30.5-35.2z m-408 245.5c-76.7 0-138.9-62.2-138.9-138.9s62.2-138.9 138.9-138.9 138.9 62.2 138.9 138.9-62.2 138.9-138.9 138.9z"
+                                fill="" p-id="14905"></path>
+                        </svg>
+                        <view class="mgl-10 text-32">设置</view>
+                    </view>
+                    <svg t="1752219361738" class="w-40 h-40" fill="#b9b7c1" viewBox="0 0 1024 1024" version="1.1"
+                        xmlns="http://www.w3.org/2000/svg" p-id="12887" width="128" height="128">
+                        <path
+                            d="M782.8 511.1 351.9 942c-22.8 22.8-59.8 22.8-82.6 0-22.8-22.8-22.8-59.8 0-82.6L617.5 511.1 269.2 162.8c-22.8-22.8-22.8-59.8 0-82.6 22.8-22.8 59.8-22.8 82.6 0L782.8 511.1 782.8 511.1zM782.8 511.1"
+                            p-id="12888"></path>
+                    </svg>
+                </view>
+                <view class="w flex ai_center jc_between">
+                    <view class="flex ai_center">
+                        <svg t="1752219672812" class="w-50 h-50" fill="#b9b7c1" viewBox="0 0 1024 1024" version="1.1"
+                            xmlns="http://www.w3.org/2000/svg" p-id="13913" width="128" height="128">
+                            <path
+                                d="M525.114692 102.747105c-229.821269-10.861372-423.249677 177.584558-422.435125 411.555333 1.042749 299.32218 315.278593 496.418117 585.234955 366.94123 12.599969-6.043646 25.337061-12.55392 36.337603-21.018709 19.457144-14.97097 23.509437-35.908838 11.616572-53.267181-12.465916-18.196431-29.881564-21.423939-49.390897-13.489222-10.04989 4.088108-19.052938 10.685363-28.967752 15.182794-126.787638 57.521065-248.039189 46.335305-355.218234-41.801035-108.74368-89.421612-144.92574-208.296023-109.187795-344.739579 43.652196-166.649508 217.050408-270.850731 384.180869-234.679927 176.101787 38.110993 290.045909 200.222137 259.848143 374.825804-7.028067 40.643676-25.908066 79.379908-40.653909 118.495788-10.066263 26.705222-6.712889 45.458331 13.204743 56.787354 19.540032 11.113105 38.753629 4.527107 55.148018-19.23611 3.52222-5.107321 6.251378-10.778484 9.18622-16.275685 24.530696-45.954635 39.492456-95.109148 44.947701-146.652058C944.04704 318.377164 766.000971 114.13241 525.114692 102.747105z"
+                                p-id="13914"></path>
+                            <path
+                                d="M564.213175 499.078713c9.115612-42.580794-12.606109-62.342884-55.298444-52.902884-9.091052 2.009773-18.232247 4.457522-26.803459 8.018627-28.460192 11.822257-37.786605 32.769334-20.583804 59.119469 12.263301 18.784832 9.471722 34.17638 4.28663 52.447513-10.187013 35.894512-20.615527 71.786976-28.817326 108.159372-7.235798 32.092929 10.072403 52.812833 42.718941 52.507888 4.3951-0.730641 10.57587-1.528819 16.657378-2.805906 51.978838-10.915607 60.285015-28.485775 38.650275-76.800153-3.864004-8.629541-3.364631-20.741393-1.065262-30.332842C543.375591 577.188698 555.760666 538.560936 564.213175 499.078713z"
+                                p-id="13915"></path>
+                            <path
+                                d="M589.758991 342.949816c0.511653-24.560372-23.067368-47.913243-47.544853-47.087435-25.408693 0.858554-45.788859 24.127514-43.774993 49.985438 1.906419 24.486694 22.179139 42.670845 46.632063 41.827641C568.862056 386.854768 589.268828 366.4306 589.758991 342.949816z"
+                                p-id="13916"></path>
+                        </svg>
+                        <view class="mgl-10 text-32">关于我们</view>
+                    </view>
+                    <svg t="1752219361738" class="w-40 h-40" fill="#b9b7c1" viewBox="0 0 1024 1024" version="1.1"
+                        xmlns="http://www.w3.org/2000/svg" p-id="12887" width="128" height="128">
+                        <path
+                            d="M782.8 511.1 351.9 942c-22.8 22.8-59.8 22.8-82.6 0-22.8-22.8-22.8-59.8 0-82.6L617.5 511.1 269.2 162.8c-22.8-22.8-22.8-59.8 0-82.6 22.8-22.8 59.8-22.8 82.6 0L782.8 511.1 782.8 511.1zM782.8 511.1"
+                            p-id="12888"></path>
+                    </svg>
+                </view>
+            </view>
+        </view>
     </view>
+
     <!-- 引入自定义 TabBar -->
     <custom-tabbar :currentIndex='2' />
 </template>

uni.scss

@@ -12,6 +12,8 @@
  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
  */
 
+ @import '@/uni_modules/uview-plus/theme.scss';
+
 /* 颜色变量 */
 
 /* 行为相关颜色 */