diff --git a/components/virtualScroll/virtualScroll.vue b/components/virtualScroll/virtualScroll.vue
index b9b5e2d..fec8778 100644
--- a/components/virtualScroll/virtualScroll.vue
+++ b/components/virtualScroll/virtualScroll.vue
@@ -1,184 +1,95 @@
-<!-- 首页虚拟滚动 -->
 <template>
-	<view :style="{ height : tableListSize < visibleSize ? tableListSize * lineHeight + getRpxToPx(65) + 'px' : '560rpx' }" class="virtualScroll content">
-		<view class="success_info_body">
-			<!-- 标准title可以调用组件 -->
-			<view class="title_view">
-				{{ $t('page.virtualScroll.title') }}
-			</view>
-
-			<!-- 参数名称、列数根据实际情况调整 -->
-			<view class="table_body">
-				<view :style="{ height : tableListSize < visibleSize ? tableListSize * lineHeight + 'px' : '480rpx'}" class="table_main_body">
-					<view class="table_inner_body" :class="{ animate }" :style="{ transform: 'translateY(' + tableTop + 'px)' , height : tableListSize < visibleSize ? tableListSize * lineHeight + 'px' : '480rpx'}">
-						<view class="table_tr" v-for="(item,index) in tableList" :key="index">
-							<view class="tr1 tr">{{item.auccont}}</view>
-							<view class="tr2 tr">{{item.money}}</view>
-							<view class="tr3 tr" v-if="item.createTime">{{item.createTime}}</view>
-							<view class="tr3 tr" v-else>-</view>
-						</view>
-					</view>
+	<vue-seamless-scroll :data="listData" :class-option="classOption" class="warp">
+		<ul class="item">
+			<li v-for="(item, index) in listData" :key="index">
+				<view class="content">
+					<span class="title" v-text="item.title"></span>
+					<span class="date" v-text="item.date"></span>
 				</view>
-			</view>
-		</view>
-	</view>
+			</li>
+		</ul>
+	</vue-seamless-scroll>
 </template>
 
 <script>
+	import vueSeamlessScroll from 'vue-seamless-scroll'
+
 	export default {
+		name: 'Example01Basic',
+		components: {
+			vueSeamlessScroll
+		},
 		data() {
 			return {
-				tableTimer: null,
-				tableTop: 0,
-				tableList: [],
-
-				tableListSize: 0,
-				componentTimer: null,
-
-				//需要根据情况设置的参数
-				visibleSize: 3, //容器内可视最大完整行数
-				//这里分三个比分写对应样式的高、下外边距、边框计算。直接整体计算有些误差
-				lineHeight: this.getRpxToPx(140) + this.getRpxToPx(20) + this.getRpxToPx(2), //每行的实际高度（包含margin-top/bottom,border等）
-				componentTimerInterval: 3600000, //刷新数据的时间间隔
-				tableTimerInterval: 1000, //向上滚动 1px 所需要的时间，越小越快，推荐值 100
-				animate : true
-			}
-		},
-		mounted() {
-			clearInterval(this.componentTimer);
-			this.bsGetProductProcess();
-		},
-		beforeDestroy() {
-			clearInterval(this.componentTimer);
-			clearInterval(this.tableTimer);
-		},
-		methods: {
-			//调用数据接口，获取列表数据
-			bsGetProductProcess() {
-				clearInterval(this.tableTimer);
-				this.tableTop = 0;
-				
-				this.request('getIndexScroll').then(res => {
-					if(res.code == 200){
-						this.tableList = res.result
-						this.tableActionFun();
-					}
-				})
-			},
-			tableActionFun() {
-				this.tableListSize = this.tableList.length; //数据总数
-				this.tableList = this.tableList.concat(this.tableList); //拼接一个数组数据
-				this.tableTimerFun();
-			},
-			
-			//控制元素滚动
-			tableTimerFun() {
-				var count = 0;
-				this.tableTimer = setInterval(() => {
-					if (count < (this.tableList.length / 2) * this.lineHeight) {
-						this.animate = true
-						this.tableTop -= this.lineHeight
-						count += this.lineHeight
-					} else {
-						this.animate = false
-						this.tableTop = 0;
-						count = 0;
-					}
-				}, this.tableTimerInterval);
-			},
-
-			//转换rpx单位
-			getRpxToPx(rpx) {
-				// 获取系统信息，这里使用同步方法uni.getSystemInfoSync  
-				const systemInfo = uni.getSystemInfoSync();
-				// 假设设计稿宽度为750rpx  
-				const designWidth = 750;
-				// 屏幕宽度，单位为px  
-				let screenWidth = systemInfo.screenWidth;
-				//防止屏幕过大时转换的值太大。超过960就设置screenWidth为版心宽度
-				if(screenWidth > 960){
-					screenWidth = 375
+				listData: [{
+					'title': 'Get a commission',
+					'date': '666'
+				}, {
+					'title': 'Get a commission16'
+				}, {
+					'title': 'Get a commission',
+					'date': '777'
+				}, {
+					'title': 'Get a commission',
+					'date': '888'
+				}, {
+					'title': 'Get a commission',
+					'date': '999'
+				}, {
+					'title': 'Get a commission',
+					'date': '111'
+				}, {
+					'title': 'Get a commission',
+					'date': '222'
+				}, {
+					'title': 'Get a commission',
+					'date': '333'
+				}, {
+					'title': 'Get a commission',
+					'date': '4444'
+				}],
+				classOption: {
+					step: .5
 				}
-				// 计算1rpx等于多少px  
-				const rpxToPx = screenWidth / (designWidth / rpx);
-				return parseInt(rpxToPx);
 			}
-		}
+		},
 	}
 </script>
 
 <style lang="scss" scoped>
