123

pages/vlog/myVlogPhotos/myVlogPhotos.vue

@@ -5,12 +5,33 @@
 			<text style="font-size: 24rpx;color: #ccc;margin-left: 30rpx;">MOMENT</text>
 		</view>
 		<image src="../../../static/img/vlog/icon/fengexian.png" mode="" style="width: 100%;height: 15rpx;"></image>
+		<view class="row">
+			<view class="item" v-for="(item,index) in list" :key="index" @click="pushImg(item)">
+				<image :src="item.thumbImageUrl" mode=""></image>
+				<u-icon class="icon" name="checkmark-circle-fill" color="#2979FF" size="50"></u-icon>
+				<view class="price">
+					<text class="text1">¥123</text>
+					<text class="text2">¥123</text>
+				</view>
+			</view>
+		</view>
+		<view class="bottom" >
+			<view class="price">
+				<text class="text1">¥123</text>
+				<text class="text2">¥123</text>
+			</view>
+			<view class="btnn">
+				提交订单
+			</view>
+		</view>
 	</view>
 </template>
 <script>
 export default {
     data() {
         return {
+			list:[],//相片列表
+			checkImg:"",//选中的图片
 		}
     },
 	onLoad(){//代替 vue 里面的 created
@@ -19,6 +40,9 @@ export default {
 	onReady() {//代替 vue 里面的 mounted
 	},
     methods: {
+		pushImg(item){//添加相片到订单
+			// this.checkImg=item.thumbImageUrl
+		},
 		getPhotoData(){//获取用户vlog图片
 			this.$request("wechatUser/myPage/getVlogRecord", {
 				openid: uni.getStorageSync("openid"),
@@ -26,17 +50,37 @@ export default {
 			}).then(res => {
 				console.log(res.data);
 				if (res.code === "00") {
-					
+					this.list=res.data
+				}else{
+					uni.showModal({
+						title: '提示',
+						content: res.message,
+						showCancel: false,
+					})
 				}
 			})
-			// this.$request("distribution/vlog/getBeautyPhotos",{jobId: uni.getStorageSync("openid"),userId:uni.getStorageSync("openid")}).then(res=>{
-			// 	console.log("123",res);
-			// })
 		}
 	}
 }
 </script>
 <style lang="scss" scoped>
 	.content{padding: 0 20rpx;box-sizing: border-box;margin: 0 auto;
+		.row{display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap;padding-bottom: 100rpx;
+			.item{width: 48%;height: 220rpx;position: relative;margin-bottom: 20rpx;
+				image{width: 100%;height: 100%;border-radius: 10rpx;}
+				.icon{position: absolute;top: 5rpx;right: 5rpx;}
+				.price{position: absolute;bottom: 10rpx;right: 10rpx;font-weight: bold;
+					.text1{font-size: 24rpx; text-decoration: line-through;color: #ccc;}
+					.text2{font-size: 32rpx;color: #EE520E;margin-left: 10rpx;}
+				}
+			}
+		}
+		.bottom{border-top: 1rpx solid #e8e8e8;background-color: #fff; position: fixed;bottom: 0;width: 100%;height: 100rpx;right: 0;line-height: 100rpx;font-size: 32rpx;font-weight: bold;border-top-left-radius: 10rpx;border-top-right-radius: 10rpx;z-index: 10;
+			.btnn{float: right;width: 200rpx;background-color: #FFE600;border-radius: 10rpx;text-align: center;}
+			.price{font-weight: bold;float: left;padding-left: 20rpx;
+				.text1{font-size: 24rpx; text-decoration: line-through;color: #ccc;}
+				.text2{font-size: 32rpx;color: #EE520E;margin-left: 10rpx;}
+			}
+		}
 	}
 </style>
\ No newline at end of file

pages/vlog/product/product.vue

@@ -23,7 +23,7 @@
 					</navigator>
 				</view>
 				<view class="guige">
-					规格:{{item.priceStockList[0].standardName}}
+					规格:{{item.priceStockList[0].standardName || ""}}
 				</view>
 			</view>
 		</block>