11.22

pages.json

@@ -285,6 +285,12 @@
 			   },
 			   {
 			   	"path": "sucai",
+			   	"style": {
+			   		"navigationBarTitleText": "发布素材"
+			   	}
+			   },
+			   {
+			   	"path": "release",
 			   	"style": {
 			   		"navigationBarTitleText": "我的素材"
 			   	}

pages/index/index.vue

@@ -2,7 +2,6 @@
 	<view class="center">
 		<view class="topcontent padding-b-30">
 			<view class="top">
-				<view class="vheigh"></view>
 				<view class="top-main flex">
 					<view class="search-box flex" @click="clickSearch()">
 						<image class="search" src="../../static/img/search.png" mode=""></image>
@@ -72,16 +71,17 @@
 					<image class="list-iamg" src="../../static/img/sp.png" mode=""></image>
 				</view>
 				<view class="right" >
-					<view class="list-title clamp2">风平乐樱桃姜黄复合肽压片 糖果套盒...糖果套盒...糖果套盒...</view>
+					<view class="list-title clamp2">风平乐樱桃乐乐樱桃乐乐樱桃乐乐樱桃乐乐樱桃乐</view>
 					<view class="ysjg flex-start">
 						<view class="yj">￥139</view>
 						<view class="dz">直降40元</view>
 					</view>
 					<view class="bto flex">
 						<view class="xj">￥99</view>
-						<view class="ljgm">
-							<text class="butt">立即购买</text>
-						</view>
+						<!-- TODO 详情id为传 -->
+						<navigator url="/pages/index/product">
+							<view class="ljgm">立即购买</view>
+						</navigator>
 					</view>
 				</view>
 			</view>
@@ -102,9 +102,10 @@
 					</view>
 					<view class="bto flex">
 						<view class="xj">￥99</view>
-						<view class="ljgm">
-							<text class="butt">立即购买</text>
-						</view>
+						<!-- TODO 详情id为传 -->
+						<navigator url="/pages/index/product">
+							<view class="ljgm">立即购买</view>
+						</navigator>
 					</view>
 				</view>
 			</view>
@@ -224,7 +225,6 @@
 	.center {
 		padding-bottom: 30rpx;
 	}
-
 	.topcontent {
 		background-color: #FFFFFF;
 	}
@@ -317,6 +317,7 @@
 		}
 	}
 	.tj {
+		height: 120rpx;
 		.tj-ic {
 			width: 350rpx;
 			height: 10rpx;
@@ -343,51 +344,37 @@
 	}
 	
 	.splist {
-		width: 690rpx;
-		height: 270rpx;
 		background: #FFFFFF;
-		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50,50,52,0.06);
 		border-radius: 10rpx;
-		margin-left: 30rpx;
-		margin-top: 26rpx;
-		.tp {
-			.list-iamg {
-				width: 235rpx;
-				height: 235rpx;
-				padding-left: 15rpx;
-				padding-top: 20rpx;
-			}
+		margin: 25rpx;
+		.list-iamg {
+			width: 235rpx;
+			height: 235rpx;
 		}
 		.right {
+			padding-left: 22rpx;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
 			.list-title {
 				font-size: 32rpx;
 				font-weight: bold;
 				color: #333333;
-				padding-left: 22rpx;
-				margin-top: 30rpx;
 			}
 			.ysjg {
-				// margin-top: 30rpx;
-				padding-top: 50rpx;
-				padding-left: 22rpx;
+				padding-top: 70rpx;
 				.yj {
-					width: 65rpx;
-					height: 20rpx;
 					font-size: 26rpx;
-					text-decoration: line-through;
 					color: #999999;
 				}
 				.dz {
-					height: 21rpx;
 					font-size: 24rpx;
 					color: #B59467;
-					padding-left: 20rpx;
+					padding-left: 10rpx;
 				}
 			}
 			.bto {
-				padding-left: 20rpx;
 				.xj {
-					padding-top: 15rpx;
 					font-size: 36rpx;
 					color: #FF6F0F;
 				}
@@ -399,13 +386,9 @@
 					background-color: #01A6A8;
 					color: #fff;
 					font-size: 28rpx;
-					.butt {
-						padding: 6rpx 10rpx;
-						text-align: center;
-						display: flex;
-						justify-content: center;
-						align-items: center;
-					}
+					display: flex;
+					justify-content: center;
+					align-items: center;
 				}
 			}
 		}
@@ -440,7 +423,6 @@
 			display: flex;
 			flex-direction: column;
 			align-items: center;
-			// padding: 32rpx 32rpx;
 			background-color: #ffffff;
 			border-radius: 0 0 20rpx 20rpx;
 			text-align: center;

pages/share/share.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="content">
-		<view class="list-scroll-content">
+		<view class="list-scroll-content" v-for="item in 3">
 			<view class="main">
 				<view class="main-userInfo">
 					<view class="avatar">
@@ -18,13 +18,18 @@
 				<view class="text">
 					<view>风平乐樱桃姜黄复合肽压片糖果套盒，轻松饱腹降 低食欲不再是梦，C天然果蔬纤维素多种果蔬纤维 满足日常膳食营养，专享价【989】</view>
 				</view>
-				<view class="share-img">
-					<image src="../../static/img/sp.png" mode=""></image>
+				<view class="fh-im">
+					<image v-for="item in 4" class="fh-img" src="../../static/img/sp.png" mode=""></image>
 				</view>
 			</view>
 		</view>
+		<navigator url="/pages/user/release">
+			<button class="butt">我要发布</button>
+		</navigator>
+		
 		<u-tabbar activeColor="#01A6A8" inactive-color='#666666' :list="tabbar"></u-tabbar>
 	</view>
+	
 </template>
 
 <script>
@@ -68,7 +73,23 @@
 	.content {
 		min-height: 100%;
 		height: auto;
+		position: relative;
 	}
+	.butt {
+		display: flex;
+	    align-items: center;
+		justify-content: center;
+		height: 64rpx;
+		position: fixed;
+		bottom: 120rpx;
+		right: 20rpx;
+		color: #FFFFFF;
+		font-size: 28rpx;
+		background-color: #FF6F0F;
+		border: none;
+		border-radius: 40rpx 0% 0% 40rpx;
+	}
+	
 	.main {
 		margin-top: 20rpx;
 		padding: 35rpx 20rpx 24rpx;
@@ -82,21 +103,17 @@
 		.main-userInfo {
 			display: flex;
 			align-items: center;
-
 			.avatar {
 				width: 80rpx;
 				height: 80rpx;
 				background: #ffffff;
 				border-radius: 50%;
 			}
-
 			.main-user-info {
 				margin-left: 14rpx;
 				line-height: 1;
-
 				.main-userName {
 					font-size: 28rpx;
-					font-family: PingFang SC;
 					font-weight: bold;
 					color: #000000;
 				}
@@ -125,15 +142,19 @@
 		.text {
 			word-wrap: break-word;
 			word-break: normal;
-			margin: 20rpx 80rpx 20rpx 55rpx;
+			margin: 20rpx 55rpx 20rpx 55rpx;
 			font-size: 28rpx;
 			font-weight: 500;
 			color: #666666;
 		}
-
+		.fh-im {
+			margin: auto 42rpx;
+			.fh-img {
+				width: 200rpx;
+				height: 200rpx;
+				padding: 10rpx;
+			}
+		}
 		
-	
-
-	
 	}
 </style>

pages/user/release.vue

@@ -0,0 +1,178 @@
+<template>
+	<view class="content">
+		<view class="main"  v-for="(list, index) in lists" :key="index">
+			<view class="main-userInfo">
+				<view class="avatar">
+					<image src="../../static/icon/fire.png" mode=""></image>
+				</view>
+				<view class="main-user-info">
+					<view class="main-userName">{{list.nicheng}}</view>
+					<view class="main-user-time">{{list.time}}</view>
+				</view>
+				<view class="fenxiang flex">
+					<image class="img-lj" src="../../static/icon/lj.png"></image>
+					<view class="wen-lj">{{list.zf}}</view>
+				</view>
+			</view>
+			<view class="text">
+				<view>{{list.content}}</view>
+			</view>
+			<view class="fh-im">
+				<image v-for="item in 8" class="fh-img" src="../../static/img/sp.png" mode=""></image>
+			</view>
+			<view class="bot flex">
+				<image class="del" src="../../static/icon/del.png" mode=""></image>
+				<view @click="dele(index)" class="sc">删除</view>
+			</view>
+		</view>
+		<navigator url="/pages/user/sucai">
+			<button class="rele">发布素材</button>
+		</navigator>
+		<u-tabbar activeColor="#01A6A8" inactive-color='#666666' :list="tabbar"></u-tabbar>
+	</view>
+	
+</template>
+
+<script>
+	import {
+		article
+	} from '@/api/user.js';
+	import {
+		reply_list
+	} from '@/api/product.js';
+	import {
+		article_good,
+		reply_good
+	} from '@/api/activity.js';
+	import {
+		tabbar1
+	} from '@/utils/tabbar.js';  //底部导航栏
+	export default {
+		data() {
+			return {
+				lists: [
+					{nicheng: 'cccc', time: '202311.21', zf: '4562', content: '风平乐樱桃姜黄复合肽压片糖果套盒，轻松饱腹降'},
+					{nicheng: 'bbbb', time: '202311.21', zf: '4562', content: '风平乐樱桃姜黄复合肽压片糖果套盒，轻松饱腹降'},
+					{nicheng: 'aaaa', time: '202311.21', zf: '4562', content: '风平乐樱桃姜黄复合肽压片糖果套盒，轻松饱腹降'}
+				],
+				tabbar: tabbar1,
+			};
+		},
+		onLoad() {
+			
+		},
+		onShow() {
+		},
+		onReachBottom() {},
+		
+		methods: {
+			dele(index) {
+				this.lists.splice(index, 1)
+			},
+			navTo(url) {
+				uni.navigateTo({
+					url
+				});
+			},
+		}
+	};
+</script>
+
+<style lang="scss">
+	page,
+	.content {
+		min-height: 100%;
+		height: auto;
+	}
+	
+	.main {
+		margin-top: 20rpx;
+		padding: 35rpx 20rpx 24rpx;
+		background: #ffffff;
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+
+		.main-userInfo {
+			display: flex;
+			align-items: center;
+			.avatar {
+				width: 80rpx;
+				height: 80rpx;
+				background: #ffffff;
+				border-radius: 50%;
+			}
+			.main-user-info {
+				margin-left: 14rpx;
+				line-height: 1;
+				.main-userName {
+					font-size: 28rpx;
+					font-weight: bold;
+					color: #000000;
+				}
+
+				.main-user-time {
+					margin-top: 14rpx;
+					font-size: 21rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #666666;
+				}
+			}
+			.fenxiang {
+				padding-left: 310rpx;
+				.img-lj {
+					width: 28rpx;
+					height: 28rpx;
+				}
+				.wen-lj {
+					font-size: 28rpx;
+					color: #FF6F0F;
+					padding-left: 10rpx;
+				}
+			}
+		}
+		.text {
+			word-wrap: break-word;
+			word-break: normal;
+			margin: 20rpx 55rpx 20rpx 55rpx;
+			font-size: 28rpx;
+			font-weight: 500;
+			color: #666666;
+		}
+		.fh-im {
+			margin: auto 42rpx;
+			.fh-img {
+				width: 200rpx;
+				height: 200rpx;
+				padding: 10rpx;
+			}
+		}
+		.bot {
+			.del {
+				margin-left: 590rpx;
+				width: 24rpx;
+				height: 28rpx;
+			}
+			.sc {
+				padding-right: 40rpx;
+				font-size: 24rpx;
+				font-weight: 500;
+				color: #FF4C4C;
+			}
+		}
+	}
+	.rele {
+		width: 625rpx;
+		height: 89rpx;
+		background-color: #FF6F0F;
+		color: #ffffff;
+		border-radius: 15rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin: 40rpx auto;
+	}
+</style>

pages/user/user.vue

@@ -81,7 +81,7 @@
 			</view>
 		</view>
 		<uni-list class="tool-list margin-t-30">
-			<uni-list-item class="item" title="我的素材" @click="navTo('/pages/user/sucai')"
+			<uni-list-item class="item" title="我的素材" @click="navTo('/pages/user/release')"
 				thumb="/static/icon/user-sc.png"></uni-list-item>
 				<uni-list-item class="item" title="我的检测" @click="navTo('/pages/user/jiance')"
 					thumb="/static/icon/user-jc.png"></uni-list-item>