-	.virtualScroll {
-		width: 100%;
-	}
-
-	.content {
-		width: 96%;
+	.warp {
+		height: 100%;
+		width: 80%;
 		margin: 0 auto;
-		color: $uni-bg-color-app;
-	}
-
-	.title_view {
-		display: flex;
-		align-items: center;
-		width: 100%;
-		font-size: 32rpx;
-		height: 50rpx;
-	}
-
-	.table_body {
-		width: 100%;
-		margin-top: 15rpx;
-	}
-
-	.tr {
 		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		box-sizing: border-box;
-		padding: 0 5px;
-		text-align: center;
-		font-size: 30rpx;
-	}
-
-	.tr1 {
-		width: 28%;
-	}
 
-	.tr2 {
-		width: 22%;
-	}
-
-	.tr3 {
-		width: 50%;
-		font-size: 24rpx;
-	}
-
-	.table_main_body {
-		width: 100%;
-		overflow: hidden;
-	}
-
-	.table_inner_body {
-		width: 98%;
-		margin-left: 1%;
-	}
-	
-	.animate{
-		transition: all .3s;
-	}
-
-	.table_tr {
-		display: flex;
-		align-items: center;
-		height: 140rpx;
-		color: $uni-bg-color-app;
-		font-size: 30rpx;
-		margin-bottom: 20rpx;
-		// box-shadow: 2rpx 2rpx 6rpx 1rpx rgba(0, 0, 0, .1),
-		// 	-2rpx -2rpx 6rpx 1rpx rgba(0, 0, 0, .1);
-		border-radius: 10rpx;
-		background: $uni-bg-color;
-		border: 2rpx solid #ccc;
+		ul {
+			list-style: none;
+			padding: 0;
+			margin: 0 auto;
+
+			li,
+			a {
+				display: flex;
+				align-items: center;
+				height: 60rpx;
+				justify-content: space-between;
+				font-size: 15px;
+				border-radius: 15rpx;
+				overflow: hidden;
+
+				.content {
+					height: 50rpx;
+					width: 100%;
+					background: rgba(255, 255, 255, .5);
+					box-sizing: border-box;
+					padding: 0rpx 10% 0rpx 30%;
+					
+					span{
+						margin-left: 15rpx;
+					}
+				}
+			}
+		}
 	}
 </style>
\ No newline at end of file
diff --git a/components/virtualScroll1/virtualScroll1.vue b/components/virtualScroll1/virtualScroll1.vue
deleted file mode 100644
index 0c8d85e..0000000
--- a/components/virtualScroll1/virtualScroll1.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<!-- 虚拟滚动组件 -->
-<template>
-	<view class="virtualScroll">
-		<view class="virtualScroll-title">{{ $t('page.virtualScroll.title') }}</view>
-		<!-- 滚动列表 -->
-		<view
-			:style="{ height : scrollListLength >= maxShowNumber ? `${ maxShowNumber * 160 }rpx` : `${scrollListLength * 164}rpx` }"
-			class="scroll-list">
-			<view :class="{ animate }" :style="{ transform : `translate(0rpx,${ -scrollPostion }rpx)`}">
-				<!-- 主要数据 -->
-				<view class="scroll-list-main-data">
-					<view ref="scrollItem" v-for="item in scrollList" :key="item.id" class="scroll-item">
-						<view class="user-name">{{ item.auccont }}</view>
-						<view class="money">{{ item.money }}</view>
-						<view class="time">{{ item.createTime }}</view>
-					</view>
-				</view>
-				<!-- 副本数据 -->
-				<view class="scroll-list-copy-data">
-					<view v-for="item in scrollList" :key="item.id" class="scroll-item">
-						<view class="user-name">{{ item.auccont }}</view>
-						<view class="money">{{ item.money }}</view>
-						<view class="time">{{ item.createTime }}</view>
-					</view>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				scrollList: [], //滚动的数据列表
-				scrollListLength: 0, //滚动数据列表数据总数
-				maxShowNumber: 3, //显示个数
-				scrollInterval: null, //控制元素滚动的定时器
-				topInterval: null, //返回顶部定时器
-				scrollPostion: 0, //滚动位置
-				animate: true, //是否显示延迟动画效果
-				lineHeight: 0, //每个滚动元素的高度
-			}
-		},
-		mounted() {
-			this.getScrollList()
-		},
-		methods: {
-			//获取滚动列表
-			async getScrollList() {
-				this.request('getIndexScroll').then(res => {
-					if (res.code == 200) {
-						this.scrollList = res.result
-						this.scrollListLength = res.result.length
-						this.scroll()
-					}
-				})
-			},
-
-			//控制元素滚动
-			scroll() {
-				this.scrollInterval = setInterval(() => {
-					this.animate = true
-					this.scrollPostion += 160
-				}, 1000)
-
-				this.topInterval = setInterval(() => {
-					if (this.scrollPostion > this.scrollListLength * 160) {
-						this.animate = false
-						clearInterval(this.scrollInterval)
-						clearInterval(this.topInterval)
-						this.scrollPostion = 0
-						this.scroll()
-					}
-				}, 100)
-			},
-			
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.virtualScroll {
-		margin: 0rpx auto;
-		width: 96%;
-
-		.virtualScroll-title {
-			display: flex;
-			align-items: center;
-			font-size: 36rpx;
-			height: 80rpx;
-			color: $uni-bg-color-app;
-		}
-
-		.scroll-list {
-			overflow: hidden;
-
-			// 主要数据 、副本数据
-			.scroll-list-main-data,
-			.scroll-list-copy-data {
-				padding-top: 20rpx;
-
-				.scroll-item {
-					display: flex;
-					align-items: center;
-					height: 140rpx;
-					width: 98%;
-					margin-left: 1%;
-					margin-bottom: 20rpx;
-					border-radius: 10rpx;
-					box-shadow: 4rpx 4rpx 10rpx rgba(0, 0, 0, .1),
-						-4rpx -4rpx 10rpx rgba(0, 0, 0, .1);
-
-					view {
-						flex: 1;
-						text-align: center;
-
-						&:nth-child(3) {
-							flex: 2;
-						}
-					}
-				}
-
-			}
-
-			.animate {
-				transition: all .4s linear;
-			}
-
-		}
-	}
-</style>
\ No newline at end of file
diff --git a/package.json b/package.json
index bb10e6e..576cd87 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   "license": "ISC",
   "dependencies": {
     "dayjs": "^1.11.12",
+    "vue-seamless-scroll": "^1.1.23",
     "vuex": "^3.6.2"
   }
 }
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 072494e..294ca64 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -11,75 +11,42 @@
 				Tiktok
 			</view>
 			<view class="sign">
