2

src/components/word/Pronunciation.vue

+<template>
+	<view class="wordPronItem">
+		<view class="num">
+			1/26
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		ref,
+		reactive,
+		toRefs,
+		toRef,
+		getCurrentInstance,
+		watch,
+		computed,
+		onMounted,
+		provide,
+	} from "vue";
+	export default {
+		components: {
+			
+		},
+		props:{
+			item:{
+				type:Object,
+				default:()=>{return {}}
+			}
+		},
+		setup(){
+			let data = reactive({
+				
+			
+			})
+			let methods = {
+			
+			}
+			return {
+				...toRefs(data),
+				...methods,
+			};
+		}
+	}
+</script>
+
+<style scoped>
+	.wordPronItem {
+		width: 640rpx;
+		height: 990rpx;
+	}
+
+	.wordPronItem .num {
+		font-size: 26rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #999999;
+	}
+</style>

src/pages.json

@@ -98,6 +98,12 @@
 			}, {
 				"path": "learningGardenDetails" //学习园地详情
 			}]
+		},
+		{
+			"root": "pages/word", //单词分包
+			"pages": [{
+				"path": "word" //
+			}]
 		}
 	],
 	"tabBar": {

src/pages/index/index.vue

 <template>
 	<view class="indexpage">
-		<navbar>
-			<view class="navbarCon">
-				<view class="pagetitle" @click="jumpPage('/pages/login/login')">
-					首页
-				</view>
-				<view class="loginBox">
-					<indexassembly @success='againdata'>
-						<view class="flex_start_center">
-							<image
-								src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/login2x.png"
-								mode="aspectFit" class="loginIcon" id="loadImg"></image>
-							登录
-						</view>
-					</indexassembly>
-				</view>
+		<van-sticky >
+			<navbar class="navbarSticky">
+				<view class="navbarCon">
+					<view class="pagetitle" @click="jumpPage('/pages/login/login')">
+						首页
+					</view>
+					<view class="loginBox">
+						<indexassembly @success='againdata'>
+							<view class="flex_start_center">
+								<image
+									src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/login2x.png"
+									mode="aspectFit" class="loginIcon" id="loadImg"></image>
+								登录
+							</view>
+						</indexassembly> 
+					</view>
 
-				<view class="scanBox">
-					<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/scan2x.png"
-						mode="aspectFit" class="scanIcon"></image>
-					<view class="scanText">
-						签到
+					<view class="scanBox"  @click="jumpPage('/pages/word/word')">
+						<image
+							src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/scan2x.png"
+							mode="aspectFit" class="scanIcon"></image>
+						<view class="scanText">
+							签到
+						</view>
 					</view>
 				</view>
-			</view>
-		</navbar>
+			</navbar>
+		</van-sticky>
+
 		<view class="activeContent" v-if="ActivityList.length >= 0">
 			<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" indicator-color="#CCCCCC"
 				indicator-active-color="#000000" :vertical="true" circular>
@@ -188,6 +192,11 @@
 					const formatres = `rgba(${res.r},${res.g},${res.b})`
 					console.log(168, formatres)
 					return formatres
+				},
+				againdata(){
+						  data.pageData = uni.getStorageSync("userInfo");
+						  methods.getIndexData();
+						  methods.getActivityData();
 				}
 			};
 
@@ -231,7 +240,11 @@
 		box-sizing: border-box;
 		padding-bottom: 40rpx;
 	}
-
+	.navbarSticky{
+		display: sticky;
+		top: 0;
+		z-index: 9;
+	}
 	.navbarCon {
 		height: 100%;
 		box-sizing: border-box;

src/pages/word/word.vue

+<template>
+	<view class="word">
+		<swiper class="swiper">
+			<swiper-item v-for="(item,index) in test" :key="index">
+				<view class="swiper-item uni-bg-green">index</view>
+				<Pronunciation></Pronunciation>
+			</swiper-item>
+		</swiper>
+	</view>
+</template>
+
+<script>
+	import {
+		ref,
+		reactive,
+		toRefs,
+		toRef,
+		getCurrentInstance,
+		watch,
+		computed,
+		onMounted,
+		provide,
+	} from "vue";
+	import Pronunciation from '../../components/word/Pronunciation.vue'
+	export default {
+		components: {
+			Pronunciation
+		},
+		setup(props) {
+			let data = reactive({
+				test: [1,2,3]
+
+			})
+			let methods = {
+
+			}
+			onMounted(() => {
+
+			})
+			let that = methods;
+			return {
+				...toRefs(data),
+				...methods,
+			};
+		},
+		onLoad(option) {
+			uni.setNavigationBarTitle({
+				title: '新的标题'
+			});
+		},
+	}
+</script>
+
+<style scoped>
+	.word {
+		min-height: 100vh;
+		background-color: #F5F5F5;
+	}
+</style>