qichexitong/car_client_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

详情1.2

Browse Source
This commit is contained in:
DL
2024-01-29 19:00:04 +08:00
parent 5e67430f20
commit 8eb2ce3c5c
19 changed files with 616 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
pages.json
View File

@@ -542,6 +542,13 @@
"navigationBarTitleText" : "举报",
"enablePullDownRefresh" : false
}
}, {
"path" : "pages/index/report_result",
"style" :
{
"navigationBarTitleText" : "举报结果",
"enablePullDownRefresh" : false
}
}, {
"path" : "pages/index/post",
"style" : {

327
pages/index/detail.vue
View File

@@ -42,7 +42,12 @@
</view>
</view>
<view class="up_r">
<!-- #ifdef MP-WEIXIN -->
<image class="r_img" :src="`${config.aliyunOssUrl}/static/images/app/icon/add.png`" mode=""></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image class="r_img" src="@/static/images/app/icon/add.png" mode=""></image>
<!-- #endif -->
<view class="r_txt"> 关注 </view>
</view>
</view>
@@ -84,7 +89,12 @@
<image src="@/static/images/app/serve/repair_refund.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<view class="tit_name"> 评论者的昵称 </view>
</view>
<!-- #ifdef MP-WEIXIN -->
<image @click="moreBtn" :src="`${config.aliyunOssUrl}/static/images/app/icon/more.png`" style="width: 32rpx;height: 32rpx;"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image @click="moreBtn" src="@/static/images/app/icon/more.png" style="width: 32rpx;height: 32rpx;"></image>
<!-- #endif -->
</view>
<view class="con_txt">
关于我想开车出去环游世界的计划，实施的第一步：先躺床上，然后闭上眼睛，梦里什么都有
@@ -94,20 +104,44 @@
30分钟前 浙江杭州
</view>
<view class="info_r">
<image src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/mine/like.png" style="width: 30rpx;height: 30rpx;"/>
<view class="info_num"> 123 </view>
<!-- #ifdef APP -->
<image v-show="!IsLike" src="@/static/images/app/icon/like_no.png" style="width: 30rpx;height: 30rpx;"></image>
<image v-show="IsLike" src="@/static/images/app/icon/like.png" style="width: 30rpx;height: 30rpx;"></image>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN -->
<image v-show="!IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/icon/like_no.png`" style="width: 30rpx;height: 30rpx;"/>
<image v-show="IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/icon/like.png`" style="width: 30rpx;height: 30rpx;"></image>
<!-- #endif -->
<view class="info_num"> 456 </view>
</view>
</view>
<view class="con_list">
<view class="item_view">
<view class="view_up">
<view class="up_name"> 不会游泳的鱼 </view>
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/icon/author.png`" style="width: 76rpx;height: 38rpx;"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/icon/author.png" style="width: 76rpx;height: 38rpx;"/>
<!-- #endif -->
</view>
<view class="view_down">
<view class="down_l"> 您的回复牛了～ </view>
<view class="down_r">
<image src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/mine/like.png" style="width: 30rpx;height: 30rpx;"/>
<!-- #ifdef APP -->
<image v-show="!IsLike" src="@/static/images/app/icon/like_no.png" style="width: 30rpx;height: 30rpx;"></image>
<image v-show="IsLike" src="@/static/images/app/icon/like.png" style="width: 30rpx;height: 30rpx;"></image>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN -->
<image v-show="!IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/icon/like_no.png`" style="width: 30rpx;height: 30rpx;"/>
<image v-show="IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/icon/like.png`" style="width: 30rpx;height: 30rpx;"></image>
<!-- #endif -->
<view class="down_num"> 123 </view>
</view>
</view>
@@ -115,13 +149,27 @@
<view class="item_view">
<view class="view_up">
<view class="up_name"> 游泳的鱼 </view>
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/icon/my.png`" style="width: 54rpx;height: 38rpx;"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/icon/my.png" style="width: 54rpx;height: 38rpx;"/>
<!-- #endif -->
</view>
<view class="view_down">
<view class="down_l"> 您的回复牛了～ </view>
<view class="down_r">
<image src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/mine/like.png" style="width: 30rpx;height: 30rpx;"/>
<view class="down_num"> 123 </view>
<!-- #ifdef APP -->
<image v-show="!IsLike" src="@/static/images/app/icon/like_no.png" style="width: 30rpx;height: 30rpx;"></image>
<image v-show="IsLike" src="@/static/images/app/icon/like.png" style="width: 30rpx;height: 30rpx;"></image>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN -->
<image v-show="!IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/icon/like_no.png`" style="width: 30rpx;height: 30rpx;"/>
<image v-show="IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/icon/like.png`" style="width: 30rpx;height: 30rpx;"></image>
<!-- #endif -->
<view class="down_num"> 567 </view>
</view>
</view>
</view>
@@ -132,29 +180,6 @@
</view>
<view class="con_xian"></view>
</view>
<view class="com_content">
<view class="con_title">
<view class="title_l">
<image src="@/static/images/app/serve/repair_refund.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<view class="tit_name"> 评论者的昵称 </view>
</view>
<image src="@/static/images/app/icon/more.png" style="width: 32rpx;height: 32rpx;"></image>
</view>
<view class="con_txt">
关于我想开车出去环游世界的计划，实施的第一步：先躺床上，然后闭上眼睛，梦里什么都有
</view>
<view class="con_info">
<view class="info_l">
30分钟前 浙江杭州
</view>
<view class="info_r">
<image src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/mine/like.png" style="width: 30rpx;height: 30rpx;"/>
<view class="info_num"> 123 </view>
</view>
</view>
<view class="con_xian"></view>
</view>
</view>
<view style="height: 200rpx;"></view>
<!-- 底部输入框 -->
@@ -181,20 +206,48 @@
</view>
<view class="bottom_r">
<view class="r_img_txt">
<image src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/mine/information.png" style="width: 40rpx;height: 40rpx;"/>
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/mine/information.png`" style="width: 40rpx;height: 40rpx;"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/mine/information.png" style="width: 40rpx;height: 40rpx;"/>
<!-- #endif -->
<view class="txt"> 165 </view>
</view>
<!-- 图有问题 -->
<view class="r_img_txt">
<image src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/serve/coupons_xingxing.png" style="width: 40rpx;height: 40rpx;"/>
<!-- #ifdef APP -->
<image v-show="!IsLike" src="@/static/images/app/serve/coupons_xingxing.png" style="width: 40rpx;height: 40rpx; transform: scale(1.5)"></image>
<image v-show="IsLike" src="@/static/images/app/serve/coupons_xingxing_end.png" style="width: 40rpx;height: 40rpx; transform: scale(1.5)"></image>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN -->
<image v-show="!IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/serve/coupons_xingxing.png`" style="width: 40rpx;height: 40rpx; transform: scale(1.5)"/>
<image v-show="IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/serve/coupons_xingxing_end.png`" style="width: 40rpx;height: 40rpx; transform: scale(1.5)"></image>
<!-- #endif -->
<view class="txt"> 123 </view>
</view>
<view class="r_img_txt">
<image src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/mine/like.png" style="width: 40rpx;height: 40rpx;"/>
<!-- #ifdef APP -->
<image v-show="!IsLike" src="@/static/images/app/icon/like_no.png" style="width: 40rpx;height: 40rpx;"></image>
<image v-show="IsLike" src="@/static/images/app/icon/like.png" style="width: 40rpx;height: 40rpx;"></image>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN -->
<image v-show="!IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/icon/like_no.png`" style="width: 40rpx;height: 40rpx;"/>
<image v-show="IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/icon/like.png`" style="width: 40rpx;height: 40rpx;"></image>
<!-- #endif -->
<view class="txt"> 321 </view>
</view>
<view class="r_img_txt">
<image src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/mine/share.png" style="width: 40rpx;height: 40rpx;"/>
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/mine/share.png`" style="width: 40rpx;height: 40rpx;"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/mine/share.png" style="width: 40rpx;height: 40rpx;"/>
<!-- #endif -->
<view class="txt"> 4.5k </view>
</view>
</view>
@@ -209,42 +262,93 @@
<view class="popup_view">
<view class="pop_up">
<view class="up_view">
<image src="@/static/images/app/config/weixin.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/icon/in_weixin.png`" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/icon/in_weixin.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<view class="up_txt"> 微信好友 </view>
</view>
<view class="up_view">
<image src="@/static/images/app/config/pengyouquan.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/icon/in_pengyouquan.png`" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/icon/in_pengyouquan.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<view class="up_txt"> 朋友圈 </view>
</view>
<view class="up_view" @click="whoBtn(1)">
<image src="@/static/images/app/welfare/invite.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/icon/in_invite.png`" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/icon/in_invite.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<view class="up_txt"> 复制链接 </view>
</view>
</view>
<view class="pop_down">
<view class="up_view">
<image src="@/static/images/app/config/weixin.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/icon/in_home.png`" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/icon/in_home.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<view class="up_txt"> 作者主页 </view>
</view>
<view class="up_view">
<image src="@/static/images/app/config/pengyouquan.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<view class="up_view" v-if="isGuanzhu">
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/icon/in_guanzhu.png`" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/icon/in_guanzhu.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<view class="up_txt"> 关注 </view>
</view>
<view class="up_view" v-else>
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/icon/in_unguan.png`" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/icon/in_unguan.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<view class="up_txt"> 取消关注 </view>
</view>
<view class="up_view" @click="whoBtn(2)">
<image src="@/static/images/app/welfare/invite.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/icon/in_unlike.png`" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/icon/in_unlike.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<view class="up_txt"> 不喜欢 </view>
</view>
<view class="up_view" @click="toReportPages">
<image src="@/static/images/app/welfare/invite.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #ifdef MP-WEIXIN -->
<image :src="`${config.aliyunOssUrl}/static/images/app/icon/in_report.png`" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image src="@/static/images/app/icon/in_report.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<!-- #endif -->
<view class="up_txt"> 举报 </view>
</view>
</view>
<view class="pop_foot" @click="show=false"> 取消 </view>
</view>
</u-popup>
<!-- 显示复制链接，已设置不喜欢 -->
<view class="img_view">
<!-- #ifdef MP-WEIXIN -->
<image v-if="imgShow1" :src="`${config.aliyunOssUrl}/static/images/app/config/link.png`" style="width: 260rpx;height: 76rpx; border-radius: 16rpx"></image>
<image v-if="imgShow2" :src="`${config.aliyunOssUrl}/static/images/app/config/unlike.png`" style="width: 326rpx;height: 76rpx; border-radius: 16rpx"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image v-if="imgShow1" src="@/static/images/app/config/link.png" style="width: 260rpx;height: 76rpx; border-radius: 16rpx"></image>
<image v-if="imgShow2" src="@/static/images/app/config/unlike.png" style="width: 326rpx;height: 76rpx; border-radius: 16rpx"></image>
<!-- #endif -->
</view>
<!-- more 的弹层 -->
<u-popup :show="showMore" :round="10" mode="bottom" @close="showMore=false">
@@ -255,6 +359,59 @@
<view class="foot" @click="showMore=false"> 取消 </view>
</view>
</u-popup>
<!-- 评论弹层 -->
<u-popup :show="showComment" @close="showComment=false">
<view class="pop_comment">
<view class="title_view">
<u-icon name="arrow-left" size="19" color="#999999"></u-icon>
<view class="title"> 12 条评论 </view>
<!-- #ifdef MP-WEIXIN -->
<image @click="show=false" class="r_img" src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/icon/report_close.png" mode=""></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image @click="show=false" class="r_img" src="@/static/images/app/icon/report_close.png" mode=""></image>
<!-- #endif -->
</view >
<view class="pop_content">
<view class="con_title">
<view class="title_l">
<image src="@/static/images/app/serve/repair_refund.png" style="width: 80rpx;height: 80rpx; border-radius: 40rpx 40rpx 40rpx 40rpx"></image>
<view class="tit_name"> 评论者的昵称 </view>
</view>
<!-- #ifdef MP-WEIXIN -->
<image @click="moreBtn" :src="`${config.aliyunOssUrl}/static/images/app/icon/more.png`" style="width: 32rpx;height: 32rpx;"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image @click="moreBtn" src="@/static/images/app/icon/more.png" style="width: 32rpx;height: 32rpx;"></image>
<!-- #endif -->
</view>
<view class="con_txt">
关于我想开车出去环游世界的计划，实施的第一步：先躺床上，然后闭上眼睛，梦里什么都有
</view>
<view class="con_info">
<view class="info_l">
30分钟前 浙江杭州
</view>
<view class="info_r">
<!-- #ifdef APP -->
<image v-show="!IsLike" src="@/static/images/app/icon/like_no.png" style="width: 30rpx;height: 30rpx;"></image>
<image v-show="IsLike" src="@/static/images/app/icon/like.png" style="width: 30rpx;height: 30rpx;"></image>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN -->
<image v-show="!IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/icon/like_no.png`" style="width: 30rpx;height: 30rpx;"/>
<image v-show="IsLike"
:src="`${config.aliyunOssUrl}/static/images/app/icon/like.png`" style="width: 30rpx;height: 30rpx;"></image>
<!-- #endif -->
<view class="info_num"> 456 </view>
</view>
</view>
<view class="con_xian"></view>
</view>
</view>
<view style="height: 200rpx;"></view>
</u-popup>
</view>
</template>
@@ -288,7 +445,13 @@
timer1:'',
timer2:'',
// more
showMore:false
showMore:false,
// 判断小手
IsLike:false,
// 是否关注
isGuanzhu:true,
// 评论弹层
showComment:false
}
},
methods:{
@@ -388,6 +551,84 @@
</script>
<style lang="scss">
.pop_comment {
border-top: 1rpx solid #EDEDED;
.title_view {
border: 1px solid blue;
padding: 43rpx 24rpx;
border-radius: 24rpx 24rpx 0rpx 0rpx;
display: flex;
align-items: center;
justify-content: space-between;
.title {
font-size: 30rpx;
font-weight: 500;
color: #222222;
}
.r_img {
width: 26rpx;
height: 26rpx;
}
}
.pop_content {
border: 1px solid red;
padding: 0 32rpx ;
.con_title {
display: flex;
justify-content: space-between;
align-items: center;
.title_l {
display: flex;
align-items: center;
.tit_name {
font-size: 28rpx;
font-weight: 500;
color: #111111;
margin-left: 16rpx;
}
}
}
.con_txt {
font-size: 32rpx;
font-weight: 400;
color: #444444;
margin-top: 24rpx;
}
.con_info {
margin-top: 24rpx;
display: flex;
justify-content: space-between;
align-items: center;
.info_l {
font-size: 24rpx;
font-weight: 400;
color: #999999;
}
.info_r {
display: flex;
align-items: center;
.info_num {
font-size: 28rpx;
font-weight: 400;
color: #666666;
margin-left: 16rpx;
}
}
}
.con_xian {
margin-top: 32rpx;
height: 0;
border-bottom: 1rpx solid #666666;
opacity: 0.1;
}
}
}
.more_view {
padding: 0 32rpx;
.txt {
@@ -440,7 +681,7 @@
}
.all_comment {
padding: 24rpx 32rpx ;
// padding: 24rpx 32rpx ;
border-top: 1rpx solid #EDEDED;
.com_title {
display: flex;
@@ -755,7 +996,7 @@
}
.img_view {
position: absolute;
top: 45%;
top: 52%;
left: 50%;
transform: translate(-50%,-50%);
}

23
pages/index/index.vue
View File

@@ -74,30 +74,31 @@
<!-- #endif -->
</view>
</view>
<view class="content-title line-two">
<view class="content-title line-two" @click="toDetailPages">
{{item.content}}
</view>
<view class="image-list-box ">
<view class="image-list-box " @click="toDetailPages">
<view v-show="item.image.length==1">
<view v-for="(itemImage,index) in item.image" :key="itemImage">
<image class="image-one" :src="itemImage" mode="" @click="examineFn(itemImage)"></image>
<image class="image-one" :src="itemImage" mode=""></image>
<!-- <image class="image-one" :src="itemImage" mode="" @click="examineFn(itemImage)"></image> -->
</view>
</view>
<view v-show="item.image.length==2" style="width: 100%;" class="flex justify-between">
<view v-for="(itemImage,index) in item.image" :key="itemImage">
<image class="image-two" :src="itemImage" mode="" @click="examineFn(itemImage)"></image>
<image class="image-two" :src="itemImage" mode=""></image>
</view>
</view>
<view v-show="item.image.length>2" class="flex-wrap flex justify-between">
<view v-for="(itemImage,index) in item.image" :key="itemImage">
<image class="image-three" :src="itemImage" mode="" @click="examineFn(itemImage)"></image>
<image class="image-three" :src="itemImage" mode=""></image>
</view>
<view v-for="(a,b) in (item.image.length%3-1)<0?0:(item.image.length%3-1)">
<view class="image-three"></view>
</view>
</view>
</view>
<view class="faceback-box flex align-center justify-between">
<view class="faceback-box flex align-center justify-between" @click="toDetailPages">
<view class="">
<text class="red" v-if="userInfo.id == item.authorId">删除</text>
</view>
@@ -113,7 +114,7 @@
{{item.shareNum}}
</view>
<!-- <u-button openType="share" icon="share-square" :text="item.shareNum" :customStyle="{border: 'none'}"></u-button> -->
<view class="faceback-box-item flex align-center">
<view class="faceback-box-item flex align-center" @click.stop="toDetailPages">
<!-- #ifdef APP -->
<image src="@/static/images/app/mine/information.png"></image>
<!-- #endif -->
@@ -122,7 +123,7 @@
<!-- #endif -->
{{item.replyNum}}
</view>
<view class="faceback-box-item flex align-center" @click="Like(item)">
<view class="faceback-box-item flex align-center" @click.stop="Like(item)">
<!-- #ifdef APP -->
<image v-show="!item.userIsLike" src="@/static/images/app/mine/like.png"></image>
<image v-show="item.userIsLike" src="@/static/images/app/icon/like.png"></image>
@@ -174,6 +175,12 @@
// console.log(userInfo.unreadNum);
},
methods: {
// 去详情
toDetailPages(){
uni.navigateTo({
url:`/pages/index/detail`
})
},
//查看
examineFn(url){
uni.previewImage({

229
pages/index/report.vue
View File

@@ -1,41 +1,135 @@
<template>
<view class="report">
<view class="title"> 请选择你要举报的理由 </view>
<view class="select_view">
<view class="txt"> 违法信息 </view>
<view class="select_view" @click="openPopup">
<view class="txt"> {{item.con?item.con:'违法信息'}} </view>
<u-icon name="arrow-right" size="12" color="#999999"></u-icon>
</view>
<view class="textarea">
<u--textarea v-model="value" placeholder="为了帮助更好的解决问题，请把举报的内容简单描述一下～" count maxlength='100' height='200' border='none'></u--textarea>
</view>
<!-- <view class="up_down">
<view class="up_down">
<!-- #ifdef MP-WEIXIN -->
<view class="content flex-wrap align-center">
<view class="image-box rel" v-for="(item,index) in imageList" :key="index">
<image :src="item" mode=""></image>
<image @click="DelPic(index)" class="reduce abs" :src="clearIcon" mode=""></image>
<view class="image-box" v-for="(item,index) in imageList" :key="index">
<image class="itemimg" :src="item" mode=""></image>
<image @click="DelPic(index)" class="reduce" src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/icon/order_close.png" mode=""></image>
</view>
<image src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/images/order_upLoadbg.png" mode="" @click="getImage"></image>
<image class="upload-bg" src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/icon/order_upLoadbg.png" mode="" @click="getImage"></image>
</view>
</view> -->
<!-- #endif -->
<!-- #ifdef APP -->
<view class="content flex-wrap align-center">
<view class="image-box" v-for="(item,index) in imageList" :key="index">
<image class="itemimg" :src="item" mode=""></image>
<image @click="DelPic(index)" class="reduce" src="@/static/app/icon/order_close.png" mode=""></image>
</view>
<image class="upload-bg" src="@/static/app/icon/order_upLoadbg.png" mode="" @click="getImage"></image>
</view>
<!-- #endif -->
</view>
<view class="submit_view" @click="submitBtn"> 提交 </view>
<u-popup :show="show" :round="10" mode="bottom" @close="show=false">
<view class="popup_view">
<view class="title_view">
<view></view>
<view class="title"> 标题 </view>
<!-- #ifdef MP-WEIXIN -->
<image @click="show=false" class="r_img" src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/icon/report_close.png" mode=""></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image @click="show=false" class="r_img" src="@/static/images/app/icon/report_close.png" mode=""></image>
<!-- #endif -->
</view >
<view class="all_item">
<view class="item_view" v-for="item in popupList" :key="item">
<view class="con_view" @click="selectBtn(item)">
<view class="con_con"> {{ item.con }} </view>
<!-- #ifdef MP-WEIXIN -->
<image v-if="item.isShow" class="con_img" src="https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/app/serve/com_select.png" mode=""></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image v-if="item.isShow" class="con_img" src="@/static/images/app/serve/com_select.png" mode=""></image>
<!-- #endif -->
</view>
<view class="xian"></view>
</view>
</view>
<view class="sure_view">
<view class="sure" @click="sureBtn"> 确认 </view>
</view>
</view>
</u-popup>
</view>
</template>
<script>
import config from '@/config'
export default{
data(){
return{
uploadIcon: 'https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/images/order_upLoadbg.png',
clearIcon: 'https://qicheoss.oss-cn-shanghai.aliyuncs.com/static/images/images/order_close.png',
config,
value:'',
imageList: [],
show:false,
// 注 全部选项有： 违法信息、抄袭侵权、违规营销、不实信息 人身攻击、涉及未成年、色情低俗、引人不适 有害信息、谣言举报、涉政谣言、其他
popupList:[
{id:1,con:'违法信息',isShow:true},
{id:2,con:'抄袭侵权',isShow:false},
{id:3,con:'违规营销',isShow:false},
{id:4,con:'不实信息',isShow:false},
{id:5,con:'人身攻击',isShow:false},
{id:6,con:'涉及未成年',isShow:false},
{id:7,con:'色情低俗',isShow:false},
{id:8,con:'引人不适',isShow:false},
{id:9,con:'有害信息',isShow:false},
{id:10,con:'谣言举报',isShow:false},
{id:11,con:'涉政谣言',isShow:false},
{id:12,con:'其他',isShow:false},
],
item:{}
}
},
methods:{
// 提交
submitBtn(){
uni.navigateTo({
url:'/pages/index/report_result'
})
},
// 确认
sureBtn(){
this.show=false
},
// 选择
selectBtn(item){
console.log(item,'1111111111');
for (let i = 0; i < this.popupList.length; i++) {
if (this.popupList[i].id === item.id) {
this.popupList[i].isShow = true;
this.item=item
} else {
this.popupList[i].isShow = false;
}
}
},
// 打开
openPopup(){
this.show=true
if(this.item.id){
for (let i = 0; i < this.popupList.length; i++) {
if (this.popupList[i].id === this.item.id) {
this.popupList[i].isShow = true;
} else {
this.popupList[i].isShow = false;
}
}
}
},
//传图片
getImage() {
this.$util.uploadImageOne({
@@ -62,14 +156,112 @@
</script>
<style lang="scss">
.up_down {
border: 1px solid red;
.upload-bg {
width: 168rpx;
height: 168rpx;
.popup_view {
// padding: 0 32rpx;
.title_view {
background: #F5F5F5;
padding: 43rpx 24rpx;
border-radius: 24rpx 24rpx 0rpx 0rpx;
display: flex;
align-items: center;
justify-content: space-between;
.title {
font-size: 30rpx;
font-weight: 500;
color: #222222;
}
.r_img {
width: 26rpx;
height: 26rpx;
}
}
.all_item {
height: 750rpx;
overflow:auto;
}
.item_view {
padding: 0 32rpx;
}
.con_view {
display: flex;
align-items: center;
justify-content: space-between;
.con_con {
padding: 32rpx 0;
font-size: 34rpx;
font-weight: 400;
color: rgba(17,17,17,0.9);
}
.con_img {
width: 28rpx;
height: 23rpx;
}
}
.xian {
border-bottom: 1rpx solid #F1F1F1 ;
}
.sure_view {
padding: 0 32rpx;
}
.sure {
font-size: 28rpx;
font-weight: 400;
text-align: center;
color: #FFFFFF;
padding: 26rpx 0;
background: #13AFA8;
border-radius: 40rpx 40rpx 40rpx 40rpx;
opacity: 1;
margin-top: 18rpx;
}
}
.submit_view {
width: 94%;
margin-top: 70rpx;
// margin: 70rpx 24rpx 0 24rpx;
padding: 24rpx 0;
text-align: center;
font-size: 34rpx;
font-weight: 400;
color: #FFFFFF;
border-radius: 60rpx;
background-color: #13AFA8;
position: fixed;
bottom: 50rpx;
left:24rpx
}
.up_down {
margin-top: 48rpx;
.image-box {
// border: 1px solid red;
margin-right: 32rpx;
margin-bottom: 32rpx;
position: relative;
.reduce {
position: absolute;
top: -15rpx;
right: -15rpx;
width: 32rpx;
height: 32rpx;
}
}
.itemimg {
width: 170rpx;
height: 170rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
}
.upload-bg {
width: 170rpx;
height: 170rpx;
}
}
.report {
height: 100vh;
background: #fff;
padding: 32rpx 24rpx;
.title {
@@ -101,5 +293,6 @@
page {
padding: 24rpx;
background: #f5f5f5;
// background:blue;
}
</style>

80
pages/index/report_result.vue Normal file
View File

@@ -0,0 +1,80 @@
<template>
<view class="report_result">
<view>
<view class="re_up">
<!-- #ifdef MP-WEIXIN -->
<image class="re_img" :src="`${config.aliyunOssUrl}/static/images/app/icon/report.png`" mode="">
</image>
<!-- #endif -->
<!-- #ifdef APP -->
<image class="re_img" src="@/static/images/app/icon/report.png" mode=""></image>
<!-- #endif -->
<view class="re_txt"> 你举报的内容平台已收到，感谢您的配合 </view>
</view>
<view class="re_return" @click="toHomePage"> 返回首页 </view>
</view>
</view>
</template>
<script>
import config from '@/config';
export default {
data() {
return {
config,
}
},
methods: {
toHomePage() {
uni.switchTab({
url: '/pages/index/index'
});
}
},
}
</script>
<style lang="scss" scoped>
.re_up {
// border: 1px solid red;
margin-top: 136rpx;
display: flex;
flex-direction: column;
align-items: center;
.re_img {
width: 148rpx;
height: 148rpx;
margin: 0 auto;
}
.re_txt {
height: 36rpx;
font-size: 26rpx;
font-weight: 400;
color: #555555;
line-height: 36rpx;
text-align: center;
margin-top: 24rpx;
}
}
.re_return {
width: 332rpx;
height: 80rpx;
background: #13AFA8;
border-radius: 60rpx;
font-size: 34rpx;
font-weight: 400;
color: #FFFFFF;
line-height: 80rpx;
text-align: center;
margin: 96rpx auto 0;
}
.report_result {
background: #FFFFFF;
height: 100vh;
border-top: 1rpx solid #E6E6E6;
}
</style>

26
pages/serve/index.vue
View File

@@ -169,36 +169,48 @@
};
},
onShow() {
this.getBranner()
this.init()
let userInfo = uni.getStorageSync('userInfo')
this.unreadNum = userInfo.unreadNum
},
methods:{
getBranner() {
// 获取轮播图
init(){
this.getbrannerList()
this.getCardProductList2()
this.getCardProductList()
this.getActivityList()
},
// 获取轮播图
getbrannerList(){
brannerList({type: 4}).then(res => {
// console.log('轮播图', res.data.list);
this.branner = res.data.list
})
// 2秒杀 // isHot=>true 热销
},
// 2秒杀 // isHot=>true 热销
getCardProductList2(){
getCardProductListAPI(this.couponData2).then(res=>{
this.couponList2=res.data.list
}).catch(err=>{
console.log(err);
})
// 热销
},
// 热销
getCardProductList(){
getCardProductListAPI(this.couponHot).then(res=>{
this.couponHotList=res.data.list
}).catch(err=>{
console.log(err);
})
// 助力
},
// 助力
getActivityList(){
getActivityListAPI(this.couponData3).then(res=>{
this.couponList3=res.data.list
}).catch(err=>{
console.log(err);
})
},
// 去热销列表
toHotPages(type, item){
uni.navigateTo({

BIN
static/images/app/icon/in_guanzhu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/images/app/icon/in_home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
static/images/app/icon/in_invite.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 KiB

BIN
static/images/app/icon/in_pengyouquan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

BIN
static/images/app/icon/in_report.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/images/app/icon/in_unguan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
static/images/app/icon/in_unlike.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
static/images/app/icon/in_weixin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

BIN
static/images/app/icon/like_no.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
static/images/app/icon/order_close.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 852 B

BIN
static/images/app/icon/order_upLoadbg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
static/images/app/icon/report.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

BIN
static/images/app/icon/report_close.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 322 B