-				<image @click="toSignin" src="../../static/home/sign.png" mode="widthFix"></image>
+				<image @click="showLanguage = true" src="../../static/home/language.png" mode="widthFix"></image>
 			</view>
 		</view>
 
-		<!-- 通知 -->
-		<view class="notification">
-			<u-notice-bar :text="notification[notificationType[$i18n.locale]] || ''" bgColor="#000"
-				color="white"></u-notice-bar>
+		<view class="home-title content">
+			<view>Commodities</view>
 		</view>
 
-		<!-- 用户信息 -->
-		<view class="user-info content">
-			<view class="user-name">{{ userInfo.account }}</view>
-			<view class="member-image">
-				<image :src="vipInfo.icon" mode="aspectFit"></image>
-			</view>
+		<view class="swiper">
+			<swiper class="swiper-box" @change="swiperChange" :current="swiperDotIndex">
+				<swiper-item v-for="(item, index) in 3" :key="index">
+					<view class="swiper-item">
+						<image src="@/static/home/product.jpg" mode="widthFix"></image>
+					</view>
+				</swiper-item>
+			</swiper>
 		</view>
 
-		<!-- 菜单列表 -->
-		<view class="menu-list content">
-			<view v-for="(item,index) in onList" :key="index" @click="clickMenu(index)" class="menu-item">
-				<image :src="item.icon" mode="aspectFit"></image>
-				<view class="menu-descript">{{ $t(`page.home.${menuTitles[index]}`) }}</view>
-			</view>
+		<view class="home-title content">
+			<view>About Us</view>
 		</view>
