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

Merge branch 'master' of https://gitee.com/virus010101/linfeng-community

Browse Source
This commit is contained in:
linfeng 2023-03-07 12:26:56 +08:00
commit 634b497f2b
10 changed files with 2039 additions and 2033 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

298
src/main/resources/static/linfeng-community-uniapp-ky/pages/index/index.vue
View File

@ -1,150 +1,150 @@
<template> <template>
<view> <view>
<u-navbar :is-back="false" z-index="99999"> <u-navbar :is-back="false" z-index="99999">
<u-tabs :list="tabList" font-size="35" name="cateName" bg-color="#fff" :current="current" <u-tabs :list="tabList" font-size="35" name="cateName" bg-color="#fff" :current="current"
@change="tabChange"></u-tabs> @change="tabChange"></u-tabs>
</u-navbar> </u-navbar>
<!-- 最新 --> <!-- 最新 -->
<view v-if="current === 1"> <view v-if="current === 1">
<post-list :list="lastPost" :loadStatus="loadStatus2"></post-list> <post-list :list="lastPost" :loadStatus="loadStatus2"></post-list>
</view> </view>
<!-- 关注 --> <!-- 关注 -->
<view v-if="current === 0"> <view v-if="current === 0">
<post-list :list="followUserPost" :loadStatus="loadStatus1"></post-list> <post-list :list="followUserPost" :loadStatus="loadStatus1"></post-list>
</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,
addPostTag addPostTag
}, },
data() { data() {
return { return {
sessionUid: uni.getStorageSync('userInfo').uid, sessionUid: uni.getStorageSync('userInfo').uid,
loadStatus1: 'loadmore', loadStatus1: 'loadmore',
loadStatus2: 'loadmore', loadStatus2: 'loadmore',
page1: 1, page1: 1,
page2: 1, page2: 1,
shareCover: '', shareCover: '',
followUserPost: [], followUserPost: [],
lastPost: [], lastPost: [],
tabList: [{ tabList: [{
name: '关注' name: '关注'
}, },
{ {
name: '最新' name: '最新'
} }
], ],
current: 1, current: 1,
}; };
}, },
onShareAppMessage(res) { onShareAppMessage(res) {
return { return {
title: this.$c.miniappName, title: this.$c.miniappName,
path: '/pages/index/index', path: '/pages/index/index',
imageUrl: this.shareCover imageUrl: this.shareCover
}; };
}, },
onLoad() { onLoad() {
this.getLastPost(); this.getLastPost();
}, },
onReachBottom() { onReachBottom() {
if (this.current === 0) { if (this.current === 0) {
this.page1++; this.page1++;
this.getFollowUserPost(); this.getFollowUserPost();
} }
if (this.current === 1) { if (this.current === 1) {
this.page2++; this.page2++;
this.getLastPost(); this.getLastPost();
} }
}, },
onPullDownRefresh() { onPullDownRefresh() {
if (this.current === 0) { if (this.current === 0) {
this.page1 = 1; this.page1 = 1;
this.followUserPost = []; this.followUserPost = [];
this.getFollowUserPost(); this.getFollowUserPost();
} }
if (this.current === 1) { if (this.current === 1) {
this.page2 = 1; this.page2 = 1;
this.lastPost = []; this.lastPost = [];
this.getLastPost(); this.getLastPost();
} }
uni.stopPullDownRefresh(); uni.stopPullDownRefresh();
}, },
methods: { methods: {
tabChange(index) { tabChange(index) {
this.current = index; this.current = index;
this.followUserPost = []; this.followUserPost = [];
this.lastPost = []; this.lastPost = [];
if (index === 0) { if (index === 0) {
this.page1 = 1; this.page1 = 1;
this.getFollowUserPost(); this.getFollowUserPost();
} }
if (index === 1) { if (index === 1) {
this.page2 = 1; this.page2 = 1;
this.getLastPost(); this.getLastPost();
} }
}, },
getSysInfo() { getSysInfo() {
this.$H.get('system/miniConfig').then(res => { this.$H.get('system/miniConfig').then(res => {
this.shareCover = res.result.intro; this.shareCover = res.result.intro;
}); });
}, },
// 获取关注用户帖子 // 获取关注用户帖子
getFollowUserPost() { getFollowUserPost() {
this.loadStatus1 = 'loading'; this.loadStatus1 = 'loading';
this.$H this.$H
.get('post/followUserPost', { .get('post/followUserPost', {
page: this.page1 page: this.page1
}) })
.then(res => { .then(res => {
if (res.code == 0 && res.result) { if (res.code == 0 && res.result) {
this.followUserPost = this.followUserPost.concat(res.result.data); this.followUserPost = this.followUserPost.concat(res.result.data);
if (res.result.current_page >= res.result.total || res.result.last_page === 0) { if (res.result.current_page >= res.result.total || res.result.last_page === 0) {
this.loadStatus1 = 'nomore'; this.loadStatus1 = 'nomore';
} else { } else {
this.loadStatus1 = 'loadmore'; this.loadStatus1 = 'loadmore';
} }
} else { } else {
this.loadStatus1 = 'nomore'; this.loadStatus1 = 'nomore';
} }
}); });
}, },
//获取最新帖子 //获取最新帖子
getLastPost() { getLastPost() {
this.loadStatus2 = 'loading'; this.loadStatus2 = 'loading';
this.$H this.$H
.get('post/lastPost', { .get('post/lastPost', {
page: this.page2 page: this.page2
}) })
.then(res => { .then(res => {
this.lastPost = this.lastPost.concat(res.result.data); this.lastPost = this.lastPost.concat(res.result.data);
if (res.result.current_page >= res.result.total || res.result.last_page === 0) { if (res.result.current_page >= res.result.total || res.result.last_page === 0) {
this.loadStatus2 = 'nomore'; this.loadStatus2 = 'nomore';
} else { } else {
this.loadStatus2 = 'loadmore'; this.loadStatus2 = 'loadmore';
} }
}); });
}, },
} }
}; };
</script> </script>
<style> <style>
page { page {
background-color: #F5F5F5; background-color: #F5F5F5;
} }
</style> </style>

