<template>
	<view class="body">
		<navigator url="/pages/productDetails/review">
			<view class="reviews_item" v-for="(item,index) in 2"  :key="index">
				<view class="reviews_item_title">
					<view class="reviews_title_user">
						<text>e***8</text>
						<uni-rate size="18" :disabled="true" disabledColor="red" :value="4"  active-color="red" :is-fill="false"/>
					</view>
					<view class="reviews_title_time">07/03/2022</view>
				</view>
				<view class="reviews_item_color">Color:Multicolor</view>
				<view class="reviews_item_content">So unique! Can’t wait to wear these.</view>
				<view class="reviews_item_image">
					<view class="reviews_image_content" v-for="(item,index) in 3"  :key="index"></view>
				</view>
				<view class="more">
					<image src="../../static/img/more.png" mode="" @click="isShwo=true"></image>
					<view class="more_delete" v-show="isShwo">delete</view>
				</view>
			</view>
		</navigator>
		<view class="mask" v-show="isShwo" @click="isShwo=false"></view>
	</view>
</template>

<script>
	import {defaultRequest,defaultRequest2} from '../../api/index.js'
	export default {
		data() {
			return {
				isShwo:false,
				query:{
					_action:'getgoodscomment',
					goods_id:'',
					page_index:1,
					page_size:10,
					commentlabel:''
				}
			}
		},
		methods:{
			getList(){
				defaultRequest(this.query).then(res=>{
					console.info(res)
				})
			}
		},
		onLoad(e) {
			this.query.goods_id=e.goods_id
			// this.getList()
		}
	}
</script>
<style>
	page{
		border-top: 14.67rpx #F6F5FA solid;
	}
</style>
<style lang="scss" scoped>
	.body{
		padding: 0 32rpx;
	}
	.more{
		text-align: right;
		position: relative;
		// margin-top: 20rpx;
		image{
			width: 24rpx;
			height: 6.67rpx;
		}
		.more_delete{
			background-image: url(@/static/img/more_bf.png);
			background-size: 100% 100%;
			width: 102.67rpx;
			height: 67.33rpx;
			position: absolute;
			right: 0;
			bottom: 20rpx;
			line-height: 50rpx;
			text-align: center;
			font-size: 24rpx;
			z-index: 999;
		}
	}
	.mask{
		background-color: white;
		opacity: 0;
	}
</style>