-		
-		<!-- 虚拟滚动 -->
-		<virtualScroll></virtualScroll>
-		<virtualScroll1></virtualScroll1>
-
-		<!-- 会员等级信息 -->
-		<view class="member-list content">
-			<view class="member-item" v-for="(item, index) in vipList" :key="index">
-
-				<view class="status-icon">
-					<view v-if="item.current" class="current">current</view>
-					<uni-icons v-else type="locked" size="20" color="#000"></uni-icons>
-				</view>
-
-				<view class="img-box">
-					<image :src="item.icon" mode="aspectFit"></image>
-				</view>
-
-				<view class="menber-descript">{{ item.title }}</view>
-
-				<!-- 权益列表 -->
-				<view class="equity-list">
-					<view class="equity-item">
-						<!-- Receive a set of 40 apps data tasks -->
-						{{ $t('page.home.equity_item_1', [item.num]) }}
-					</view>
-
-					<view class="equity-item">
-						{{ $t('page.home.equity_item_2', [item.percentage]) }}
-					</view>
 
-					<view class="equity-item">
-						{{ $t('page.home.equity_item_3', [item.price]) }}
-					</view>
-				</view>
+		<view class="about-us">
+			<view class="about-content">
+				<view class="title">TikTok Shop</view>
+				<view class="desc">Growth Marketing Company</view>
+				<view class="click">Click to view introduction</view>
 			</view>
 		</view>
-
-		<!-- 协议列表 -->
-		<view class="agreement-list">
-			<view v-for="(item,index) in outList" :key="index" @click="toinstructions(index)" class="agreement-item">
-				<image :src="item.icon" mode="aspectFit"></image>
-				<view class="agreement-descript">{{ $t(`page.home.${agreementTitles[index]}`) }}</view>
-			</view>
+		
+		<view class="home-title content">
+			<view>Commission</view>
+		</view>
+		
+		<view class="roll">
+			<virtualScroll></virtualScroll>
 		</view>
 
 
@@ -87,10 +54,13 @@
 
 		<!-- 客服列表 -->
 		<serviceList :show="showService" :serverList="serverList" @close="closeServiceList"></serviceList>
-		
+
 		<!-- 弹窗 -->
 		<popUpWindow :show="showPopUp" @close="closePopUp"></popUpWindow>
 
+		<!-- 选择语言弹框 -->
+		<changeLanguage :show.sync="showLanguage" @close="closeLanguage"></changeLanguage>
+
 	</view>
 </template>
 
@@ -99,7 +69,7 @@
 	import serviceList from '@/components/serviceList/serviceList.vue'
 	import popUpWindow from '../../components/popUpWindow/popUpWindow.vue'
 	import virtualScroll from '../../components/virtualScroll/virtualScroll.vue'