198
src/main/resources/static/linfeng-community-uniapp-ky/pages/login/login.vue
View File

@ -1,100 +1,100 @@
<template> <template>
<view class="login-register"> <view class="login-register">
<view class="title">请先登录/注册</view> <view class="title">请先登录/注册</view>
<u-form :model="form" ref="uForm"> <u-form :model="form" ref="uForm">
<u-form-item> <u-form-item>
<u-input v-model="form.mobile" placeholder="请输入手机号" /> <u-input v-model="form.mobile" placeholder="请输入手机号" />
</u-form-item> </u-form-item>
<u-form-item> <u-form-item>
<u-input v-model="form.code" placeholder="请输入验证码" /> <u-input v-model="form.code" placeholder="请输入验证码" />
<u-button slot="right" size="mini" @click="getCode">{{tips}}</u-button> <u-button slot="right" size="mini" @click="getCode">{{tips}}</u-button>
<u-verification-code :seconds="60" @end="end" @start="start" ref="uCode" @change="codeChange"> <u-verification-code :seconds="60" @end="end" @start="start" ref="uCode" @change="codeChange">
</u-verification-code> </u-verification-code>
</u-form-item> </u-form-item>
</u-form> </u-form>
<view class="button-login"> <view class="button-login">
<u-button v-show="form.mobile && form.code" type="success" @click="phoneLogin" shape="circle">登录</u-button> <u-button v-show="form.mobile && form.code" type="success" @click="phoneLogin" shape="circle">登录</u-button>
<u-button v-show="!form.mobile || !form.code" type="default" shape="circle">登录</u-button> <u-button v-show="!form.mobile || !form.code" type="default" shape="circle">登录</u-button>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
form: { form: {
mobile: "", mobile: "",
code: "" code: ""
}, },
tips: '验证码' tips: '验证码'
}; };
}, },
methods: { methods: {
phoneLogin() { phoneLogin() {
uni.showLoading({ uni.showLoading({
mask: true, mask: true,
title: '登录中' title: '登录中'
}); });
this.$H.post("user/smsLogin", this.form).then(res => { this.$H.post("user/smsLogin", this.form).then(res => {
if (res.code == 0) { if (res.code == 0) {
uni.setStorageSync("hasLogin", true); uni.setStorageSync("hasLogin", true);
uni.setStorageSync("token", res.token); uni.setStorageSync("token", res.token);
uni.switchTab({ uni.switchTab({
url: '/pages/index/index' url: '/pages/index/index'
}); });
} }
uni.hideLoading(); uni.hideLoading();
}) })
}, },
codeChange(text) { codeChange(text) {
this.tips = text; this.tips = text;
}, },
getCode() { getCode() {
let phoneCodeVerification = /^[1][3-9][0-9]{9}$/; let phoneCodeVerification = /^[1][3-9][0-9]{9}$/;
if (this.form.mobile == '') { if (this.form.mobile == '') {
this.$u.toast('请输入手机号'); this.$u.toast('请输入手机号');
} else if (!phoneCodeVerification.test(this.form.mobile)) { } else if (!phoneCodeVerification.test(this.form.mobile)) {
this.$u.toast('请输入规范的手机号'); this.$u.toast('请输入规范的手机号');
} else { } else {
if (this.$refs.uCode.canGetCode) { if (this.$refs.uCode.canGetCode) {
uni.showLoading({ uni.showLoading({
title: '正在获取验证码' title: '正在获取验证码'
}) })
this.$H.post("user/sendSmsCode", { this.$H.post("user/sendSmsCode", {
mobile: this.form.mobile mobile: this.form.mobile
}).then(res => { }).then(res => {
if (res.code == 0) { if (res.code == 0) {
uni.hideLoading(); uni.hideLoading();
this.$refs.uCode.start(); this.$refs.uCode.start();
this.$u.toast(res.msg); this.$u.toast(res.msg);
} }
}) })
} else { } else {
this.$u.toast('倒计时结束后再发送'); this.$u.toast('倒计时结束后再发送');
} }
} }
}, },
end() {}, end() {},
start() {} start() {}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.login-register { .login-register {
padding: 20rpx 50rpx; padding: 20rpx 50rpx;
} }
.button-login { .button-login {
margin-top: 100rpx; margin-top: 100rpx;
} }
.title { .title {
font-size: 40rpx; font-size: 40rpx;
font-weight: 600; font-weight: 600;
margin-bottom: 50rpx; margin-bottom: 50rpx;
} }
</style> </style>

154
src/main/resources/static/linfeng-community-uniapp-ky/pages/my/post.vue
View File

@ -1,78 +1,78 @@
<template> <template>
<view> <view>
<post-list :list="postList" :loadStatus="loadStatus"></post-list> <post-list :list="postList" :loadStatus="loadStatus"></post-list>
</view> </view>
</template> </template>
<script> <script>
import postList from '../../components/post-list/post-list.vue'; import postList from '../../components/post-list/post-list.vue';
export default { export default {
components: { components: {
postList postList
}, },
data() { data() {
return { return {
postList: [], postList: [],
loadStatus: "loading", loadStatus: "loading",
page: 1, page: 1,
type: 1, //1 点赞帖子 2 我的帖子 type: 1, //1 点赞帖子 2 我的帖子
}; };
}, },
onLoad(options) { onLoad(options) {
this.type = options.type this.type = options.type
if (options.type == 1) { if (options.type == 1) {
this.getCollectPostList(); this.getCollectPostList();
} else if (options.type == 2) { } else if (options.type == 2) {
this.getMyPostList(); this.getMyPostList();
} }
}, },
onReachBottom() { onReachBottom() {
if (this.type == 1) { if (this.type == 1) {
this.page++; this.page++;
this.getCollectPostList(); this.getCollectPostList();
} else if (this.type == 2) { } else if (this.type == 2) {
this.page++; this.page++;
this.getMyPostList(); this.getMyPostList();
} }
}, },
methods: { methods: {
getCollectPostList() { getCollectPostList() {
this.loadStatus = "loading"; this.loadStatus = "loading";
this.$H.get('post/myCollectPost', { this.$H.get('post/myCollectPost', {
page: this.page page: this.page
}).then(res => { }).then(res => {
if (res.result.data) { if (res.result.data) {
this.postList = this.postList.concat(res.result.data); this.postList = this.postList.concat(res.result.data);
if (res.result.current_page >= res.result.total || res.result.last_page === 0) { if (res.result.current_page >= res.result.total || res.result.last_page === 0) {
this.loadStatus = "nomore"; this.loadStatus = "nomore";
} else { } else {
this.loadStatus = "loadmore" this.loadStatus = "loadmore"
} }
} else { } else {
this.loadStatus = "nomore"; this.loadStatus = "nomore";
} }
}) })
}, },
getMyPostList() { getMyPostList() {
this.loadStatus = "loading"; this.loadStatus = "loading";
this.$H.get('post/myPost', { this.$H.get('post/myPost', {
page: this.page page: this.page
}).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.total || res.result.last_page === 0) { if (res.result.current_page >= res.result.total || res.result.last_page === 0) {
this.loadStatus = "nomore"; this.loadStatus = "nomore";
} else { } else {
this.loadStatus = "loadmore" this.loadStatus = "loadmore"
} }
}) })
} }
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
page { page {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
</style> </style>

330
src/main/resources/static/linfeng-community-uniapp-ky/pages/post/add.vue
View File

@ -1,166 +1,166 @@
<template> <template>
<view class="container"> <view class="container">
<input v-model="form.title" class="title-input" placeholder="标题" /> <input v-model="form.title" class="title-input" placeholder="标题" />
<textarea placeholder="说些什么叭..." :auto-height="true" maxlength="-1" v-model="form.content" <textarea placeholder="说些什么叭..." :auto-height="true" maxlength="-1" v-model="form.content"
class="content-display"></textarea> class="content-display"></textarea>
<!-- 上传图片 --> <!-- 上传图片 -->
<block v-if="form.type == 1"> <block v-if="form.type == 1">
<u-upload ref="uUpload" :size-type="['original']" name="Image" :max-count="4" :header="header" <u-upload ref="uUpload" :size-type="['original']" name="Image" :max-count="4" :header="header"
:action="uploadImgUrl" @on-uploaded="submit" :auto-upload="false"></u-upload> :action="uploadImgUrl" @on-uploaded="submit" :auto-upload="false"></u-upload>
</block> </block>
<!-- 分类 --> <!-- 分类 -->
<view @click="chooseClass" class="choose-item"> <view @click="chooseClass" class="choose-item">
<u-icon class="icon add-icon" name="file-text-fill" color="#999" size="40"></u-icon> <u-icon class="icon add-icon" name="file-text-fill" color="#999" size="40"></u-icon>
<text class="txt">{{ cateName || '选择帖子分类' }}</text> <text class="txt">{{ cateName || '选择帖子分类' }}</text>
<u-icon class="u-icon" name="arrow-right"></u-icon> <u-icon class="u-icon" name="arrow-right"></u-icon>
</view> </view>
<view class="button-style"> <view class="button-style">
<u-button v-if="form.type == 1" :custom-style="btnStyle" @click="uploadImg" shape="circle">发布</u-button> <u-button v-if="form.type == 1" :custom-style="btnStyle" @click="uploadImg" shape="circle">发布</u-button>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
btnStyle: { btnStyle: {
color: "#fff", color: "#fff",
backgroundColor: '#333333' backgroundColor: '#333333'
}, },
uploadImgUrl: this.$c.domain + 'common/upload', uploadImgUrl: this.$c.domain + 'common/upload',
form: { form: {
title: '', title: '',
type: 1, type: 1,
topicId: 2, topicId: 2,
discussId: '', discussId: '',
content: '', content: '',
media: [], media: [],
longitude: 0, longitude: 0,
latitude: 0, latitude: 0,
address: '', address: '',
cut: 0, //分类id cut: 0, //分类id
pay: '', pay: '',
}, },
cateName: '', cateName: '',
header: { header: {
token: uni.getStorageSync('token') token: uni.getStorageSync('token')
}, },
}; };
}, },
onLoad(options) { onLoad(options) {
if(!uni.getStorageSync("hasLogin")){ if (!uni.getStorageSync("hasLogin")) {
this.$u.toast('请先登录哦'); this.$u.toast('请先登录哦');
} }
}, },
methods: { methods: {
chooseClass() { chooseClass() {
uni.navigateTo({ uni.navigateTo({
url: "category" url: "category"
}) })
}, },
uploadImg() { uploadImg() {
if (!this.form.content) { if (!this.form.content) {
this.$u.toast('内容不能为空'); this.$u.toast('内容不能为空');
return; return;
} }
if (!this.form.title) { if (!this.form.title) {
this.$u.toast('标题不能为空'); this.$u.toast('标题不能为空');
return; return;
} }
uni.showLoading({ uni.showLoading({
mask: true, mask: true,
title: '发布中' title: '发布中'
}); });
this.$refs.uUpload.upload(); this.$refs.uUpload.upload();
}, },
submit(e) { submit(e) {
uni.showLoading({ uni.showLoading({
mask: true, mask: true,
title: '发布中' title: '发布中'
}); });
let mediaList = []; let mediaList = [];
e.forEach(function(item, index) { e.forEach(function(item, index) {
mediaList.push(item.response.result); mediaList.push(item.response.result);
}); });
this.form.media = mediaList; this.form.media = mediaList;
this.$H.post('post/addPost', this.form).then(res => { this.$H.post('post/addPost', this.form).then(res => {
if (res.code == 0) { if (res.code == 0) {
uni.redirectTo({ uni.redirectTo({
url: '/pages/post/post?id=' + res.result url: '/pages/post/post?id=' + res.result
}); });
} }
uni.hideLoading(); uni.hideLoading();
}); });
} }
} }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.title-input { .title-input {
border-bottom: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5;
margin: 20rpx 0; margin: 20rpx 0;
padding: 20rpx 0; padding: 20rpx 0;
} }
.content-display { .content-display {
width: 100%; width: 100%;
padding: 20rpx 0; padding: 20rpx 0;
min-height: 300rpx; min-height: 300rpx;
} }
.choose-item { .choose-item {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 20rpx; padding: 20rpx;
border-bottom: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5;
&:last-child { &:last-child {
border: 0; border: 0;
} }
.txt { .txt {
margin-left: 20rpx; margin-left: 20rpx;
} }
.sw { .sw {
margin-left: 300rpx; margin-left: 300rpx;
} }
.inputStyle { .inputStyle {
margin-left: 60rpx; margin-left: 60rpx;
width: 400rpx; width: 400rpx;
} }
.radio { .radio {
margin-left: 320rpx; margin-left: 320rpx;
} }
.icon { .icon {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.u-icon { .u-icon {
margin-left: auto; margin-left: auto;
color: #999; color: #999;
} }
.add-icon { .add-icon {
margin-left: 0; margin-left: 0;
} }
} }
.button-style { .button-style {
margin-top: 50rpx; margin-top: 50rpx;
color: #F4F4F5; color: #F4F4F5;
} }
</style> </style>

140
src/main/resources/static/linfeng-community-uniapp-ky/pages/post/category.vue
View File

@ -1,71 +1,71 @@
<template> <template>
<view class="container"> <view class="container">
<view class="title">选择圈子类目</view> <view class="title">选择圈子类目</view>
<view class="class-wrap"> <view class="class-wrap">
<view class="class-item u-line-1" @click="chooseClass(item.cateId,item.cateName)" <view class="class-item u-line-1" @click="chooseClass(item.cateId,item.cateName)"
v-for="(item, index) in classList" :key="index">{{ item.cateName }}</view> v-for="(item, index) in classList" :key="index">{{ item.cateName }}</view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
classList: [] classList: []
}; };
}, },
created() { created() {
this.getClassList(); this.getClassList();
}, },
methods: { methods: {
getClassList() { getClassList() {
this.$H.get('topic/classList').then(res => { this.$H.get('topic/classList').then(res => {
this.classList = res.result this.classList = res.result
}) })
}, },
chooseClass(id, name) { chooseClass(id, name) {
console.log('id:', id) console.log('id:', id)
console.log('name:', name) console.log('name:', name)
let pages = getCurrentPages(); let pages = getCurrentPages();
let nowPage = pages[pages.length - 1]; let nowPage = pages[pages.length - 1];
let prevPage = pages[pages.length - 2]; let prevPage = pages[pages.length - 2];
prevPage.$vm.form.cut = id; prevPage.$vm.form.cut = id;
prevPage.$vm.cateName = name; prevPage.$vm.cateName = name;
uni.navigateBack(); uni.navigateBack();
} }
} }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.title { .title {
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
.class-wrap { .class-wrap {
.class-item { .class-item {
width: 30%; width: 30%;
display: inline-block; display: inline-block;
border: 1px solid #999; border: 1px solid #999;
padding: 20rpx; padding: 20rpx;
font-size: 24rpx; font-size: 24rpx;
color: #999; color: #999;
text-align: center; text-align: center;
margin-bottom: 20rpx; margin-bottom: 20rpx;
border-radius: 10rpx; border-radius: 10rpx;
&:nth-child(3n + 2) { &:nth-child(3n + 2) {
margin-left: 5%; margin-left: 5%;
margin-right: 5%; margin-right: 5%;
} }
&:active { &:active {
background-color: #333; background-color: #333;
color: #fff; color: #fff;
} }
} }
} }
</style> </style>

1504
src/main/resources/static/linfeng-community-uniapp-ky/pages/post/post.vue
View File

File diff suppressed because it is too large Load Diff

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>

355
src/main/resources/static/linfeng-community-uniapp-ky/static/css/iconfont.css
View File

File diff suppressed because one or more lines are too long

9
src/main/resources/static/linfeng-community-uniapp-ky/utils/config.js
View File

@ -3,12 +3,13 @@ const shareH5Url = "https://www.linfeng.tech/#/"; //H5分享路径
//本地环境配置 //本地环境配置
const baseUrl = "localhost:8080"; // const baseUrl = "localhost:8080";
const domain = 'http://' + baseUrl + "/app/"; // const domain = 'http://' + baseUrl + "/app/";
//线上环境配置 //线上环境配置
// const baseUrl = ""; const baseUrl = "wxapi.linfeng.tech";
// const domain = 'https://' + baseUrl + "/app/"; const domain = 'https://' + baseUrl + "/app/";