diff --git a/main.js b/main.js
index 961fc4e..0a775de 100644
--- a/main.js
+++ b/main.js
@@ -4,7 +4,7 @@ import store from './store/'
 // const baseURL = 'http://localhost:7010'
 //const baseURL = 'http://81.69.47.31:7010'
 // const baseURL = 'http://bnyer.vaiwan.com'
-const baseURL = 'http://av9r46.natappfree.cc'
+const baseURL = 'http://9fkisg.natappfree.cc'
 
 
 Vue.prototype.$baseURL = baseURL;
diff --git a/pages/index/index.vue b/pages/index/index.vue
index a734c35..50c0dc4 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -20,7 +20,8 @@
 				<uni-grid :column="2" :square="true" :highlight="false" @change="change" :showBorder="true">
 					<uni-grid-item v-for="(val, i) in funcList" :index="i" :key="i">
 						<view class="grid-item-box">
-							<uni-icons type="image" :size="30" color="#777" />
+							<!-- <uni-icons type="image" :size="30" color="#777" /> -->
+							<image :src="val.icon" class="iconImage" mode="aspectFill" />
 							<text class="text">{{ val.title }}</text>
 						</view>
 					</uni-grid-item>
@@ -33,7 +34,8 @@
 					<uni-grid :column="3" :square="true" :highlight="false">
 						<uni-grid-item v-for="(params, v) in list" :index="v" :key="v">
 							<view class="grid-item-box">
-								<uni-icons type="image" :size="30" color="#777" />
+								<!-- <uni-icons type="image" :size="30" color="#777" /> -->
+								<image :src="params.icon" class="listIconImage" mode="aspectFill" />
 								<text class="text">{{ params.text }}</text>
 								<text class="text">{{ params.num }}</text>
 							</view>
@@ -63,40 +65,48 @@
 				pageUrl:'',
 				funcList: [{
 					title: '素材管理',
-					url: '/pages/index/material/material'
+					url: '/pages/index/material/material',
+					icon: '/static/material.png'
 				}, {
 					title: '上传素材',
-					url: '/pages/index/upload/upload'
+					url: '/pages/index/upload/upload',
+					icon: '/static/upload.png'
 				}],
 				list: [{
 						typeId: 1,
 						text: '头像',
-						num: ''
+						num: '',
+						icon: '/static/headBack.png'
 					},
 					{
 						typeId: 2,
 						text: 'Gif动图',
-						num: ''
+						num: '',
+						icon: '/static/gifBack.png'
 					},
 					{
 						typeId: 3,
 						text: '手机壁纸',
-						num: ''
+						num: '',
+						icon: '/static/phoneBack.png'
 					},
 					{
 						typeId: 4,
 						text: '朋友圈',
 						num: '',
+						icon: '/static/friendBack.png'
 					},
 					{
 						typeId: 5,
 						text: '表情包',
-						num: ''
+						num: '',
+						icon: '/static/emoBack.png'
 					},
 					{
 						typeId: 6,
 						text: 'iwatch',
-						num: ''
+						num: '',
+						icon: '/static/iwatchBack.png'
 					}
 				]
 			};
@@ -268,5 +278,15 @@
 	.uni-bg-blue {
 		background-color: #007aff;
 	}
+	
+	.iconImage{
+		width:3rem;
+		height:3rem;
+	}
+	
+	.listIconImage{
+		width:2rem;
+		height:2rem;
+	}
 
 </style>