-	import virtualScroll1 from '../../components/virtualScroll1/virtualScroll1.vue'
+	import changeLanguage from '@/components/changeLanguage/changeLanguage.vue'
 
 	export default {
 		components: {
@@ -107,160 +77,32 @@
 			serviceList,
 			popUpWindow,
 			virtualScroll,
-			virtualScroll1
+			changeLanguage
 		},
 		data() {
 			return {
-				notification: {},
 				showService: false,
 				menuTitles: ['CustomerService', 'Certifcate', 'Deposit', 'Withdraw'],
 				agreementTitles: ['agreement_item_1', 'agreement_item_2', 'agreement_item_3', 'agreement_item_4'],
 				serverList: [],
-				onList: [],
 				outList: [],
 				vipList: [],
 				userInfo: {},
 				vipInfo: {},
-				notificationType: {
-					en: 'keyEnglish',
-					es: "keySpanish",
-					zh: "keyChinese",
-					ar : "keyA",
-					fr : "keyF",
-					ru : "keyE"
-				},
-				showPopUp : uni.getStorageSync('clickPopUp') ? false : true	
+				// showPopUp: uni.getStorageSync('clickPopUp') ? false : true,
+				showPopUp: false,
+				showLanguage: false,
+
+				swiperDotIndex: 0
 			}
 		},
 		onShow() {
-			this.getIndexIcon()
-			this.getNotice()
-			this.getUserInfo()
-			this.forgetPass()
+
 		},
 		methods: {
-			//跳转证书页面
-			toCertificate() {
-				uni.navigateTo({
-					url: `/pages/instructions/instructions?index=1&type=onList`
-				})
-			},
-
-			//跳转充值页面
-			toPurse() {
-				uni.navigateTo({
-					url: '/pages/purse/purse?type=1'
-				})
-			},
-
-			//跳转提现页面
-			toWithdraw() {
-				uni.navigateTo({
-					url: '/pages/withdraw/withdraw?type=1'
-				})
-			},
-
-			//显示客服列表
-			revealServiceList() {
-				this.showService = true;
-			},
-
-			//关闭客服列表
-			closeServiceList() {
-				this.showService = false;
-			},
-
-			//跳转说明页面(六合一)
-			toinstructions(index) {
-				this.$play()
-				uni.navigateTo({
-					url: `/pages/instructions/instructions?index=${index}`
-				})
-			},
-
-			//获取首页图标
-			getIndexIcon() {
-				this.request('indexIcon').then(res => {
-					if (res.code == 200) {
-						this.onList = res.result.onList;
-						this.outList = res.result.outList;
-					}
-				})
-			},
-
-			//获取vip套餐
-			getVipShop() {
-				this.request('vipShop').then(res => {
-					if (res.code == 200) {
-						res.result.forEach(item => {
-							if (this.vipInfo && item.id == this.vipInfo.id) {
-								item.current = true
-							}
-						})
-						this.vipList = res.result
-					}
-				})
-			},
-
-			//获取通知
-			getNotice() {
-				this.request('indexNotice').then(res => {
-					if (res.code == 200) {
-						this.notification = res.result
-					}
-				})
-			},
-
-			//用户点击菜单
-			clickMenu(index) {
-				this.$play()
-				if (index == 0) {
-					this.revealServiceList()
-				}
-				if (index == 1) {
-					this.toCertificate()
-				}
-				if (index == 2) {
-					this.toPurse()
-				}
-				if (index == 3) {
-					this.toWithdraw()
-				}
-			},
-
-			//获取用户信息
-			getUserInfo() {
-				this.request('userInfo').then(res => {
-					if (res.code == 200) {
-						this.userInfo = res.result.userInfo
-						this.vipInfo = res.result.vip
-						this.getVipShop()
-					}
-				})
-			},
-
-			//忘记密码(获取客服列表)
-			forgetPass() {
-				this.request('forgetPass').then(res => {
-					if (res.code == 200) {
-						this.serverList = res.result
-					}
-				})
-			},
-
-			//跳转签到页面
-			toSignin() {
-				this.$play()
-				uni.navigateTo({
-					url: '/pages/signIn/signIn'
-				})
-			},
-			
-			//关闭弹框
-			closePopUp(){
-				this.showPopUp = false
+			swiperChange(item) {
+				console.log(item);
 			}
-
 		}
 	}
 </script>
@@ -272,7 +114,7 @@
 		margin: 0 auto;
 		background-size: 100%;
 		background-repeat: no-repeat;
-		padding-bottom: 200rpx;
+		padding-bottom: 120rpx;
 
 		.content {
 			width: 96%;
@@ -309,151 +151,82 @@
 			}
 		}
 
