You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

90 lines
2.0 KiB

<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>