Leadfyy.co
/
ec.uniapp-master
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

发现列表 点赞列表 评论 发布动态 我的活动等一系列优化

master
Enzo 4 years ago
parent
c5dc2357d3
commit
2b1f4f2797
8 changed files with 613 additions and 181 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 194
      common/styles/iconfont.css
  2. 66
      pages/discover/discover.vue
  3. 322
      pages/discover/discoverdetails.vue
  4. 77
      pages/discover/publish.vue
  5. 12
      pages/user/member/service.vue
  6. 15
      pages/user/my/myEventRegistrationList.vue
  7. 64
      pages/user/my/myregister.vue

194
common/styles/iconfont.css
View File

@ -1,8 +1,8 @@
@font-face {
font-family: "lf-iconfont"; /* Project id 2779107 */
src: url('//at.alicdn.com/t/font_2779107_uog0nj8djep.woff2?t=1631159318557') format('woff2'),
url('//at.alicdn.com/t/font_2779107_uog0nj8djep.woff?t=1631159318557') format('woff'),
url('//at.alicdn.com/t/font_2779107_uog0nj8djep.ttf?t=1631159318557') format('truetype');
src: url('//at.alicdn.com/t/font_2779107_lm6jdc8nk3o.woff2?t=1631590134965') format('woff2'),
url('//at.alicdn.com/t/font_2779107_lm6jdc8nk3o.woff?t=1631590134965') format('woff'),
url('//at.alicdn.com/t/font_2779107_lm6jdc8nk3o.ttf?t=1631590134965') format('truetype');
}
.lf-iconfont {
@ -13,80 +13,196 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-weixinzhifu:before {
content: "\e689";
.icon-yingerche:before {
content: "\e603";
}
.icon-fabujilu:before {
content: "\e601";
.icon-fenleiorguangchangorqitatianchong:before {
content: "\e67d";
}
.icon-jifen1:before {
content: "\e6a4";
}
.icon-tingchechang:before {
content: "\e6ca";
}
.icon-VIP:before {
content: "\e68e";
}
.icon-tubiao-:before {
content: "\e610";
}
.icon-dianpu:before {
content: "\e6b6";
.icon-packing:before {
content: "\e625";
}
.icon-liwu:before {
content: "\e674";
}
.icon-activity-s:before {
content: "\e641";
}
.icon-peishi-shoubiao:before {
content: "\e60a";
}
.icon-shujia:before {
content: "\e620";
}
.icon-V:before {
content: "\e719";
}
.icon-huiyuan2:before {
content: "\e731";
}
.icon-yinliao:before {
content: "\e60e";
}
.icon-meishi:before {
content: "\e611";
}
.icon-shuji:before {
content: "\fbb7";
}
.icon-jian1:before {
content: "\e633";
}
.icon-xiangxia:before {
content: "\e81c";
}
.icon-chakan:before {
content: "\e68a";
}
.icon-dizhi:before {
content: "\e606";
}
.icon-jifen:before {
content: "\e721";
}
.icon-xihuanlike:before {
content: "\e622";
}
.icon-pinglun:before {
content: "\e8b4";
}
.icon-pinglun-:before {
content: "\e60c";
}
.icon-shoucang2:before {
content: "\e629";
}
.icon-shoucang11:before {
content: "\e62a";
}
.icon-pinglun2:before {
content: "\f4bb";
}
.icon-xihuan:before {
content: "\e640";
}
.icon-jilu2:before {
content: "\e65c";
.icon-kefuhdpi:before {
content: "\e618";
}
.icon-shouye:before {
content: "\e636";
.icon-tingche:before {
content: "\e8f8";
}
.icon-huiyuan3:before {
content: "\f0ae";
.icon-gouwulan:before {
content: "\e64d";
}
.icon-shouye1:before {
content: "\e60a";
.icon-jia:before {
content: "\e608";
}
.icon-xianxingicon-03:before {
content: "\e60d";
.icon-yue:before {
content: "\e6b0";
}
.icon-shouye2:before {
content: "\e677";
.icon-zhibo:before {
content: "\e8c1";
}
.icon-pinpai:before {
content: "\e664";
.icon-zhiding:before {
content: "\e602";
}
.icon-yuebao:before {
content: "\e624";
.icon-tongzhi:before {
content: "\ec1b";
}
.icon-pinpailiebiao:before {
content: "\e630";
.icon-status-error:before {
content: "\e609";
}
.icon-tubiaozhizuomobandefuben-:before {
content: "\e61e";
.icon-status-correct:before {
content: "\e60b";
}
.icon-huiyuan:before {
content: "\e65d";
.icon-saoyisao:before {
content: "\e623";
}
.icon-Group-:before {
content: "\e6ae";
.icon-weixinzhifu:before {
content: "\e689";
}
.icon-fabujilu:before {
content: "\e601";
}
.icon-jilu2:before {
content: "\e65c";
}
.icon-huiyuan3:before {
content: "\f0ae";
}
.icon-xianxingicon-03:before {
content: "\e60d";
}
.icon-yuebao:before {
content: "\e624";
}
.icon-Member:before {
content: "\e613";
.icon-pinpailiebiao:before {
content: "\e630";
}
.icon-daishouhuo:before {
content: "\e651";
.icon-huiyuan:before {
content: "\e65d";
}
.icon-shoucang1:before {
content: "\f49a";
.icon-Group-:before {
content: "\e6ae";
}
.icon-daifukuan:before {

66
pages/discover/discover.vue
View File

@ -12,11 +12,11 @@
<view class="lf-p-32">
<view class="lf-flex" @click="$url('/pages/user/my/my')">
<view class="tag-father">
<image src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill" class="head-img"></image>
<image :src="item.user.avatar" mode="aspectFill" class="head-img"></image>
<view class="head-tag">V</view>
</view>
<view class="lf-flex-column lf-m-l-20">
<view class="lf-font-32 lf-color-black lf-font-bold">最新FUEJFEI</view>
<view class="lf-font-32 lf-color-black lf-font-bold" v-if="item.user.nick_name">{{item.user.nick_name}}</view>
<view class="lf-font-24 lf-color-777 lf-m-t-15">{{item.created_at}}</view>
</view>
</view>
@ -27,16 +27,17 @@
<image v-for="(picture,index) in item.attachs" class="qzone-img" :src="picture.url" mode="aspectFill"></image>
</view>
<view class="lf-m-t-30 lf-row-between lf-p-l-50 lf-p-r-50">
<view class="lf-row-center">
<text class="lf-iconfont icon-shoucang"></text>
<view class="lf-row-center" @click="addLike(item.id)">
<text class="lf-iconfont icon-xihuanlike lf-color-price" v-if="item.is_like"></text>
<text class="lf-iconfont icon-xihuan" v-else></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">{{item.likes_count}}</text>
</view>
<view class="lf-row-center">
<text class="lf-iconfont icon-fabu"></text>
<text class="lf-iconfont icon-chakan"></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">{{item.view_count}}</text>
</view>
<view class="lf-row-center">
<text class="lf-iconfont icon-fenxiang"></text>
<view class="lf-row-center" @click="goDetails(item.id)">
<text class="lf-iconfont icon-pinglun-"></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">{{item.comments_count}}</text>
</view>
</view>
@ -49,15 +50,15 @@
:class="{'loading-more-text': tab.loadingClass}">{{ tab.loadingText }}</text>
<lf-nocontent v-else></lf-nocontent>
</view>
</scroll-view>
</swiper-item>
</swiper>
<view class="fixed-right">
<view class="fixed-btn" hover-class="lf-opacity" @click="$url('/pages/discover/publish')">
<text class="lf-iconfont icon-fabu lf-font-50"></text>
</view>
</view>
<view style="height: 30rpx;"></view>
</scroll-view>
</swiper-item>
</swiper>
<lf-tabbar></lf-tabbar>
</view>
</template>
@ -99,6 +100,46 @@
this.getHotActivity()
},
methods: {
goDetails(id) {
this.$url('/pages/discover/discoverdetails?discover_id='+id)
},
addLike(id) {
this.$http
.post({
api: 'api/discover/like',
data: {
discover_id: id
},
header: {
Authorization: `Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6IjczYTViNTA1NDNlYmNmMjFkNmZiMGJlNzc0NmJmMDE4MDc3MTRkY2Y1MjBiMjM3MGQyZDAyYzQxMTlmMDU4ZTkwMTUxNDQwOTk4MjJhODFhIn0.eyJhdWQiOiIzIiwianRpIjoiNzNhNWI1MDU0M2ViY2YyMWQ2ZmIwYmU3NzQ2YmYwMTgwNzcxNGRjZjUyMGIyMzcwZDJkMDJjNDExOWYwNThlOTAxNTE0NDA5OTgyMmE4MWEiLCJpYXQiOjE2MzExNjk1MDIsIm5iZiI6MTYzMTE2OTUwMiwiZXhwIjoxNjYyNzA1NTAyLCJzdWIiOiIxIiwic2NvcGVzIjpbXX0.p0YoIC_bhOxIOugYxDQTOFIK9t2ORiHQq9H6JWzdByBJKWkFDBisKaXZJvzn1HdU5cjNQnHaBfWpG1Ed15cQlB2LdpXxxc38iaaGW2J6WhlLhVkehloii-TtlZTOeqNrpAHbSe5DRrmm_L07Llm9wr1T1A6pP3MhzdHiZ9d6748j3_cJjK4CJUl3WfYRTaozLFlI00OCW4zzGfgivSighjSFyhqMoHnQ2iSoeWdcJnYpXzXQdc5AXvXOt6eIIa7o2F6Ma1tUseTYVijEVfngdfd21JI1eH6tHrSqUItkQHAart9o74dJn9micI3WrN5yEBXgzemqWkQGV4QzFHLyd3wk-XvP1s2GhCeWlJZOQADzgzhLoxzFUbgM5xULWHp3yfpePGISlM4ZpBwTHcqQt1i_UkNX_zCxa3RYQbZFDfWW0-UPbvHw40t5BY6X7nTPMhPjPGnnPq18jyYBrWBbC9vBWs2o2IHAe5VlkHtmy_v5fymFJLfFzS784Nxp2qPJFWxI7IfrpNckHxohhs5LoieQivw2MyU2shFOUjgwe0xQgyg6UBg5PwNknGTTmzYdavCM4BiQ7moqOuoI15ccIEmc_uMiuLVEfDPlzejP9PQv6mj6IlkJ8HSu4KZU-LxKmtLnGeEwMjVAZBIhsOwzMkaMF1nZ70pgv2YYwBQyVVs`
},
})
.then(res => {
if (res.data.code == 200) {
if (res.data.status) {
this.getHotActivity();
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
wx.hideLoading();
})
.catch(() => {
wx.hideLoading();
wx.showModal({
content: '请求失败',
showCancel: false
});
});
},
getMyAttention() {
let tab_item = this.tab_list[this.tab_current];
this.$http
@ -131,7 +172,7 @@
console.log('发现列表',tab_item.list)
} else {
wx.showModal({
content: res.message || '请下拉页面刷新重试',
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
@ -207,7 +248,8 @@
page: tab_item.page,
page_size: this.pageSize,
data:{
order: discover_type
order: discover_type,
user_id: 1
}
})
.then(res => {

322
pages/discover/discoverdetails.vue
View File

@ -4,53 +4,54 @@
<view class="lf-p-32">
<view class="lf-flex">
<view class="tag-father">
<image src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill" class="head-img"></image>
<image :src="discover_details.user.avatar" mode="aspectFill" class="head-img"></image>
<view class="head-tag">V</view>
</view>
<view class="lf-flex-column lf-m-l-20">
<view>
<text class="lf-font-32 lf-color-black lf-font-bold lf-m-r-15">最新FUEJFEI</text>
<text class="lf-font-32 lf-color-black lf-font-bold lf-m-r-15">{{discover_details.user.nick_name}}</text>
<text class="lf-iconfont icon-xiangyou lf-color-777 lf-text-vertical" style="font-size: 18rpx;"></text>
</view>
<view class="lf-font-24 lf-color-777 lf-m-t-15">08-28 18:39</view>
<view class="lf-font-24 lf-color-777 lf-m-t-15">{{discover_details.updated_at}}</view>
</view>
</view>
<view class="lf-font-28 lf-color-333 lf-m-t-20">
在售商品在售商品在售商品在售商品在售商品在售商品在售商品在售
{{discover_details.content}}
</view>
<view class="lf-flex-wrap lf-m-t-20">
<image v-for="item in 9" class="qzone-img" src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill"></image>
<image v-for="(item,index) in discover_details.attachs" class="qzone-img" :src="item.url" mode="aspectFill"></image>
</view>
<view class="lf-m-t-30 lf-row-between lf-p-l-50 lf-p-r-50">
<view class="lf-row-center">
<text class="lf-iconfont icon-shoucang"></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">379</text>
<view class="lf-row-center" @click="addLike(discover_details.id)">
<text class="lf-iconfont icon-xihuanlike lf-color-price" v-if="discover_details.is_like"></text>
<text class="lf-iconfont icon-xihuan" v-else></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">{{discover_details.likes_count}}</text>
</view>
<view class="lf-row-center">
<text class="lf-iconfont icon-fabu"></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">3579</text>
<text class="lf-iconfont icon-chakan"></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">{{discover_details.view_count}}</text>
</view>
<view class="lf-row-center">
<text class="lf-iconfont icon-fenxiang"></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">63</text>
<text class="lf-iconfont icon-pinglun-"></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">{{discover_details.comments_count}}</text>
</view>
</view>
</view>
<self-line/>
<!-- 评论 -->
<view class="comment">
<view class="lf-color-555 lf-font-24">共 2条评论</view>
<view class="comment" v-if="discover_details.comments.length != 0">
<view class="lf-color-555 lf-font-24">共 {{discover_details.comments_count}}条评论</view>
<!-- 评论开始 -->
<view>
<view class="lf-m-t-20">
<view v-for="(commentitem,commentindex) of commentList">
<view class="lf-m-t-20" @click="applyComment(commentitem.user.id)" v-if="!commentitem.to_user">
<view class="lf-flex">
<view>
<image class="comment-img" src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill"></image>
<image class="comment-img" :src="commentitem.user.avatar" mode="aspectFill"></image>
</view>
<view class="lf-flex-column lf-m-l-20">
<view class="lf-color-999 lf-font-24">金城优选哈哈</view>
<view class="lf-color-999 lf-font-24">{{commentitem.user.nick_name}}</view>
<view>
<view class="lf-color-black lf-line-2" style="max-width:550rpx;">评论评论评论评论评论评论评论评论评论评论评论评论评论评论评论评论评论<text class="lf-color-999 lf-font-24 lf-m-l-10">08-30</text></view>
<view class="lf-color-black lf-line-2" style="max-width:550rpx;">{{commentitem.content}}<text class="lf-color-999 lf-font-24 lf-m-l-10">{{commentitem.created_at}}</text></view>
</view>
</view>
<view class="lf-m-l-32" style="position: absolute;right:33rpx;">
@ -61,36 +62,19 @@
</view>
</view>
</view>
<view class="comment-replay">
<view class="lf-flex">
<view>
<image class="comment-img" src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill"></image>
</view>
<view class="lf-flex-column lf-m-l-20">
<view class="lf-color-999 lf-font-24">优选嘿嘿</view>
<view>
<view class="lf-color-black lf-line-2 lf-row-center" style="max-width: 446rpx;">评论评论评论评论评论评论评论评论评论评论评论评论评论评论评论评论评论<text class="lf-color-999 lf-font-24 lf-m-l-10">08-30</text></view>
</view>
</view>
<view class="lf-m-l-32" style="position: absolute;right:33rpx;">
<view>
<text class="lf-iconfont icon-shoucang"></text>
</view>
<view class="lf-color-555 lf-font-24">10</view>
</view>
</view>
<view class="comment-replay" v-else>
<view class="lf-flex">
<view class="lf-flex lf-m-t-30">
<view>
<image class="comment-img" src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill"></image>
<image class="comment-img" :src="commentitem.user.avatar" mode="aspectFill"></image>
</view>
<view class="lf-flex-column lf-m-l-20">
<view class="lf-color-999 lf-font-24">金城优选哈哈</view>
<view class="lf-color-999 lf-font-24">{{commentitem.user.nick_name}}</view>
<view class="lf-row-center" style="max-width: 446rpx;">
<text class="lf-color-333 lf-m-r-10">回复</text>
<text class="lf-font-24 lf-color-999">优选嘿嘿:</text>
<text class="lf-font-26 lf-color-black lf-m-l-10">哈哈哈哈哈</text>
<text class="lf-color-999 lf-font-24 lf-m-l-10">08-30</text>
<text class="lf-font-24 lf-color-999">{{commentitem.to_user.nick_name}}:</text>
<text class="lf-font-26 lf-color-black lf-m-l-10">{{commentitem.content}}</text>
<text class="lf-color-999 lf-font-24 lf-m-l-10">{{commentitem.created_at}}</text>
</view>
</view>
</view>
@ -103,46 +87,28 @@
</view>
</view>
</view>
<!-- 评论结束 -->
<view>
<view class="lf-m-t-20">
<view class="lf-flex">
<view>
<image class="comment-img" src="https://hainan.lanzulive.com/storage/images/v2-deb89623e0ee2a2dad34bcded6dfd1ed_1440w.png" mode="aspectFill"></image>
</view>
<view class="lf-flex-column lf-m-l-20">
<view class="lf-color-999 lf-font-24">金城优选哈哈</view>
<view>
<view class="lf-color-black lf-line-2" style="max-width:550rpx;">评论评论评论评论评论评论评论评论评论评论评论评论评论评论评论评论评论<text class="lf-color-999 lf-font-24 lf-m-l-10">08-30</text></view>
</view>
</view>
<view class="lf-m-l-32" style="position: absolute;right:33rpx;">
<view>
<text class="lf-iconfont icon-shoucang"></text>
</view>
<view class="lf-color-555 lf-font-24">10</view>
</view>
</view>
</view>
</view>
<view class="lf-font-24 lf-color-777 lf-row-center lf-m-t-40" style="align-items: center;" v-else>
暂无评论,友好的评论两句吧~
</view>
<!-- 底部tab -->
<view class="comment-tab">
<view>
<input class="rom-search" type="text" :cursor-spacing="8" placeholder="说点什么" />
<input class="rom-search" type="text" @confirm="sendComment(discover_details.id)" :cursor-spacing="8" v-model="comment" placeholder="说点什么" />
</view>
<view class="lf-row-center">
<view class="lf-row-center lf-m-r-35">
<text class="lf-iconfont icon-shoucang"></text>
<text class="lf-m-l-10 lf-font-24 lf-color-black">379</text>
<view class="lf-row-center lf-m-r-35" @click="addLike(discover_details.id)">
<text class="lf-iconfont icon-xihuanlike lf-color-price" v-if="discover_details.is_like"></text>
<text class="lf-iconfont icon-xihuan" v-else></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">{{discover_details.likes_count}}</text>
</view>
<view class="lf-row-center lf-m-r-35">
<text class="lf-iconfont icon-fenxiang"></text>
<text class="lf-m-l-10 lf-font-24 lf-color-black">3579</text>
<text class="lf-iconfont icon-chakan"></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">{{discover_details.view_count}}</text>
</view>
<view class="lf-row-center lf-m-r-35">
<text class="lf-iconfont icon-fabu"></text>
<text class="lf-m-l-10 lf-font-24 lf-color-black">379</text>
<text class="lf-iconfont icon-pinglun-"></text>
<text class="lf-font-24 lf-color-777 lf-m-l-10">{{discover_details.comments_count}}</text>
</view>
</view>
</view>
@ -150,6 +116,220 @@
</template>
<script>
export default {
data() {
return {
discover_id: 0,
discover_details: '',
is_like: false,
comment: '',
commentList: []
}
},
onLoad(e) {
this.discover_id = e.discover_id;
this.getDiscoverDetails();
this.getCommentList();
},
methods: {
//获取评论列表
getCommentList() {
this.$http
.post({
api: 'api/discover/comment/list',
data: {
discover_id: this.discover_id,
user_id: 1
},
header: {
Authorization: `Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6IjczYTViNTA1NDNlYmNmMjFkNmZiMGJlNzc0NmJmMDE4MDc3MTRkY2Y1MjBiMjM3MGQyZDAyYzQxMTlmMDU4ZTkwMTUxNDQwOTk4MjJhODFhIn0.eyJhdWQiOiIzIiwianRpIjoiNzNhNWI1MDU0M2ViY2YyMWQ2ZmIwYmU3NzQ2YmYwMTgwNzcxNGRjZjUyMGIyMzcwZDJkMDJjNDExOWYwNThlOTAxNTE0NDA5OTgyMmE4MWEiLCJpYXQiOjE2MzExNjk1MDIsIm5iZiI6MTYzMTE2OTUwMiwiZXhwIjoxNjYyNzA1NTAyLCJzdWIiOiIxIiwic2NvcGVzIjpbXX0.p0YoIC_bhOxIOugYxDQTOFIK9t2ORiHQq9H6JWzdByBJKWkFDBisKaXZJvzn1HdU5cjNQnHaBfWpG1Ed15cQlB2LdpXxxc38iaaGW2J6WhlLhVkehloii-TtlZTOeqNrpAHbSe5DRrmm_L07Llm9wr1T1A6pP3MhzdHiZ9d6748j3_cJjK4CJUl3WfYRTaozLFlI00OCW4zzGfgivSighjSFyhqMoHnQ2iSoeWdcJnYpXzXQdc5AXvXOt6eIIa7o2F6Ma1tUseTYVijEVfngdfd21JI1eH6tHrSqUItkQHAart9o74dJn9micI3WrN5yEBXgzemqWkQGV4QzFHLyd3wk-XvP1s2GhCeWlJZOQADzgzhLoxzFUbgM5xULWHp3yfpePGISlM4ZpBwTHcqQt1i_UkNX_zCxa3RYQbZFDfWW0-UPbvHw40t5BY6X7nTPMhPjPGnnPq18jyYBrWBbC9vBWs2o2IHAe5VlkHtmy_v5fymFJLfFzS784Nxp2qPJFWxI7IfrpNckHxohhs5LoieQivw2MyU2shFOUjgwe0xQgyg6UBg5PwNknGTTmzYdavCM4BiQ7moqOuoI15ccIEmc_uMiuLVEfDPlzejP9PQv6mj6IlkJ8HSu4KZU-LxKmtLnGeEwMjVAZBIhsOwzMkaMF1nZ70pgv2YYwBQyVVs`
},
})
.then(res => {
if (res.data.code == 200) {
if (res.data.status) {
this.commentList = res.data.data.data.reverse();
console.log('当前评论列表',this.commentList)
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
wx.hideLoading();
})
.catch(() => {
wx.hideLoading();
wx.showModal({
content: '请求失败',
showCancel: false
});
});
},
applyComment(touserid) {
this.$http
.post({
api: 'api/discover/comment',
data: {
discover_id: this.discover_id,
content: this.comment,
to_user_id: touserid
},
header: {
Authorization: `Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6IjczYTViNTA1NDNlYmNmMjFkNmZiMGJlNzc0NmJmMDE4MDc3MTRkY2Y1MjBiMjM3MGQyZDAyYzQxMTlmMDU4ZTkwMTUxNDQwOTk4MjJhODFhIn0.eyJhdWQiOiIzIiwianRpIjoiNzNhNWI1MDU0M2ViY2YyMWQ2ZmIwYmU3NzQ2YmYwMTgwNzcxNGRjZjUyMGIyMzcwZDJkMDJjNDExOWYwNThlOTAxNTE0NDA5OTgyMmE4MWEiLCJpYXQiOjE2MzExNjk1MDIsIm5iZiI6MTYzMTE2OTUwMiwiZXhwIjoxNjYyNzA1NTAyLCJzdWIiOiIxIiwic2NvcGVzIjpbXX0.p0YoIC_bhOxIOugYxDQTOFIK9t2ORiHQq9H6JWzdByBJKWkFDBisKaXZJvzn1HdU5cjNQnHaBfWpG1Ed15cQlB2LdpXxxc38iaaGW2J6WhlLhVkehloii-TtlZTOeqNrpAHbSe5DRrmm_L07Llm9wr1T1A6pP3MhzdHiZ9d6748j3_cJjK4CJUl3WfYRTaozLFlI00OCW4zzGfgivSighjSFyhqMoHnQ2iSoeWdcJnYpXzXQdc5AXvXOt6eIIa7o2F6Ma1tUseTYVijEVfngdfd21JI1eH6tHrSqUItkQHAart9o74dJn9micI3WrN5yEBXgzemqWkQGV4QzFHLyd3wk-XvP1s2GhCeWlJZOQADzgzhLoxzFUbgM5xULWHp3yfpePGISlM4ZpBwTHcqQt1i_UkNX_zCxa3RYQbZFDfWW0-UPbvHw40t5BY6X7nTPMhPjPGnnPq18jyYBrWBbC9vBWs2o2IHAe5VlkHtmy_v5fymFJLfFzS784Nxp2qPJFWxI7IfrpNckHxohhs5LoieQivw2MyU2shFOUjgwe0xQgyg6UBg5PwNknGTTmzYdavCM4BiQ7moqOuoI15ccIEmc_uMiuLVEfDPlzejP9PQv6mj6IlkJ8HSu4KZU-LxKmtLnGeEwMjVAZBIhsOwzMkaMF1nZ70pgv2YYwBQyVVs`
},
})
.then(res => {
if (res.data.code == 200) {
if (res.data.status) {
this.$msg('回复成功').then(() => {
console.log('更新回复列表')
})
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
wx.hideLoading();
})
.catch(() => {
wx.hideLoading();
wx.showModal({
content: '请求失败',
showCancel: false
});
});
},
sendComment(id) {
this.$http
.post({
api: 'api/discover/comment',
data: {
discover_id: id,
content: this.comment,
to_user_id: 0
},
header: {
Authorization: `Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6ImFhNDcwZDYxZGRjODNhMjYxM2M3NzQ4MzFiNzYyYmUzMzgwZTA0ZGMyN2EzMjQyNmI4YWM5YjBlMDBlMGFlZGVkZTQ2OGZlMWU2M2Q3ODJkIn0.eyJhdWQiOiIzIiwianRpIjoiYWE0NzBkNjFkZGM4M2EyNjEzYzc3NDgzMWI3NjJiZTMzODBlMDRkYzI3YTMyNDI2YjhhYzliMGUwMGUwYWVkZWRlNDY4ZmUxZTYzZDc4MmQiLCJpYXQiOjE2MzE2MTMxNjksIm5iZiI6MTYzMTYxMzE2OSwiZXhwIjoxNjYzMTQ5MTY5LCJzdWIiOiI2Iiwic2NvcGVzIjpbXX0.B9vW9urpv4KlYYMLRV0tN6iZNvlhgCeaO31pZC0ZQTIZx4aahhDb7wAw9yZH0_fHHcn6GXu95O6MPI2jzgCOXcNygHV-gztxBGUiRhg-Qb9NraAZEzXpqEgQKHvbqr6NSmnu1Kx_oT6tmWFmYtXQn5Pi6lxtUCfiDGYZItQDdiORAly6BvkgQjaLsNCLMvO1dhRN3nvM3giR5nI0zmJVNbwwfIfH9Vp8uicr7la5aL_EoZnkVJRrd0WOZCOs2U5zzQJLwnwknkWXBS6sWy0wJCVd0lXJwDitsE8i0r8OchnAWW_Jq12O5frYwrhfe9DEl0CvTz6em72_YbFlC0PB63z19QGnccWBj1pl2bU9Ti_K7-9f-Kn8ZKnt03AmYmN77YaNqOwMutlifI7_ZKRRcQ45ivxtgeLaLtFPJ6pJ3bhYu8IjIUER9zzrWLa785eWbuMsE3rPfnU7XAxXriYa7TGvo2mtz3_b9hJL3fBp3Ll3TTOPcoRraN922Xd7dxfiE9wdPI9SIvwzu_fqm5xh-xaaqJUhSvRSzWODsdJQW5NSl08jHFIr-anEXbjThMtk1HX_r6X742fzncuLMNSnYvkoDIe0X4fzfjp25sV27b0cUodzsCbKyyC8aZDbRuQ6n1TxiGxUBnivXkBSKxXLiWjDRThRZ-AhRRC6IRzmTOo`
},
})
.then(res => {
if (res.data.code == 200) {
if (res.data.status) {
this.$msg('评论成功').then(() => {
console.log('更新评论列表')
})
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
wx.hideLoading();
})
.catch(() => {
wx.hideLoading();
wx.showModal({
content: '请求失败',
showCancel: false
});
});
},
addLike(id) {
this.$http
.post({
api: 'api/discover/like',
data: {
discover_id: id
},
header: {
Authorization: `Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6IjczYTViNTA1NDNlYmNmMjFkNmZiMGJlNzc0NmJmMDE4MDc3MTRkY2Y1MjBiMjM3MGQyZDAyYzQxMTlmMDU4ZTkwMTUxNDQwOTk4MjJhODFhIn0.eyJhdWQiOiIzIiwianRpIjoiNzNhNWI1MDU0M2ViY2YyMWQ2ZmIwYmU3NzQ2YmYwMTgwNzcxNGRjZjUyMGIyMzcwZDJkMDJjNDExOWYwNThlOTAxNTE0NDA5OTgyMmE4MWEiLCJpYXQiOjE2MzExNjk1MDIsIm5iZiI6MTYzMTE2OTUwMiwiZXhwIjoxNjYyNzA1NTAyLCJzdWIiOiIxIiwic2NvcGVzIjpbXX0.p0YoIC_bhOxIOugYxDQTOFIK9t2ORiHQq9H6JWzdByBJKWkFDBisKaXZJvzn1HdU5cjNQnHaBfWpG1Ed15cQlB2LdpXxxc38iaaGW2J6WhlLhVkehloii-TtlZTOeqNrpAHbSe5DRrmm_L07Llm9wr1T1A6pP3MhzdHiZ9d6748j3_cJjK4CJUl3WfYRTaozLFlI00OCW4zzGfgivSighjSFyhqMoHnQ2iSoeWdcJnYpXzXQdc5AXvXOt6eIIa7o2F6Ma1tUseTYVijEVfngdfd21JI1eH6tHrSqUItkQHAart9o74dJn9micI3WrN5yEBXgzemqWkQGV4QzFHLyd3wk-XvP1s2GhCeWlJZOQADzgzhLoxzFUbgM5xULWHp3yfpePGISlM4ZpBwTHcqQt1i_UkNX_zCxa3RYQbZFDfWW0-UPbvHw40t5BY6X7nTPMhPjPGnnPq18jyYBrWBbC9vBWs2o2IHAe5VlkHtmy_v5fymFJLfFzS784Nxp2qPJFWxI7IfrpNckHxohhs5LoieQivw2MyU2shFOUjgwe0xQgyg6UBg5PwNknGTTmzYdavCM4BiQ7moqOuoI15ccIEmc_uMiuLVEfDPlzejP9PQv6mj6IlkJ8HSu4KZU-LxKmtLnGeEwMjVAZBIhsOwzMkaMF1nZ70pgv2YYwBQyVVs`
},
})
.then(res => {
if (res.data.code == 200) {
if (res.data.status) {
this.getHotActivity();
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
wx.hideLoading();
})
.catch(() => {
wx.hideLoading();
wx.showModal({
content: '请求失败',
showCancel: false
});
});
},
getDiscoverDetails() {
this.$http
.post({
api: 'api/discover/detail',
data: {
id: this.discover_id,
user_id: 1
},
})
.then(res => {
if (res.data.code == 200) {
if (res.data.status) {
this.discover_details = res.data.data;
this.is_like = Boolean(res.data.data.is_like) || false;
console.log(this.is_like);
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
} else {
wx.showModal({
content: res.data.message || '请下拉页面刷新重试',
showCancel: false
});
}
wx.hideLoading();
})
.catch(() => {
wx.hideLoading();
wx.showModal({
content: '请求失败',
showCancel: false
});
});
}
}
}
</script>
<style scoped lang="scss">

77
pages/discover/publish.vue
View File

@ -17,7 +17,7 @@
</view>
</view>
<!-- 发表按钮 -->
<button class="my-btn" hover-class="lf-opacity">发表</button>
<button class="my-btn" hover-class="lf-opacity" @click="send()">发表</button>
</view>
</view>
</template>
@ -29,7 +29,8 @@
image_list: [],
image_count: 6,
content: '',
backInquiry: false
backInquiry: false,
uploadImg: []
}
},
watch: {
@ -45,6 +46,73 @@
},
methods: {
send() {
if(!this.content) {
this.$msg('请输入文字内容!');
return
}
if(this.uploadImg.length == 0) {
this.$msg('请上传图片!');
return
}
this.$http
.post({
api: 'api/discover/create',
data: {
images: this.uploadImg,
content: this.content
},
header: {
Authorization: this.$cookieStorage.get('user_token')
},
})
.then(res => {
if (res.data.code == 200) {
if (res.data.status) {
this.$msg('发布成功').then(() => {
this.$toBack();
})
} else {
wx.showModal({
content: res.data.message || '发布失败，请稍后尝试！',
showCancel: false
});
}
} else {
wx.showModal({
content: res.data.message || '发布失败，请稍后尝试！',
showCancel: false
});
}
wx.hideLoading();
})
.catch(() => {
wx.hideLoading();
wx.showModal({
content: '请求失败',
showCancel: false
});
});
},
uploadDiscover(img) {
uni.uploadFile({
header: {
Authorization: this.$cookieStorage.get('user_token')
},
url: 'http://192.168.3.29/api/discover/upload_image',
filePath: img,
fileType: 'image',
name: 'image',
success: res => {
var result = JSON.parse(res.data).data.url;
this.uploadImg.push(result)
console.log('上传后的图片路径',this.uploadImg)
},
fail: err => {
console.log(err)
}
})
},
// 上传凭证图片
uploadImage(){
let current_count = this.image_count - this.image_list.length;
@ -74,6 +142,9 @@
})
}
this.image_list.push(...image_list);
this.uploadDiscover(tempFiles[0].path)
console.log('当前选择的图片列表',this.image_list);
}
})
},
@ -90,6 +161,8 @@
// 移除图片
removeInage(current){
this.image_list.splice(current, 1);
this.uploadImg.splice(current, 1);
console.log('删除的图片列表',this.uploadImg);
}
}
}

12
pages/user/member/service.vue
View File

@ -14,8 +14,9 @@
</view>
<view style="height: 120rpx;"></view>
<view class="fixed">
<view class="btn1 lf-m-r-25" hover-class="lf-opacity" @click="$url('/pages/user/my/chatonline')">在线客服</view>
<view class="btn2" hover-class="lf-opacity">拨打客服电话</view>
<button class="btn1 lf-m-r-25" open-type="contact">在线客服</button>
<!-- <view class="btn1 lf-m-r-25" hover-class="lf-opacity" @click="$url('/pages/user/my/chatonline')">在线客服</view> -->
<view class="btn2" hover-class="lf-opacity" @click="makePhonecall()">拨打客服电话</view>
</view>
</view>
</view>
@ -32,6 +33,11 @@
this.getService()
},
methods: {
makePhonecall() {
wx.makePhoneCall({
phoneNumber: '1340000' //仅为示例，并非真实的电话号码
})
},
getService() {
this.$http
.get({
@ -130,7 +136,7 @@
justify-content: space-between;
align-items: center;
.btn1{
width: 243rpx;
width: 300rpx;
height: 100rpx;
border-radius: 50rpx;
border: 2rpx solid #15716E;

15
pages/user/my/myEventRegistrationList.vue
View File

@ -9,10 +9,12 @@
<scroll-view :style="{height: autoHeight}" :scroll-y="true" :refresher-enabled="true" :refresher-triggered="isRefresher"
@scrolltolower="onScrolltolower" @refresherrefresh="onRefresherrefresh">
<view class="scroll-content">
<view class="card" v-for="(item, index) in tab.list" :key="index" @click="$url('/pages/user/my/myregister?activity_id='+item.activity_id)">
<view class="card" v-for="(item, index) in tab.list" :key="index" @click="goDetails(item)">
<view class="cover">
<image class="img" :src="item.activity.image"></image>
<view class="label" :class="'theme-'+ (index+1)">{{item.state}}</view>
<view class="label" :class="'theme-'+ (index+1)" v-if="item.activity.is_expired==false && item.state =='待使用'">待使用</view>
<view class="label" :class="'theme-'+ (index+1)" v-if="item.activity.is_expired==true">已过期</view>
<view class="label" :class="'theme-'+ (index+1)" v-if="item.activity.is_expired==false">{{item.state}}</view>
</view>
<view class="info">
<view class="title">{{item.name}}</view>
@ -82,6 +84,13 @@
this.getMyActivity()
},
methods: {
goDetails(item) {
if(item.activity.is_expired) {
this.$msg('该活动已过期!');
}else {
this.$url('/pages/user/my/myregister?activity_id='+item.id);
}
},
// 页面触底，加载下一页
onScrolltolower(){
let tab_item = this.tab_list[this.tab_current];
@ -125,7 +134,7 @@
page_size: this.pageSize
},
header: {
Authorization: `Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6IjczYTViNTA1NDNlYmNmMjFkNmZiMGJlNzc0NmJmMDE4MDc3MTRkY2Y1MjBiMjM3MGQyZDAyYzQxMTlmMDU4ZTkwMTUxNDQwOTk4MjJhODFhIn0.eyJhdWQiOiIzIiwianRpIjoiNzNhNWI1MDU0M2ViY2YyMWQ2ZmIwYmU3NzQ2YmYwMTgwNzcxNGRjZjUyMGIyMzcwZDJkMDJjNDExOWYwNThlOTAxNTE0NDA5OTgyMmE4MWEiLCJpYXQiOjE2MzExNjk1MDIsIm5iZiI6MTYzMTE2OTUwMiwiZXhwIjoxNjYyNzA1NTAyLCJzdWIiOiIxIiwic2NvcGVzIjpbXX0.p0YoIC_bhOxIOugYxDQTOFIK9t2ORiHQq9H6JWzdByBJKWkFDBisKaXZJvzn1HdU5cjNQnHaBfWpG1Ed15cQlB2LdpXxxc38iaaGW2J6WhlLhVkehloii-TtlZTOeqNrpAHbSe5DRrmm_L07Llm9wr1T1A6pP3MhzdHiZ9d6748j3_cJjK4CJUl3WfYRTaozLFlI00OCW4zzGfgivSighjSFyhqMoHnQ2iSoeWdcJnYpXzXQdc5AXvXOt6eIIa7o2F6Ma1tUseTYVijEVfngdfd21JI1eH6tHrSqUItkQHAart9o74dJn9micI3WrN5yEBXgzemqWkQGV4QzFHLyd3wk-XvP1s2GhCeWlJZOQADzgzhLoxzFUbgM5xULWHp3yfpePGISlM4ZpBwTHcqQt1i_UkNX_zCxa3RYQbZFDfWW0-UPbvHw40t5BY6X7nTPMhPjPGnnPq18jyYBrWBbC9vBWs2o2IHAe5VlkHtmy_v5fymFJLfFzS784Nxp2qPJFWxI7IfrpNckHxohhs5LoieQivw2MyU2shFOUjgwe0xQgyg6UBg5PwNknGTTmzYdavCM4BiQ7moqOuoI15ccIEmc_uMiuLVEfDPlzejP9PQv6mj6IlkJ8HSu4KZU-LxKmtLnGeEwMjVAZBIhsOwzMkaMF1nZ70pgv2YYwBQyVVs`
Authorization: this.$cookieStorage.get('user_token')
},
})
.then(res => {

64
pages/user/my/myregister.vue
View File

@ -3,35 +3,35 @@
<lf-nav :spreadOut="false" :showIcon="true" bgColor="transparent" titleColor="white" title="我的报名"></lf-nav>
<view class="bg-left"></view>
<view class="bg-right"></view>
<view class="margin-auto">
<view class="register-card">
<view class="lf-flex lf-p-l-40 register-content">
<image class="register-head" :src="activity_details.image" mode="aspectFill"></image>
<view class="lf-color-black lf-m-l-21 lf-font-32">
{{activity_details.name}}
<image class="register-head" :src="activity_details.user.avatar" mode="aspectFill"></image>
<view class="lf-color-black lf-m-l-21 lf-font-32" v-if="activity_details.user.nick_name">
{{activity_details.user.nick_name}}
</view>
</view>
<view class="lf-p-l-40" style="position: relative;top: 160rpx;">
<view class="lf-font-36 lf-color-black lf-font-bold ">{{activity_details.content}}</view>
<view class="lf-p-l-40">
<view class="lf-font-36 lf-color-black lf-font-bold ">{{activity_details.activity.name}}</view>
<view class="lf-m-t-30">
<view class="lf-m-t-20">
<text class="lf-color-777 lf-font-28">活动时间：</text><text class="lf-font-28 lf-color-black lf-m-l-10">{{activity_details.apply_start}}-{{activity_details.apply_end}}</text>
<text class="lf-color-777 lf-font-28">活动时间：</text><text class="lf-font-28 lf-color-black lf-m-l-10">{{activity_details.activity.apply_start}}-{{activity_details.activity.apply_end}}</text>
</view>
<view class="lf-m-t-20">
<text class="lf-color-777 lf-font-28">活动地点：</text><text class="lf-font-28 lf-color-black lf-m-l-10">海蓝之谜专卖店</text>
<view class="lf-m-t-20 lf-flex">
<text class="lf-color-777 lf-font-28">活动内容：</text>
<rich-text class="lf-color-black lf-m-l-10" :nodes="activity_details.activity.content" v-if="activity_details.activity.content"></rich-text>
</view>
<view class="lf-m-t-20">
<text class="lf-color-777 lf-font-28">报名时间：</text><text class="lf-font-28 lf-color-black lf-m-l-10">2021.09.02 18:37:57</text>
<text class="lf-color-777 lf-font-28">报名时间：</text><text class="lf-font-28 lf-color-black lf-m-l-10">{{activity_details.created_at}}</text>
</view>
<view class="lf-m-t-20">
<text class="lf-color-777 lf-font-28">报名费用：</text>
<text class="lf-font-28 lf-color-black lf-m-l-10" v-if="activity_details.price == 0">免费</text>
<text class="lf-font-28 lf-color-black lf-m-l-10" v-else>{{activity_details.price}}</text>
<text class="lf-font-28 lf-color-black lf-m-l-10" v-if="activity_details.activity.price == 0">免费</text>
<text class="lf-font-28 lf-color-black lf-m-l-10" v-else>{{activity_details.activity.price}}</text>
</view>
<view style="margin-top: 60rpx;display: flex;justify-content: center;">
<view class="lf-flex-column">
<lf-qrcode :options="config.qrc"></lf-qrcode>
<view class="lf-font-28 lf-row-center" style="color: #15716E;">待使用</view>
<view class="lf-font-28 lf-row-center" style="color: #15716E;">{{activity_details.state}}</view>
</view>
</view>
<view style="margin-top: 60rpx;">
@ -39,11 +39,10 @@
报名信息
</view>
<view class="lf-m-t-30">
<text class="lf-font-28 lf-color-777">报名人:</text><text class="lf-font-28 lf-color-777 lf-m-l-10">王晓人</text>
<text class="lf-font-28 lf-color-777">报名人:</text><text class="lf-font-28 lf-color-777 lf-m-l-10">{{activity_details.name}}</text>
</view>
<view class="lf-m-t-30">
<text class="lf-font-28 lf-color-777">手机号码:</text><text class="lf-font-28 lf-color-777 lf-m-l-10">13200000000</text>
</view>
<text class="lf-font-28 lf-color-777">手机号码:</text><text class="lf-font-28 lf-color-777 lf-m-l-10">{{activity_details.phone}}</text>
</view>
</view>
</view>
@ -92,10 +91,13 @@
getMyActivetiDetails() {
this.$http
.get({
api: 'api/activity/detail',
api: 'api/activity/my_detail',
data: {
activity_id: this.activity_id
}
id: this.activity_id
},
header: {
Authorization: this.$cookieStorage.get('user_token')
},
})
.then(res => {
if (res.data.code == 200) {
@ -128,10 +130,15 @@
}
</script>
<style>
page {
height: 100%;
}
</style>
<style lang="scss" scoped>
.register-content {
position: absolute;
top: -30rpx;
margin-top: -42rpx;
margin-bottom: 50rpx;
}
.register-head {
width: 160rpx;
@ -140,28 +147,27 @@
border: 5rpx solid #FFFFFF;
border-radius: 50%;
}
.margin-auto {
margin: 0 auto;
position: relative;
top: 0;
}
.register-card {
width: 686rpx;
height: 1266rpx;
height: max-content;
margin-top: 240rpx;
background: #FFFFFF;
border-radius: 20rpx;
padding-bottom: 40rpx;
}
.head {
width: 750rpx;
height: 1624rpx;
height: max-content;
background: linear-gradient(270deg, #187B7A 0%, #2FAAA7 100%, #22A2A0 100%);
position: relative;
overflow: hidden;
display: flex;
align-items: flex-end;
box-sizing: border-box;
padding: 60rpx 32rpx 110rpx;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
}
.bg-left{
position: absolute;

Write Preview
Loading…
Cancel
Save