-		.user-info {
+		.home-title {
+			position: relative;
 			display: flex;
-			flex-direction: column;
+			justify-content: center;
 			align-items: center;
-			margin: 20rpx 0rpx;
-
-			.user-name {
-				font-size: 34rpx;
+			font-size: 36rpx;
+			height: 120rpx;
+
+			&::before,
+			&::after {
+				position: absolute;
+				top: 50%;
+				content: '';
+				width: 20%;
+				border-top: 2rpx solid black;
 			}
 
-			.member-image {
-
-				image {
-					width: 150rpx;
-					height: 110rpx;
-				}
+			&::before {
+				left: 10%;
+			}
 
+			&::after {
+				right: 10%;
 			}
 		}
 
-		.menu-list,
-		.agreement-list {
-			display: flex;
-			flex-wrap: wrap;
-			justify-content: space-around;
-			text-align: center;
+		.swiper {
+			.swiper-box {
+				height: 200px;
+			}
 
-			.menu-item,
-			.agreement-item {
+			.swiper-item {
+				/* #ifndef APP-NVUE */
 				display: flex;
+				/* #endif */
 				flex-direction: column;
+				justify-content: center;
 				align-items: center;
-				width: calc(25% - 20px);
-				flex-shrink: 0;
-
-				image {
-					width: 110rpx;
-					height: 110rpx;
-				}
-
-				.menu-descript {
-					box-sizing: border-box;
-					width: 100%;
-					text-align: center;
-					word-break: break-all;
-					font-size: 24rpx;
-					margin: 10rpx 0rpx;
-					padding: 0rpx 12rpx;
-				}
-			}
-
-			.agreement-item {
-				font-size: 19rpx;
-
+				height: 200px;
+				color: #fff;
+				
 				image {
-					width: 90rpx;
-					height: 90rpx;
+					width: 30%;
 				}
 			}
+			
 		}
 
-		.agreement-list {
-			padding-bottom: 40rpx;
-		}
+		.about-us ,
+		.roll {
+			background-image: url('@/static/home/bg.jpeg');
+			background-size: 100%;
+			height: 400rpx;
 
-		.member-list {
-			display: flex;
-			flex-wrap: wrap;
-			justify-content: space-between;
-			margin: 20rpx auto;
-
-			.member-item {
-				position: relative;
-				box-sizing: border-box;
-				padding: 15rpx;
-				width: calc(50% - 10rpx);
-				border-radius: 10rpx;
-				border: 1px solid #00000080;
-				margin-bottom: 25rpx;
-
-				.status-icon {
-					box-sizing: border-box;
-					position: absolute;
-					width: 100%;
-					display: flex;
-					justify-content: flex-end;
-					padding: 0rpx 20rpx;
-
-					.current {
-						display: flex;
-						align-items: center;
-						justify-content: center;
-						width: 120rpx;
-						background-image: url('@/static/home/current.png');
-						background-size: 100%;
-						background-repeat: no-repeat;
-						color: black;
-						font-size: 25rpx;
-					}
-				}
+			.about-content {
+				padding: 10% 0rpx 0rpx 5%;
 
-				.img-box {
-					display: flex;
-					justify-content: center;
-					width: 150rpx;
-					height: 110rpx;
-					overflow: hidden;
-					margin: 20rpx auto;
-
-					image {
-						width: 150rpx;
-						height: 110rpx;
-					}
+				.title ,
+				.click {
+					font-size: 40rpx;
+					font-weight: bold;
 				}
 
-				.menber-descript {
-					text-align: center;
-					color: $uni-bg-color-app;
-					font-size: 28rpx;
-					margin-bottom: 10rpx;
+				.desc {
+					font-size: 20rpx;
+					color: #464648;
 				}
 
-				.equity-list {
-					// color: white;
-					font-size: 20rpx;
-					padding-bottom: 40rpx;
-
-					.equity-item {
-						padding-left: 15rpx;
-						position: relative;
-						word-break: break-all;
-
-						&::before {
-							position: absolute;
-							left: 0;
-							top: 10rpx;
-							content: '';
-							width: 5rpx;
-							height: 5rpx;
-							background: white;
-							border-radius: 50%;
-						}
-					}
+				.click {
+					font-size: 22rpx;
 				}
 			}
 		}
+		
+		.roll {
+			background-image: url('@/static/home/bg1.jpg');
+		}
 	}
 </style>
\ No newline at end of file
diff --git a/static/home/bg.jpeg b/static/home/bg.jpeg
new file mode 100644
index 0000000..49ba612
Binary files /dev/null and b/static/home/bg.jpeg differ
diff --git a/static/home/bg1.jpg b/static/home/bg1.jpg
new file mode 100644
index 0000000..9ecd758
Binary files /dev/null and b/static/home/bg1.jpg differ
diff --git a/static/home/language.png b/static/home/language.png
new file mode 100644
index 0000000..a968d24
Binary files /dev/null and b/static/home/language.png differ
diff --git a/static/home/product.jpg b/static/home/product.jpg
new file mode 100644
index 0000000..eab9628
Binary files /dev/null and b/static/home/product.jpg differ
diff --git a/uni_modules/uni-swiper-dot/changelog.md b/uni_modules/uni-swiper-dot/changelog.md
new file mode 100644
index 0000000..85cf54d
--- /dev/null
+++ b/uni_modules/uni-swiper-dot/changelog.md
@@ -0,0 +1,12 @@
+## 1.2.0（2021-11-19）
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-swiper-dot](https://uniapp.dcloud.io/component/uniui/uni-swiper-dot)
+## 1.1.0（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.0.6（2021-05-12）
+- 新增 示例地址
+- 修复 示例项目缺少组件的Bug
+## 1.0.5（2021-02-05）
+- 调整为uni_modules目录规范
+- 新增 clickItem 事件，支持指示点控制轮播
+- 新增 支持 pc 可用
diff --git a/uni_modules/uni-swiper-dot/components/uni-swiper-dot/uni-swiper-dot.vue b/uni_modules/uni-swiper-dot/components/uni-swiper-dot/uni-swiper-dot.vue
new file mode 100644
index 0000000..e66b6c7
--- /dev/null
+++ b/uni_modules/uni-swiper-dot/components/uni-swiper-dot/uni-swiper-dot.vue
@@ -0,0 +1,218 @@
+<template>
+	<view class="uni-swiper__warp">
+		<slot />
+		<view v-if="mode === 'default'" :style="{'bottom':dots.bottom + 'px'}" class="uni-swiper__dots-box" key='default'>
+			<view v-for="(item,index) in info" @click="clickItem(index)" :style="{
+        'width': (index === current? dots.width*2:dots.width ) + 'px','height':dots.width/2 +'px' ,'background-color':index !== current?dots.backgroundColor:dots.selectedBackgroundColor,'border-radius':'0px'}"
+			 :key="index" class="uni-swiper__dots-item uni-swiper__dots-bar" />
+		</view>
+		<view v-if="mode === 'dot'" :style="{'bottom':dots.bottom + 'px'}" class="uni-swiper__dots-box" key='dot'>
+			<view v-for="(item,index) in info" @click="clickItem(index)" :style="{
+        'width': dots.width + 'px','height':dots.height +'px' ,'background-color':index !== current?dots.backgroundColor:dots.selectedBackgroundColor,'border':index !==current ? dots.border:dots.selectedBorder}"
+			 :key="index" class="uni-swiper__dots-item" />
+		</view>
+		<view v-if="mode === 'round'" :style="{'bottom':dots.bottom + 'px'}" class="uni-swiper__dots-box" key='round'>
+			<view v-for="(item,index) in info" @click="clickItem(index)" :class="[index === current&&'uni-swiper__dots-long']" :style="{
+		    'width':(index === current? dots.width*3:dots.width ) + 'px','height':dots.height +'px' ,'background-color':index !== current?dots.backgroundColor:dots.selectedBackgroundColor,'border':index !==current ? dots.border:dots.selectedBorder}"
+			 :key="index" class="uni-swiper__dots-item " />
+		</view>
+		<view v-if="mode === 'nav'" key='nav' :style="{'background-color':dotsStyles.backgroundColor,'bottom':'0'}" class="uni-swiper__dots-box uni-swiper__dots-nav">
+			<text :style="{'color':dotsStyles.color}" class="uni-swiper__dots-nav-item">{{ (current+1)+"/"+info.length +' ' +info[current][field] }}</text>
+		</view>
+		<view v-if="mode === 'indexes'" key='indexes' :style="{'bottom':dots.bottom + 'px'}" class="uni-swiper__dots-box">
+			<view v-for="(item,index) in info" @click="clickItem(index)" :style="{
+        'width':dots.width + 'px','height':dots.height +'px' ,'color':index === current?dots.selectedColor:dots.color,'background-color':index !== current?dots.backgroundColor:dots.selectedBackgroundColor,'border':index !==current ? dots.border:dots.selectedBorder}"
+			 :key="index" class="uni-swiper__dots-item uni-swiper__dots-indexes"><text class="uni-swiper__dots-indexes-text">{{ index+1 }}</text></view>
+		</view>
+	</view>
+</template>
+
+<script>
+
+	/**
+	 * SwiperDod 轮播图指示点
+	 * @description 自定义轮播图指示点
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=284
+	 * @property {Number} current 当前指示点索引，必须是通过 `swiper` 的 `change` 事件获取到的 `e.detail.current`
+	 * @property {String} mode = [default|round|nav|indexes] 指示点的类型
+	 * 	@value defualt 默认指示点
+	 * 	@value round 圆形指示点
+	 * 	@value nav 条形指示点
+	 * 	@value indexes 索引指示点
+	 * @property {String} field mode 为 nav 时，显示的内容字段（mode = nav 时必填）
+	 * @property {String} info 轮播图的数据，通过数组长度决定指示点个数
+	 * @property {Object} dotsStyles 指示点样式
+	 * @event {Function} clickItem 组件触发点击事件时触发，e={currentIndex}
+	 */
+
+	export default {
+		name: 'UniSwiperDot',
+		emits:['clickItem'],
+		props: {
+			info: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			current: {
+				type: Number,
+				default: 0
+			},
+			dotsStyles: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			// 类型 ：default(默认) indexes long nav
+			mode: {
+				type: String,
+				default: 'default'
+			},
+			// 只在 nav 模式下生效，变量名称
+			field: {
+				type: String,
+				default: ''
+			}
+		},
+		data() {
+			return {
+				dots: {
+					width: 6,
+					height: 6,
+					bottom: 10,
+					color: '#fff',
+					backgroundColor: 'rgba(0, 0, 0, .3)',
+					border: '1px rgba(0, 0, 0, .3) solid',
+					selectedBackgroundColor: '#333',
+					selectedBorder: '1px rgba(0, 0, 0, .9) solid'
+				}
+			}
+		},
+		watch: {
+			dotsStyles(newVal) {
+				this.dots = Object.assign(this.dots, this.dotsStyles)
+			},
+			mode(newVal) {
+				if (newVal === 'indexes') {
+					this.dots.width = 14
+					this.dots.height = 14
+				} else {
+					this.dots.width = 6
+					this.dots.height = 6
+				}
+			}
+
+		},
+		created() {
+			if (this.mode === 'indexes') {
+				this.dots.width = 12
+				this.dots.height = 12
+			}
+			this.dots = Object.assign(this.dots, this.dotsStyles)
+		},
+		methods: {
+			clickItem(index) {
+				this.$emit('clickItem', index)
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.uni-swiper__warp {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: column;
+		position: relative;
+		overflow: hidden;
+	}
+
+	.uni-swiper__dots-box {
+		position: absolute;
+		bottom: 10px;
+		left: 0;
+		right: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.uni-swiper__dots-item {
+		width: 8px;
+		border-radius: 100px;
+		margin-left: 6px;
+		background-color: rgba(0, 0, 0, 0.4);
+		/* #ifndef APP-NVUE */
+		cursor: pointer;
+		/* #endif */
+		/* #ifdef H5 */
+		// border-width: 5px 0;
+		// border-style: solid;
+		// border-color: transparent;
+		// background-clip: padding-box;
+		/* #endif */
+		// transition: width 0.2s linear;  不要取消注释，不然会不能变色
+	}
+
+	.uni-swiper__dots-item:first-child {
+		margin: 0;
+	}
+
+	.uni-swiper__dots-default {
+		border-radius: 100px;
+	}
+
+	.uni-swiper__dots-long {
+		border-radius: 50px;
+	}
+
+	.uni-swiper__dots-bar {
+		border-radius: 50px;
+	}
+
+	.uni-swiper__dots-nav {
+		bottom: 0px;
+		// height: 26px;
+		padding: 8px 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: center;
+		background-color: rgba(0, 0, 0, 0.2);
+	}
+
+	.uni-swiper__dots-nav-item {
+		/* overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap; */
+		font-size: 14px;
+		color: #fff;
+		margin: 0 15px;
+	}
+
+	.uni-swiper__dots-indexes {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		// flex: 1;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.uni-swiper__dots-indexes-text {
+		color: #fff;
+		font-size: 12px;
+		line-height: 14px;
+	}
+</style>
diff --git a/uni_modules/uni-swiper-dot/package.json b/uni_modules/uni-swiper-dot/package.json
new file mode 100644
index 0000000..f2dd8d2
--- /dev/null
+++ b/uni_modules/uni-swiper-dot/package.json
@@ -0,0 +1,87 @@
+{
+  "id": "uni-swiper-dot",
+  "displayName": "uni-swiper-dot 轮播图指示点",
+  "version": "1.2.0",
+  "description": "自定义轮播图指示点组件",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "轮播图指示点",
+    "dot",
+    "swiper"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": ""
+  },
+  "directories": {
+    "example": "../../temps/example_temps"
+  },
+  "dcloudext": {
+    "category": [
+      "前端组件",
+      "通用组件"
+    ],
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
+  },
+  "uni_modules": {
+    "dependencies": ["uni-scss"],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/uni_modules/uni-swiper-dot/readme.md b/uni_modules/uni-swiper-dot/readme.md
new file mode 100644
index 0000000..7d397e2
--- /dev/null
+++ b/uni_modules/uni-swiper-dot/readme.md
@@ -0,0 +1,11 @@
+
+
+## SwiperDot 轮播图指示点
+> **组件名：uni-swiper-dot**
+> 代码块： `uSwiperDot`
+
+
+自定义轮播图指示点
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-swiper-dot)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 
\ No newline at end of file