diff --git a/pages/index/material/imgDetail.vue b/pages/index/material/imgDetail.vue
new file mode 100644
index 0000000..2cb7305
--- /dev/null
+++ b/pages/index/material/imgDetail.vue
@@ -0,0 +1,490 @@
+<template>
+	<view class="imgDetail">
+		<image class="main-img" :src="detailMsg.imgUrl" mode=""></image>
+		<view class="toolbar">
+			<view class="toolbar-box">
+				<image v-if="detailMsg.isHot ==='0'" src="../../static/hot-not.png" mode=""></image>
+				<image v-else src="../../static/hot-yes.png" mode=""></image>
+			</view>
+			<view class="toolbar-box" @click="download(detailMsg.imgUrl)">
+				<image v-if="isDownload" src="../../static/download-select.png" mode=""></image>
+				<image v-else src="../../static/download.png" mode=""></image>
+				<text>下载</text>
+			</view>
+			<view class="toolbar-box" @click="likeCollect('isLike')">
+				<image v-if="isLike" src="../../static/like-select.png" mode=""></image>
+				<image v-else src="../../static/like.png" mode=""></image>
+				<text>喜欢</text>
+			</view>
+			<view class="toolbar-box" @click="likeCollect('isCollect')">
+				<image v-if="isCollect" src="../../static/collect-select.png" mode=""></image>
+				<image v-else src="../../static/collect.png" mode=""></image>
+				<text>收藏</text>
+			</view>
+			<view class="toolbar-box share-box">
+				<button open-type="share">
+					<image src="../../static/share.png" mode=""></image>
+					<text>分享</text>
+				</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		detailsTiktokImg, // 获取图片详情
+		judgeTiktokLike, // 查询是否点赞过
+		judgeTiktokCollect, // 查询是否收藏过
+		tiktokLike, // 点赞
+		tiktokUnLike, // 取消点赞
+		tiktokCollect, // 收藏
+		tiktokUnCollect, // 取消收藏
+		queryCreatorScanCodeById, //获取艺术家搜索码
+		insertOrUpdatePreAdProfit, //新增/更新艺术家即将入账广告收益
+		insertOrUpdatePreInviteProfit, // 新增/更新艺术家即将入账邀请收益
+		checkUserCanDownload // 检查某平台用户当日下载次数是否超标
+	} from '@/api/creator.js'
+	export default {
+		data() {
+			return {
+				detailMsg: {}, // 图片信息
+				userInfo: {}, // 登录用户信息
+				isDownload: false, // 是否已下载
+				isLike: false, // 是否点赞/喜欢
+				isCollect: false, // 是否收藏,
+				scanCode: undefined, //艺术家搜索码
+				canDownload: false //能否下载 false为能下载
+
+			}
+		},
+		created() {
+			const detailId = uni.getStorageSync('detailId')
+			if (detailId) {
+				this.getImgDetail(detailId)
+			} else {
+				this.getImgDetail(detailId)
+			}
+		},
+		onShareAppMessage(res) {
+			if (res.from === 'button') { // 来自页面内分享按钮
+				console.log(res)
+			}
+			return {
+				title: '来看看艺术家[' + this.scanCode + ']精心准备的图片吧~',
+				path: `/pages/creator/imgDetail?id=${this.userInfo.id}`,
+				bgImgUrl: `${this.detailMsg.imgUrl}`
+			}
+			uni.showToast({
+				title: '分享成功',
+				icon: 'none'
+			})
+		},
+		methods: {
+			// 图片详情
+			async getImgDetail(id) {
+				const res = await detailsTiktokImg(id)
+				console.log('res', res)
+				if (res.data.code === 200) {
+					this.detailMsg = res.data.data
+					console.log('图片详情', res)
+					const result = await queryCreatorScanCodeById(this.detailMsg.creatorId)
+					if (result.data.code === 200) {
+						this.scanCode = result.data.data.scanCode
+					} else {
+						uni.showToast({
+							title: '该艺术家不存在!',
+							icon: 'none'
+						})
+					}
+					uni.getStorage({
+						key: 'userInfo',
+						success: res => {
+							this.userInfo = res.data
+							console.log('userInfo', this.userInfo)
+							this.searchIsLike()
+							this.searchisCollect()
+							this.checkUserDownload()
+						}
+					})
+				} else {
+					uni.showToast({
+						title: '请输入艺术家代号',
+						icon: 'none'
+					})
+				}
+			},
+			// 查询是否点赞
+			async searchIsLike() {
+				const params = {
+					imgId: this.detailMsg.id,
+					userId: this.userInfo.id
+				}
+				console.log('params', this.detailMsg, params)
+				const res = await judgeTiktokLike(params)
+				if (res.data.code === 200) {
+					this.isLike = res.data.data
+				} else {
+					uni.showToast({
+						title: res.data.msg,
+						icon: 'none'
+					})
+				}
+			},
+			// 查询是否收藏过
+			async searchisCollect() {
+				const params = {
+					imgId: this.detailMsg.id,
+					userId: this.userInfo.id
+				}
+				const res = await judgeTiktokCollect(params)
+				if (res.data.code === 200) {
+					this.isCollect = res.data.data
+				} else {
+					uni.showToast({
+						title: res.data.msg,
+						icon: 'none'
+					})
+				}
+			},
+			// 点赞/收藏
+			async likeCollect(val) {
+				const params = {
+					imgId: this.detailMsg.id,
+					userId: this.userInfo.id
+				}
+				if (val === 'isLike') {
+					this.isLike = !this.isLike
+					console.log('this.isLike', this.isLike)
+					if (this.isLike) {
+						//点赞
+						console.log('点赞')
+						const res = await tiktokLike(params)
+						if (res.data.code === 200) {} else {
+							uni.showToast({
+								title: res.data.msg,
+								icon: 'none'
+							})
+						}
+					} else {
+						//取消点赞
+						console.log('取消点赞')
+						const res = await tiktokUnLike(params)
+						if (res.data.code === 200) {} else {
+							uni.showToast({
+								title: res.data.msg,
+								icon: 'none'
+							})
+						}
+					}
+				} else if (val === 'isCollect') {
+					this.isCollect = !this.isCollect
+					if (this.isCollect) {
+						//收藏
+						console.log('收藏')
+						const res = await tiktokCollect(params)
+						if (res.data.code === 200) {} else {
+							uni.showToast({
+								title: res.data.msg,
+								icon: 'none'
+							})
+						}
+					} else {
+						//取消收藏
+						console.log('取消收藏')
+						const res = await tiktokUnCollect(params)
+						if (res.data.code === 200) {} else {
+							uni.showToast({
+								title: res.data.msg,
+								icon: 'none'
+							})
+						}
+					}
+				}
+
+
+			},
+			//写入图片广告收益
+			async insertPreAdProfit() {
+				const params = {
+					imgId: this.detailMsg.id,
+					creatorId: this.detailMsg.creatorId,
+					scanCode: this.scanCode,
+					userId: this.userInfo.id,
+					appType: '0',
+					platform: '0'
+				}
+				const res = await insertOrUpdatePreAdProfit(params);
+				if (res.data.code === 200) {
+					console.log("写入广告收益成功!")
+					this.adResult = res.data.code;
+				} else {
+					uni.showToast({
+						title: '图片下载失败!',
+						icon: 'none'
+					})
+				}
+			},
+
+			//写入图片邀请收益
+			async insertPreInviteProfit() {
+				const params = {
+					imgId: this.detailMsg.id,
+					creatorId: this.detailMsg.creatorId,
+					scanCode: this.scanCode,
+					appType: '0',
+					platform: '0'
+				}
+				const res = await insertOrUpdatePreInviteProfit(params)
+				if (res.data.code === 200) {
+					console.log("写入邀请收益成功");
+					this.inviteResult = res.data.code;
+				} else {
+					uni.showToast({
+						title: '图片下载失败!',
+						icon: 'none'
+					})
+				}
+			},
+
+			//检查某平台用户当日下载次数是否超标
+			async checkUserDownload() {
+				const params = {
+					userId: this.userInfo.id,
+					appType: '0',
+					platform: '0'
+				}
+				const res = await checkUserCanDownload(params);
+				if (res.data.code === 200) {
+					console.log("当日下载结果为", res.data.data)
+					this.canDownload = res.data.data;
+				} else {
+					uni.showToast({
+						title: '检查下载状态失败!',
+						icon: 'none'
+					})
+				}
+			},
+
+
+
+			// 下载
+			download(url) {
+				let that = this;
+				if (this.canDownload != true) {
+					//满足可下载条件
+					this.isDownload = true
+					uni.showLoading({
+						title: '正在保存图片...'
+					});
+					//获取用户的当前设置。获取相册权限
+					uni.getSetting({
+						success: (res) => {
+							//如果没有相册权限
+							if (!res.authSetting["scope.writePhotosAlbum"]) {
+								//向用户发起授权请求
+								tt.authorize({
+									scope: "scope.album",
+									success: () => {
+										//授权成功保存图片到系统相册
+										uni.downloadFile({
+											url,
+											success: (res) => {
+												console.log('下载路径', res)
+												if (res.statusCode === 200) {
+													uni.saveImageToPhotosAlbum({
+														//图片路径，不支持网络图片路径
+														filePath: res
+															.tempFilePath,
+														success: (res) => {
+															console.log(
+																'success',
+																res)
+
+														},
+														fail: (res) => {
+															console.log(
+																'fail',
+																res)
+															return uni
+																.showToast({
+																	title: res
+																		.errMsg,
+																	icon: 'none'
+																});
+														},
+														complete: (res) => {
+															uni
+														.hideLoading();
+															if (res
+																.errMsg !==
+																"saveImageToPhotosAlbum:ok"
+															) {
+																return uni
+																	.showToast({
+																		title: "下载失败！",
+																		icon: 'none'
+																	});
+															} else {
+																return uni
+																	.showToast({
+																		title: "下载成功！",
+																		icon: 'none',
+																		success() {
+																			that.insertPreAdProfit();
+																			that.insertPreInviteProfit();
+																		}
+																	});
+															}
+														},
+													});
+												} else {
+													uni.showToast({
+														title: "下载失败！",
+														icon: 'none'
+													});
+												}
+											}
+										})
+									},
+									//授权失败
+									fail: () => {
+										uni.hideLoading();
+										uni.showModal({
+											title: "您已拒绝获取相册权限",
+											content: "是否进入权限管理，调整授权？",
+											success: (res) => {
+												if (res.confirm) {
+													//调起客户端小程序设置界面，返回用户设置的操作结果。（重新让用户授权）
+													uni.openSetting({
+														success: (
+															res) => {
+															console
+																.log(
+																	res
+																	.authSetting
+																);
+														},
+													});
+												} else if (res.cancel) {
+													return uni.showToast({
+														title: "已取消！",
+														icon: 'none'
+													});
+												}
+											},
+										});
+									},
+								});
+							} else {
+								//如果已有相册权限，直接保存图片到系统相册
+								uni.saveImageToPhotosAlbum({
+									filePath: url,
+									success: (res) => {
+										uni.hideLoading();
+										return uni.showToast({
+											title: "保存成功！",
+											icon: 'none'
+										});
+									},
+									fail: (res) => {
+										uni.hideLoading();
+										console.log(res.errMsg);
+										return uni.showToast({
+											title: res.errMsg,
+											icon: 'none'
+										});
+									},
+									//无论成功失败都走的回调
+									complete: (res) => {
+										uni.hideLoading();
+									},
+								});
+							}
+						},
+						fail: (res) => {},
+					});
+				} else {
+					//不满足可下载条件 canDownload为true状态
+					uni.showToast({
+						title: '当日下载次数已用完,请明日再来!',
+						icon: 'none'
+					})
+				}
+
+			},
+			// 分享
+			share() {
+				uni.showToast({
+					title: '分享',
+					icon: 'none'
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="less">
+	.imgDetail {
+		height: 100vh;
+		width: 100vw;
+		overflow: hidden;
+		position: relative;
+
+		.main-img {
+			width: 100%;
+			height: 100%;
+		}
+
+		.toolbar {
+			width: 60px;
+			background-color: rgba(255, 255, 255, 0.2);
+			position: absolute;
+			bottom: 76px;
+			right: 10px;
+			border-radius: 60px;
+			padding-top: 40rpx;
+
+			.share-box {
+
+				>button {
+					line-height: 0 !important;
+					padding: 0;
+					outline: none;
+					background: none;
+					border: none;
+
+				}
+
+				>button::after {
+					border: none;
+				}
+			}
+
+			.toolbar-box {
+				height: 60px;
+				text-align: center;
+				margin-bottom: 40rpx;
+
+				text {
+					display: block;
+					text-align: center;
+					line-height: 60rpx;
+					font-size: 12px;
+				}
+
+				image {
+					width: 50rpx;
+					height: 50rpx;
+					margin: 0 auto;
+				}
+			}
+
+			.toolbar-box:first-child {
+				line-height: 40rpx;
+				height: 40rpx;
+			}
+
+		}
+	}
+</style>
diff --git a/pages/index/material/material.vue b/pages/index/material/material.vue
index 169df2d..b7ede18 100644
--- a/pages/index/material/material.vue
+++ b/pages/index/material/material.vue
@@ -1,15 +1,21 @@
 <template>
-	<view>
+	<view class="choiceness">
 		<uni-segmented-control :current="statusCurrent" :values="statusList" :style-type="styleType"
 							:active-color="activeColor" @clickItem="onClickStatus" />
-							<uni-segmented-control :current="ttypeCurrent" :values="typeList" :style-type="styleType"
+							<uni-segmented-control :current="typeCurrent" :values="typeList" :style-type="styleType"
 												:active-color="activeColor" @clickItem="onClickType" />
+			<view class="choiceness-list">
+				<image v-for="(item,index) in creatorImgList" :key='index' class="img-box"
+					:style="'width:'+imgWidth+';height:'+imgHeight" :src="item.imgUrl" @click="targetDetail(item)"
+					mode=""></image>
+					<view class="ivOver" v-if="flag">-----已经到底啦-----</view>
+			</view>
 	</view>
 </template>
 
 <script>
 	import {
-		onlineOrOfflineImg
+		listType,listTiktokImgIn
 	} from '@/api/index.js'
 	export default {
 		data() {
@@ -17,21 +23,247 @@
 				statusCurrent: 0,
 				activeColor: '#007aff',
 				styleType: 'text',
-				statusList: ['已上架', '已下架','待审核','审核通过','审核未通过'],
-				typeList:['头像','Gif动图','手机壁纸','朋友圈','表情包','iwatch'],
+				statusList: ['待审核','审核拒绝','已上架','已下架'],
+				typeList:[],
+				typeIdList:[],
+				typeCurrent: 0,
+				typeId: 1,
+				status: 0,
+				pageNum: 1,
+				pageSize: 10,
+				creatorImgList: [],
+				userInfo: {},
+				imgWidth: 0, // 图片宽
+				imgHeight: 0, // 图片高
+				flag: false
 			} 
 		},
+		onLoad() {
+			this.listTiktokImgIn();
+		},
+		created(){
+			const userInfoSync = uni.getStorageSync("userInfo");
+			this.userInfo = userInfoSync;
+			this.queryListType();
+			uni.getSystemInfo({
+				success: res => {
+					console.log(res)
+					this.imgWidth = res.windowWidth - 130 + 'rpx'
+					this.imgHeight = res.windowWidth - 130 + 'rpx'
+				}
+			})
+		},
+		// 下拉刷新
+		onPullDownRefresh(){
+			this.pageNum = 1
+			this.creatorImgList = []
+			this.listTiktokImgIn();
+			this.flag = false;
+			uni.stopPullDownRefresh();
+		},
+		// 上划加载更多
+		onReachBottom() {
+			console.log(2222)
+			if (this.creatorImgList.length > this.pageSize*this.pageNum-1) {
+				this.flag = false;
+				this.pageNum += 1
+				this.listTiktokImgIn()
+			}else{
+				this.flag = true;
+			}
+		},
 		methods: {
+			// 前往详情页
+			targetDetail(item) {
+				console.log('跳转', item)
+				if (item.id) {
+					uni.setStorage({
+						key: 'detailId',
+						data: item.id,
+						success() {
+							console.log(111111)
+							uni.navigateTo({
+								url: '../material/imgDetail'
+							})
+						}
+					})
+				}
+			},
+			
 			onClickStatus(e1){
-				console.log('statusE',e1)
+				let that = this;
+				that.flag = false;
+				that.creatorImgList = [];
+				that.status = e1.currentIndex;
+				console.log('status',that.status)
+				uni.showLoading({
+				  title: "加载中",
+				  mask: true,
+				  success() {
+				   // 查询指定艺术家图片集合
+				   const param = {
+				     creatorId: that.userInfo.id,
+				     typeId: that.typeId,
+				     pageSize: that.pageSize,
+				     pageNum: 1,
+					 status: that.status
+				   };
+				   listTiktokImgIn(param).then(res => {
+					   console.log('that.typeId',that.typeId);
+					   console.log('that.status',that.status);
+					   if(res.data.code === 200){
+						   that.creatorImgList.push(...res.data.rows)
+						   console.log('调用成功1!', that.creatorImgList);
+					   }else {
+							uni.showModal({
+							content: "艺术家图片列表数据加载失败！",
+							showCancel: false,
+						});
+						}
+				   });
+				  },
+				  complete() {
+				    uni.hideLoading();
+				  },
+				});
 			},
 			onClickType(e2){
-				console.log('typeE',e2)
+				let that = this;
+				that.flag = false;
+				that.creatorImgList = [];
+				that.typeId = that.typeIdList[e2.currentIndex];
+				console.log('typeId',that.typeId)
+				uni.showLoading({
+				  title: "加载中",
+				  mask: true,
+				  success() {
+				   // 查询指定艺术家图片集合
+				   const param = {
+				     creatorId: that.userInfo.id,
+				     typeId: that.typeId,
+				     pageSize: that.pageSize,
+				     pageNum: 1,
+					 status: that.status
+				   };
+				   listTiktokImgIn(param).then(res => {
+					   console.log('that.typeId',that.typeId);
+					   console.log('that.status',that.status);
+					   if(res.data.code === 200){
+						   that.creatorImgList.push(...res.data.rows)
+						   console.log('调用成功2!', that.creatorImgList);
+					   }else {
+							uni.showModal({
+							content: "艺术家图片列表数据加载失败！",
+							showCancel: false,
+						});
+						}
+				   });
+				  },
+				  complete() {
+				    uni.hideLoading();
+					uni.getSystemInfo({
+						success: res => {
+							console.log(res)
+							if(that.typeId === 1){
+								that.imgWidth = res.windowWidth - 130 + 'rpx'
+								that.imgHeight = res.windowWidth - 130 + 'rpx'
+							}else if(that.typeId === 2){
+								that.imgWidth = res.windowWidth - 130 + 'rpx'
+								that.imgHeight = res.windowWidth + 20 + 'rpx'
+							}else if(that.typeId === 3){
+								that.imgWidth = res.windowWidth - 130 + 'rpx'
+								that.imgHeight = res.windowWidth + 20 + 'rpx'
+							}else if(that.typeId === 4){
+								that.imgWidth = res.windowWidth - 60 + 'rpx'
+								that.imgHeight = res.windowWidth - 130 + 'rpx'
+							}else if(that.typeId === 5){
+								that.imgWidth = res.windowWidth - 130 + 'rpx'
+								that.imgHeight = res.windowWidth - 130 + 'rpx'
+							}else if(that.typeId === 6){
+								that.imgWidth = res.windowWidth - 130 + 'rpx'
+								that.imgHeight = res.windowWidth - 130 + 'rpx'
+							}
+							
+						}
+					})
+				  },
+				});
 			},
+			
+			// 获取图片分类列表
+			async queryListType() {
+			  const res = await listType();
+			  if (res.data.code === 200) {
+				  for (let s of res.data.data) {
+				  	this.typeList.push(s.typeName);
+					this.typeIdList.push(s.id);
+				  }
+			    //console.log('typeList', this.typeList)
+				console.log('typeIdList', this.typeIdList)
+			  } else {
+			    uni.showModal({
+			      content: "图片分类列表加载失败！",
+			      showCancel: false,
+			    });
+			  }
+			},
+			
+			//查询指定艺术家图片集合
+			async listTiktokImgIn() {
+				const userInfo = uni.getStorageSync('userInfo')
+				if (!userInfo) {
+					console.log('havent userInfo')
+					
+				} else {
+					console.log('have userInfo')
+				}
+				const res = await listTiktokImgIn({
+					pageNum: this.pageNum,
+					pageSize: this.pageSize,
+					typeId: this.typeId,
+					status: this.status,
+					creatorId: userInfo.id
+				})
+				if (res.data.code === 200) {
+					this.creatorImgList.push(...res.data.rows)
+					console.log('creatorImgList',this.creatorImgList);
+				} else {
+					uni.showModal({
+						content: '艺术家图片列表加载失败！',
+						showCancel: false
+					});
+				}
+			}
 		}
 	}
 </script>
 
-<style>
-
+<style lang="less">
+	.choiceness {
+		padding-top: 20rpx;
+		
+		.choiceness-list {
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: flex-first;
+			flex-direction: row;
+		
+		
+			image {
+				margin-top: 10rpx;
+				margin-left: 10rpx;
+				margin-right: 5rpx;
+				border-radius: 10rpx;
+			}
+		}
+	}
+	
+	.ivOver{
+		width: 100%;
+		height:50px;
+		line-height: 50px;
+		text-align: center;
+		background: #fff;
+		font-size: 20rpx;
+	}
 </style>
diff --git a/pages/userInfo/userInfo.vue b/pages/userInfo/userInfo.vue
index 1a2da7f..e3c6c0e 100644
--- a/pages/userInfo/userInfo.vue
+++ b/pages/userInfo/userInfo.vue
@@ -23,7 +23,8 @@
 					<uni-grid :column="3" @change="change" :showBorder="false" :square="true">
 						<uni-grid-item v-for="(item, index) in list" :index="index" :key="index">
 							<view class="grid-item-box" style="background-color: #fff;">
-								<uni-icons type="image" :size="30" color="#777" />
+								<!-- <uni-icons type="image" :size="30" color="#777" /> -->
+								<image :src="item.img" class="listIconImage" mode="aspectFill" />
 								<text class="text">{{item.title}}</text>
 							</view>
 						</uni-grid-item>
@@ -41,27 +42,27 @@
 				list: [{
 					url: '/pages-userInfo/about/about',
 					title: '关于节点',
-					img: ''
+					img: '/static/iconAbout.png'
 				}, {
 					url: '/pages-userInfo/contact/contact',
 					title: '联系我们',
-					img: ''
+					img: '/static/iconContactUs.png'
 				}, {
 					url: '/pages-userInfo/extends/extends',
 					title: '邀请他人',
-					img: ''
+					img: '/static/iconInvite.png'
 				}, {
 					url: '/pages-userInfo/inviteLog/inviteLog',
 					title: '邀请记录',
-					img: ''
+					img: '/static/iconInviteLog.png'
 				}, {
 					url: '/pages-userInfo/notice/notice',
 					title: '通知公告',
-					img: ''
+					img: '/static/iconNotice.png'
 				}, {
 					url: '/pages-userInfo/withdraw/withdraw',
 					title: '提现记录',
-					img: ''
+					img: '/static/iconWithdraw.png'
 				}],
 				pageUrl: '',
 				userInfo: {},
@@ -212,4 +213,9 @@
 		justify-content: center;
 		padding: 15px 0;
 	}
+	
+	.listIconImage{
+		width:2rem;
+		height:2rem;
+	}
 </style>
diff --git a/static/emoBack.png b/static/emoBack.png
new file mode 100644
index 0000000..63ce6cb
Binary files /dev/null and b/static/emoBack.png differ
diff --git a/static/friendBack.png b/static/friendBack.png
new file mode 100644
index 0000000..6b0acba
Binary files /dev/null and b/static/friendBack.png differ
diff --git a/static/gifBack.png b/static/gifBack.png
new file mode 100644
index 0000000..0628a7b
Binary files /dev/null and b/static/gifBack.png differ
diff --git a/static/headBack.png b/static/headBack.png
new file mode 100644
index 0000000..05c398d
Binary files /dev/null and b/static/headBack.png differ
diff --git a/static/iconAbout.png b/static/iconAbout.png
new file mode 100644
index 0000000..deacafc
Binary files /dev/null and b/static/iconAbout.png differ
diff --git a/static/iconContactUs.png b/static/iconContactUs.png
new file mode 100644
index 0000000..582e24e
Binary files /dev/null and b/static/iconContactUs.png differ
diff --git a/static/iconInvite.png b/static/iconInvite.png
new file mode 100644
index 0000000..a5079fe
Binary files /dev/null and b/static/iconInvite.png differ
diff --git a/static/iconInviteLog.png b/static/iconInviteLog.png
new file mode 100644
index 0000000..ad9d643
Binary files /dev/null and b/static/iconInviteLog.png differ
diff --git a/static/iconNotice.png b/static/iconNotice.png
new file mode 100644
index 0000000..b4bf4fd
Binary files /dev/null and b/static/iconNotice.png differ
diff --git a/static/iconWithdraw.png b/static/iconWithdraw.png
new file mode 100644
index 0000000..782a823
Binary files /dev/null and b/static/iconWithdraw.png differ
diff --git a/static/iwatchBack.png b/static/iwatchBack.png
new file mode 100644
index 0000000..3fa53f2
Binary files /dev/null and b/static/iwatchBack.png differ
diff --git a/static/material.png b/static/material.png
new file mode 100644
index 0000000..6b31c22
Binary files /dev/null and b/static/material.png differ
diff --git a/static/phoneBack.png b/static/phoneBack.png
new file mode 100644
index 0000000..02fc775
Binary files /dev/null and b/static/phoneBack.png differ
diff --git a/static/upload.png b/static/upload.png
new file mode 100644
index 0000000..74d384d
Binary files /dev/null and b/static/upload.png differ