peihaoyu/linfeng-community
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

samll

Browse Source
This commit is contained in:
HJ 2023-03-04 23:32:00 +08:00
parent ccf3162d50
commit 73e3a7dc2f
2 changed files with 542 additions and 542 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

584
src/main/resources/static/linfeng-community-uniapp-ky/pages/user/home.vue
View File

@ -1,293 +1,293 @@
<template> <template>
<view> <view>
<view style="position: absolute;"> <view style="position: absolute;">
<u-navbar :custom-back="onBack" back-icon-color="#0c0000" :background="background" :border-bottom="false"> <u-navbar :custom-back="onBack" back-icon-color="#0c0000" :background="background" :border-bottom="false">
</u-navbar> </u-navbar>
</view> </view>
<view class="container"> <view class="container">
<view class="info-wrap"> <view class="info-wrap">
<u-avatar class="avatar" :src="userInfo.avatar" :show-level='userInfo.type == 1' <u-avatar class="avatar" :src="userInfo.avatar" :show-level='userInfo.type == 1'
level-bg-color="#8072f3" size="130"></u-avatar> level-bg-color="#8072f3" size="130"></u-avatar>
<view class="user-style"> <view class="user-style">
<view class="username">{{userInfo.username}} <view class="username">{{userInfo.username}}
<text class="iconfont icon-nan kong" v-if="userInfo.gender=='男'"></text> <text class="iconfont icon-nan kong" v-if="userInfo.gender=='男'"></text>
<text class="iconfont icon-nv kong" v-else-if="userInfo.gender=='女'"></text> <text class="iconfont icon-nv kong" v-else-if="userInfo.gender=='女'"></text>
</view> </view>
<text class="desc">{{userInfo.intro}}</text> <text class="desc">{{userInfo.intro}}</text>
<text class="desc" v-if="userInfo.city">IP:{{userInfo.city}}</text> <text class="desc" v-if="userInfo.city">IP:{{userInfo.city}}</text>
<view class="btn-box" v-if="currUid!=uid"> <view class="btn-box" v-if="currUid!=uid">
<u-button v-show="!userInfo.isFollow" @click="follow" :custom-style="btnStyle" class="btn" <u-button v-show="!userInfo.isFollow" @click="follow" :custom-style="btnStyle" class="btn"
shape="circle" size="mini"> shape="circle" size="mini">
<u-icon name="plus"></u-icon> <u-icon name="plus"></u-icon>
<text>关注</text> <text>关注</text>
</u-button> </u-button>
<u-button v-show="userInfo.isFollow" @click="cancelFollow" :custom-style="btnStyle2" class="btn" <u-button v-show="userInfo.isFollow" @click="cancelFollow" :custom-style="btnStyle2" class="btn"
shape="circle" size="mini"> shape="circle" size="mini">
<text>已关注</text> <text>已关注</text>
</u-button> </u-button>
<u-button :custom-style="btnStyle2" @click="chat" shape="circle" size="mini"> <u-button :custom-style="btnStyle2" @click="chat" shape="circle" size="mini">
<text style="margin: 0 15rpx;">私信</text> <text style="margin: 0 15rpx;">私信</text>
</u-button> </u-button>
</view> </view>
</view> </view>
</view> </view>
<!-- 帖子 --> <!-- 帖子 -->
<view> <view>
<view class="title-desc">发布的动态</view> <view class="title-desc">发布的动态</view>
<post-list :list="postList" :loadStatus="loadStatus"></post-list> <post-list :list="postList" :loadStatus="loadStatus"></post-list>
</view> </view>
</view> </view>
<!-- 发贴入口 --> <!-- 发贴入口 -->
<add-post-tag></add-post-tag> <add-post-tag></add-post-tag>
</view> </view>
</template> </template>
<script> <script>
import postList from '../../components/post-list/post-list.vue'; import postList from '../../components/post-list/post-list.vue';
import addPostTag from '../../components/add-post-tag/add-post-tag.vue'; import addPostTag from '../../components/add-post-tag/add-post-tag.vue';
export default { export default {
components: { components: {
postList postList
}, },
data() { data() {
return { return {
loading: true, loading: true,
btnStyle: { btnStyle: {
color: "#fff", color: "#fff",
backgroundColor: '#000000' backgroundColor: '#000000'
}, },
btnStyle2: { btnStyle2: {
border: '1px solid #000000', border: '1px solid #000000',
color: "#000000" color: "#000000"
}, },
background: { background: {
backgroundColor: 'unset' backgroundColor: 'unset'
}, },
tabs: [{ tabs: [{
tab_name: '帖子' tab_name: '帖子'
}], }],
current: 1, current: 1,
uid: 0, uid: 0,
postList: [], postList: [],
topicList: [], topicList: [],
userInfo: {}, userInfo: {},
userJson: "", userJson: "",
loadStatus: "loading", loadStatus: "loading",
page: 1, page: 1,
currUid: 0 currUid: 0
}; };
}, },
onLoad(options) { onLoad(options) {
this.uid = options.uid; this.uid = options.uid;
this.getUserInfo(); this.getUserInfo();
this.getPostList(); this.getPostList();
if (uni.getStorageSync('userInfo').uid) { if (uni.getStorageSync('userInfo').uid) {
this.currUid = uni.getStorageSync('userInfo').uid; this.currUid = uni.getStorageSync('userInfo').uid;
} }
}, },
onReachBottom() { onReachBottom() {
this.page++; this.page++;
this.getPostList(); this.getPostList();
}, },
methods: { methods: {
onBack() { onBack() {
uni.navigateBack(); uni.navigateBack();
}, },
follow() { follow() {
this.$H.post('user/addFollow', { this.$H.post('user/addFollow', {
id: this.userInfo.uid id: this.userInfo.uid
}).then(res => { }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.userInfo.isFollow = true; this.userInfo.isFollow = true;
} else { } else {
this.$u.toast(res.msg); this.$u.toast(res.msg);
} }
}) })
}, },
cancelFollow() { cancelFollow() {
this.$H.post('user/cancelFollow', { this.$H.post('user/cancelFollow', {
id: this.userInfo.uid id: this.userInfo.uid
}).then(res => { }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.userInfo.isFollow = false; this.userInfo.isFollow = false;
} }
}) })
}, },
getPostList() { getPostList() {
this.loadStatus = "loading"; this.loadStatus = "loading";
this.$H.post('post/list', { this.$H.post('post/list', {
page: this.page, page: this.page,
uid: this.uid uid: this.uid
}).then(res => { }).then(res => {
this.postList = this.postList.concat(res.result.data); this.postList = this.postList.concat(res.result.data);
if (res.result.current_page === res.result.last_page || res.result.last_page === 0) { if (res.result.current_page === res.result.last_page || res.result.last_page === 0) {
this.loadStatus = "nomore"; this.loadStatus = "nomore";
} else { } else {
this.loadStatus = "loadmore" this.loadStatus = "loadmore"
} }
}) })
}, },
chat() { chat(){
this.$u.toast('开源版暂未开放') this.$u.toast('开源版暂未开放')
}, },
getUserInfo() { getUserInfo() {
this.$H.post('user/userInfoById', { this.$H.post('user/userInfoById', {
uid: this.uid uid: this.uid
}).then(res => { }).then(res => {
if (res.code == 0) { if (res.code == 0) {
this.userInfo = res.result; this.userInfo = res.result;
if (res.result.gender === 1) { if (res.result.gender === 1) {
this.userInfo.gender = '男' this.userInfo.gender = '男'
} else if (res.result.gender === 2) { } else if (res.result.gender === 2) {
this.userInfo.gender = '女' this.userInfo.gender = '女'
} else { } else {
this.userInfo.gender = '保密' this.userInfo.gender = '保密'
} }
let user = { let user = {
uid: res.result.uid, uid: res.result.uid,
username: res.result.username, username: res.result.username,
avatar: res.result.avatar, avatar: res.result.avatar,
} }
this.userJson = JSON.stringify(user) this.userJson = JSON.stringify(user)
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: this.userInfo.username title: this.userInfo.username
}); });
} else { } else {
setTimeout(function() { setTimeout(function() {
uni.switchTab({ uni.switchTab({
url: '/pages/index/index' url: '/pages/index/index'
}); });
}, 1500); }, 1500);
} }
this.loading = false; this.loading = false;
}) })
} }
} }
} }
</script> </script>
<style> <style>
page { page {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
padding: 30rpx; padding: 30rpx;
position: relative; position: relative;
top: 100rpx; top: 100rpx;
width: 100%; width: 100%;
} }
.info-wrap { .info-wrap {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.avatar { .avatar {
width: 130rpx; width: 130rpx;
height: 130rpx; height: 130rpx;
border-radius: 100rpx !important; border-radius: 100rpx !important;
z-index: 999; z-index: 999;
margin: 150rpx 550rpx 100rpx 50rpx; margin: 150rpx 550rpx 100rpx 50rpx;
} }
.info-wrap .user-style { .info-wrap .user-style {
background-color: #FFFFFF; background-color: #FFFFFF;
border-radius: 30rpx; border-radius: 30rpx;
padding: 30rpx; padding: 30rpx;
position: absolute; position: absolute;
top: 85rpx; top: 85rpx;
width: 100%; width: 100%;
box-shadow: 5rpx 10rpx 20rpx #e6e6e6; box-shadow: 5rpx 10rpx 20rpx #e6e6e6;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.info-wrap .user-style .username { .info-wrap .user-style .username {
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
margin: 10rpx 10rpx 10rpx 90rpx; margin: 10rpx 10rpx 10rpx 90rpx;
.kong { .kong {
margin-left: 25rpx; margin-left: 25rpx;
} }
} }
.info-wrap .user-style .num-box { .info-wrap .user-style .num-box {
font-size: 24rpx; font-size: 24rpx;
margin: 20rpx 0; margin: 20rpx 0;
text-align: center; text-align: center;
} }
.info-wrap .user-style .num-box .txt { .info-wrap .user-style .num-box .txt {
color: #999; color: #999;
margin-left: 5rpx; margin-left: 5rpx;
} }
.info-wrap .user-style .num-box text { .info-wrap .user-style .num-box text {
margin-right: 30rpx; margin-right: 30rpx;
} }
.info-wrap .user-style .desc { .info-wrap .user-style .desc {
font-size: 28rpx; font-size: 28rpx;
color: #999; color: #999;
margin: 1rpx 20rpx 20rpx 140rpx; margin: 1rpx 20rpx 20rpx 140rpx;
} }
.info-wrap .user-style .btn-box { .info-wrap .user-style .btn-box {
margin: 0rpx 30rpx 10rpx 90rpx; margin: 0rpx 30rpx 10rpx 90rpx;
} }
.info-wrap .user-style .btn-box .btn { .info-wrap .user-style .btn-box .btn {
margin-right: 20rpx; margin-right: 20rpx;
} }
.tab-box { .tab-box {
margin-top: 30rpx; margin-top: 30rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
.info-c { .info-c {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.info-c>text { .info-c>text {
margin-bottom: 20rpx; margin-bottom: 20rpx;
color: #999; color: #999;
} }
.info-c .level-box { .info-c .level-box {
margin-bottom: 20rpx; margin-bottom: 20rpx;
display: flex; display: flex;
align-items: center; align-items: center;
color: #999; color: #999;
.level { .level {
font-size: 20rpx; font-size: 20rpx;
color: #fff; color: #fff;
padding: 5rpx 10rpx; padding: 5rpx 10rpx;
background-color: #333333; background-color: #333333;
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 10rpx; margin-right: 10rpx;
} }
} }
.title-desc { .title-desc {
// margin-left: 30rpx; // margin-left: 30rpx;
margin: auto; margin: auto;
font-size: 32rpx; font-size: 32rpx;
color: #565656; color: #565656;
font-weight: 500; font-weight: 500;
} }
</style> </style>

500
src/main/resources/static/linfeng-community-uniapp-ky/pages/user/user.vue
View File

@ -1,251 +1,251 @@
<template> <template>
<view> <view>
<view class="head"> <view class="head">
<block v-if="hasLogin"> <block v-if="hasLogin">
<view class="userinfo" @click="goUser"> <view class="userinfo" @click="goUser">
<u-avatar :src="userInfo.avatar"></u-avatar> <u-avatar :src="userInfo.avatar"></u-avatar>
<view class="username"> <view class="username">
<text>{{ userInfo.username }}</text> <text>{{ userInfo.username }}</text>
<text class="sub-txt">{{ userInfo.intro }}</text> <text class="sub-txt">{{ userInfo.intro }}</text>
</view> </view>
<u-icon name="arrow-right" class="arrow-right"></u-icon> <u-icon name="arrow-right" class="arrow-right"></u-icon>
</view> </view>
</block> </block>
<block v-else> <block v-else>
<view class="btn-login"> <view class="btn-login">
<!-- #ifdef H5 --> <!-- #ifdef H5 -->
<u-button type="default" shape="circle" @click="phoneLogin" plain>登录</u-button> <u-button type="default" shape="circle" @click="phoneLogin" plain>登录</u-button>
<!-- #endif --> <!-- #endif -->
<!-- #ifdef MP-WEIXIN --> <!-- #ifdef MP-WEIXIN -->
<u-button type="default" shape="circle" @click="wxLogin" plain>登录</u-button> <u-button type="default" shape="circle" @click="wxLogin" plain>登录</u-button>
<!-- #endif --> <!-- #endif -->
</view> </view>
</block> </block>
<u-grid :col="4" :border="false" style="margin: 20rpx 0;" @click="toNav"> <u-grid :col="4" :border="false" style="margin: 20rpx 0;" @click="toNav">
<u-grid-item index="/pages/my/user?type=2"> <u-grid-item index="/pages/my/user?type=2">
<text>{{ userInfo.fans || 0}}</text> <text>{{ userInfo.fans || 0}}</text>
<view class="grid-text">粉丝</view> <view class="grid-text">粉丝</view>
</u-grid-item> </u-grid-item>
<u-grid-item index="/pages/my/user?type=1"> <u-grid-item index="/pages/my/user?type=1">
<text>{{ userInfo.follow || 0 }}</text> <text>{{ userInfo.follow || 0 }}</text>
<view class="grid-text">关注</view> <view class="grid-text">关注</view>
</u-grid-item> </u-grid-item>
<u-grid-item index="/pages/my/post?type=2"> <u-grid-item index="/pages/my/post?type=2">
<text>{{ userInfo.postNum || 0 }}</text> <text>{{ userInfo.postNum || 0 }}</text>
<view class="grid-text">帖子</view> <view class="grid-text">帖子</view>
</u-grid-item> </u-grid-item>
<u-grid-item index=""> <u-grid-item index="">
<text>{{ userInfo.integral || 0 }}</text> <text>{{ userInfo.integral || 0 }}</text>
<view class="grid-text">积分</view> <view class="grid-text">积分</view>
</u-grid-item> </u-grid-item>
</u-grid> </u-grid>
</view> </view>
<!-- 我的服务 --> <!-- 我的服务 -->
<view class="block-wrap"> <view class="block-wrap">
<view class="block-title">我的服务</view> <view class="block-title">我的服务</view>
<u-grid :col="4" :border="false" style="margin: 20rpx 0;" @click="toNav"> <u-grid :col="4" :border="false" style="margin: 20rpx 0;" @click="toNav">
<u-grid-item index="/pages/my/post?type=2"> <u-grid-item index="/pages/my/post?type=2">
<image class="gn-icon" src="/static/img/post.png"></image> <image class="gn-icon" src="/static/img/post.png"></image>
<view class="grid-text">我的帖子</view> <view class="grid-text">我的帖子</view>
</u-grid-item> </u-grid-item>
<u-grid-item index="/pages/my/post?type=1"> <u-grid-item index="/pages/my/post?type=1">
<image class="gn-icon" src="/static/img/star.png"></image> <image class="gn-icon" src="/static/img/star.png"></image>
<view class="grid-text">我的点赞</view> <view class="grid-text">我的点赞</view>
</u-grid-item> </u-grid-item>
<u-grid-item index="/pages/my/user?type=1"> <u-grid-item index="/pages/my/user?type=1">
<image class="gn-icon" src="/static/img/watch.png"></image> <image class="gn-icon" src="/static/img/watch.png"></image>
<view class="grid-text">我的关注</view> <view class="grid-text">我的关注</view>
</u-grid-item> </u-grid-item>
<u-grid-item index="/pages/my/user?type=2"> <u-grid-item index="/pages/my/user?type=2">
<image class="gn-icon" src="/static/img/fans.png"></image> <image class="gn-icon" src="/static/img/fans.png"></image>
<view class="grid-text">我的粉丝</view> <view class="grid-text">我的粉丝</view>
</u-grid-item> </u-grid-item>
<!-- #ifdef MP-WEIXIN --> <!-- #ifdef MP-WEIXIN -->
<u-grid-item> <u-grid-item>
<button open-type="contact" class="u-reset-button"> <button open-type="contact" class="u-reset-button">
<image class="gn-icon" style="margin-bottom: unset;" src="/static/img/kefu.png"></image> <image class="gn-icon" style="margin-bottom: unset;" src="/static/img/kefu.png"></image>
<view class="grid-text">客服</view> <view class="grid-text">客服</view>
</button> </button>
</u-grid-item> </u-grid-item>
<!-- #endif --> <!-- #endif -->
</u-grid> </u-grid>
</view> </view>
<!-- 发贴入口 --> <!-- 发贴入口 -->
<add-post-tag></add-post-tag> <add-post-tag></add-post-tag>
</view> </view>
</template> </template>
<script> <script>
import addPostTag from '../../components/add-post-tag/add-post-tag.vue'; import addPostTag from '../../components/add-post-tag/add-post-tag.vue';
export default { export default {
components: { components: {
addPostTag addPostTag
}, },
data() { data() {
return { return {
userInfo: '', userInfo: '',
hasLogin: false hasLogin: false
}; };
}, },
onLoad() { onLoad() {
//#ifdef MP-WEIXIN //#ifdef MP-WEIXIN
wx.showShareMenu({ wx.showShareMenu({
withShareTicket: true, withShareTicket: true,
menus: ['shareAppMessage', 'shareTimeline'] menus: ['shareAppMessage', 'shareTimeline']
}); });
//#endif //#endif
}, },
onShow() { onShow() {
if (uni.getStorageSync('hasLogin')) { if (uni.getStorageSync('hasLogin')) {
this.getUserInfo(); this.getUserInfo();
this.hasLogin = true; this.hasLogin = true;
} else { } else {
this.hasLogin = false; this.hasLogin = false;
} }
}, },
onShareAppMessage(res) { onShareAppMessage(res) {
let imgURL = 'http://pic.linfeng.tech/logo.png'; let imgURL = 'http://pic.linfeng.tech/logo.png';
return { return {
title: this.$c.miniappName, title: this.$c.miniappName,
path: '/pages/index/index', path: '/pages/index/index',
imageUrl: imgURL imageUrl: imgURL
}; };
}, },
methods: { methods: {
phoneLogin() { phoneLogin() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/login/login' url: '/pages/login/login'
}); });
}, },
wxLogin() { wxLogin() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/login/weixin' url: '/pages/login/weixin'
}); });
}, },
getUserInfo() { getUserInfo() {
this.$H.get('user/userInfo').then(res => { this.$H.get('user/userInfo').then(res => {
this.userInfo = res.result; this.userInfo = res.result;
}); });
}, },
goUser() { goUser() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/user/edit' url: '/pages/user/edit'
}); });
}, },
toNav(url) { toNav(url) {
uni.navigateTo({ uni.navigateTo({
url: url url: url
}); });
} }
} }
}; };
</script> </script>
<style> <style>
page { page {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.head { .head {
padding: 20rpx; padding: 20rpx;
background-color: #fff; background-color: #fff;
.sub-txt { .sub-txt {
font-size: 24rpx; font-size: 24rpx;
color: #616161; color: #616161;
display: block; display: block;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
overflow: hidden; overflow: hidden;
} }
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.userinfo { .userinfo {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 20rpx; padding: 20rpx;
} }
.userinfo .username { .userinfo .username {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 20rpx; margin-left: 20rpx;
} }
.grid-text { .grid-text {
color: #999; color: #999;
font-size: 12px; font-size: 12px;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.userinfo u-avatar { .userinfo u-avatar {
margin-right: 20rpx; margin-right: 20rpx;
} }
.userinfo .arrow-right { .userinfo .arrow-right {
margin-left: auto; margin-left: auto;
} }
.btn-login { .btn-login {
margin: 40rpx 0; margin: 40rpx 0;
} }
.gn-icon { .gn-icon {
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
/*服务按钮*/ /*服务按钮*/
.btn-wrap { .btn-wrap {
display: flex; display: flex;
margin-top: 30rpx; margin-top: 30rpx;
} }
.btn-wrap .btn-contact { .btn-wrap .btn-contact {
background-color: #fff; background-color: #fff;
margin-left: 15rpx; margin-left: 15rpx;
margin-right: 15rpx; margin-right: 15rpx;
padding: 20rpx; padding: 20rpx;
line-height: unset; line-height: unset;
font-size: 12px; font-size: 12px;
color: #999; color: #999;
} }
.btn-wrap .btn-contact:active { .btn-wrap .btn-contact:active {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.btn-wrap .btn-contact .txt { .btn-wrap .btn-contact .txt {
margin-top: 20rpx; margin-top: 20rpx;
} }
.btn-wrap .btn-contact::after { .btn-wrap .btn-contact::after {
border: unset; border: unset;
position: unset; position: unset;
} }
.icon-size { .icon-size {
font-size: 50rpx; font-size: 50rpx;
} }
.block-wrap { .block-wrap {
background-color: #fff; background-color: #fff;
border-radius: 20rpx; border-radius: 20rpx;
margin: 20rpx; margin: 20rpx;
overflow: hidden; overflow: hidden;
.block-title { .block-title {
background-color: #fff; background-color: #fff;
padding: 20rpx; padding: 20rpx;
} }
} }
</style> </style>