Skip to content

Great Teamwork
Great Teamwork

_milo / Great Teamwork

通知 13
Star 0
Fork 0
Great Teamwork
Great Teamwork
提交 3abab024 编写于 作者: R Renic1
浏览文件
操作

Merge branch 'frontend' of https://gitcode.net/qq_50679803/great-teamwork into frontend

上级 a98c42dd 24de824d
隐藏空白更改
内联 并排
Showing with 559 addition and 92 deletion
teamwork/.hbuilderx/launch.json
浏览文件 @ 3abab024
......@@ -4,13 +4,19 @@
"version" : "0.0",
"configurations" : [
{
"app-plus" : {
"launchtype" : "local"
},
"default" : {
"launchtype" : "local"
},
"type" : "uniCloud"
"app-plus" :
{
"launchtype" : "local"
},
"default" :
{
"launchtype" : "local"
},
"h5" :
{
"launchtype" : "local"
},
"type" : "uniCloud"
},
{
"playground" : "standard",
......
teamwork/components/add-post-tag/add-post-tag.vue
浏览文件 @ 3abab024
......@@ -15,9 +15,9 @@
},
methods: {
goPostAdd() {
// uni.navigateTo({
// url: '/pages/post/add'
// })
uni.navigateTo({
url: '/pages/post/add-post'
})
}
}
}
......@@ -31,7 +31,7 @@
width: 100rpx;
height: 100rpx;
border-radius: 50%;
background-color: #333333;
background-color: white;
box-shadow: 0 0 20rpx #999;
display: flex;
justify-content: center;
......
teamwork/manifest.json
浏览文件 @ 3abab024
......@@ -9,6 +9,9 @@
"app-plus" : {
"usingComponents" : true,
"nvueStyleCompiler" : "uni-app",
"statusbar": {
"immersed": false
},
"compilerVersion" : 3,
"splashscreen" : {
"alwaysShowBeforeRender" : true,
......
teamwork/pages.json
浏览文件 @ 3abab024
......@@ -3,7 +3,12 @@
"easycom": {
"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
},
"pages": [
"pages": [{
"path": "pages/post/post",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "pages/discover/main",
"style": {
......@@ -27,7 +32,7 @@
"style": {
"navigationStyle": "custom"
}
}, {
}, {
"path": "pages/login/find",
"style": {
"navigationStyle": "custom"
......@@ -52,11 +57,6 @@
"style": {
"navigationStyle": "custom"
}
}, {
"path": "pages/post/post",
"style": {
"navigationStyle": "custom"
}
}, {
"path": "pages/team/main",
"style": {
......@@ -67,54 +67,60 @@
"style": {
"navigationStyle": "custom"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"tabBar": {
"selectedColor": "#F1992D",
"height": "60px",
"iconWidth": "30px",
"list": [{
},
{
"path": "pages/post/add-post",
"style": {
"navigationStyle": "custom"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"tabBar": {
"selectedColor": "#F1992D",
"height": "60px",
"iconWidth": "30px",
"list": [{
"pagePath": "pages/sport/main",
"text": "运动",
"iconPath": "static/tabbar/运动.png",
"selectedIconPath": "static/tabbar/运动2.png"
"pagePath": "pages/sport/main",
"text": "运动",
"iconPath": "static/tabbar/运动.png",
"selectedIconPath": "static/tabbar/运动2.png"
},
{
"pagePath": "pages/discover/main",
"text": "发现",
"iconPath": "static/tabbar/发现.png",
"selectedIconPath": "static/tabbar/发现2.png"
},
{
"pagePath": "pages/post/post",
"text": "高校圈",
"iconPath": "static/tabbar/圈子.png",
"selectedIconPath": "static/tabbar/圈子2.png"
},
{
"pagePath": "pages/team/main",
"text": "小队",
"iconPath": "static/tabbar/队伍.png",
"selectedIconPath": "static/tabbar/队伍2.png"
},
{
"pagePath": "pages/my/main",
"text": "我的",
"iconPath": "static/tabbar/我的.png",
"selectedIconPath": "static/tabbar/我的2.png"
}
},
{
"pagePath": "pages/discover/main",
"text": "发现",
"iconPath": "static/tabbar/发现.png",
"selectedIconPath": "static/tabbar/发现2.png"
},
{
"pagePath": "pages/post/post",
"text": "高校圈",
"iconPath": "static/tabbar/圈子.png",
"selectedIconPath": "static/tabbar/圈子2.png"
},
{
"pagePath": "pages/team/main",
"text": "小队",
"iconPath": "static/tabbar/队伍.png",
"selectedIconPath": "static/tabbar/队伍2.png"
},
{
"pagePath": "pages/my/main",
"text": "我的",
"iconPath": "static/tabbar/我的.png",
"selectedIconPath": "static/tabbar/我的2.png"
}
]
},
"uniIdRouter": {}
}
\ No newline at end of file
]
},
"uniIdRouter": {}
}
\ No newline at end of file
teamwork/pages/my/my-modify.vue
浏览文件 @ 3abab024
......@@ -107,7 +107,7 @@
margin-top: 50rpx;
margin-left: 50rpx;
background-size:100% 100%;
background-image:url("/static/my/my-modify/exit-icon.png");
background-image:url("/static/my/exit-icon.png");
background-repeat:no-repeat;
}
.head-portrait{
......
teamwork/pages/my/my-resetpassword.vue 0 → 100644
浏览文件 @ 3abab024
<template>
<view class="main">
<view class="return">
<view class="return-btn"></view>
</view>
<view class="content">
<veiw class="password">
<span>原&ensp;密&ensp;码：</span>
<input placeholder="请输入原密码" type="text" :password="showPassword" name="input"></input>
<!-- <text :class="[!showPassword ?'cuIcon-attentionfill' : 'cuIcon-attentionforbidfill']" class="text-gray" @click="showPwd" ></text> -->
<!-- <input type="safe-password" :value="originalPassword" :valplaceholder='请输入原密码'></input> -->
</veiw>
<veiw class="password">
<span>新&ensp;密&ensp;码：</span>
<input placeholder="请输入新密码" type="text" :password="showPassword" name="input"></input>
</veiw>
<veiw class="password">
<span>确认密码：</span>
<input placeholder="请确认密码" type="text" :password="showPassword" name="input"></input>
</veiw>
</view>
<view class="confirm">
<button class="confirm-btn" @click="confirmModification()">确认修改</button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
showPassword: true,
}
},
methods: {
// showPwd: function() {
// this.showPassword = !this.showPassword;
// },
confirmModification(){
uni.showModal({
title: '温馨提示', //提示标题
content: '确认修改密码吗', //提示内容
showCancel: true, //是否显示取消按钮
success: function (res) {
if (res.confirm) { //confirm为ture，代表用户点击确定
console.log('点击了确定按钮');
} else if (res.cancel) { //cancel为ture，代表用户点击取消
console.log('点击了取消按钮');
}
}
})
}
}
}
</script>
<style>
.main {
position: absolute;
width: 100%;
height: 100%;
background-color: #EDEEF0;
}
.return-btn{
width: 70rpx;
height: 70rpx;
margin-top: 50rpx;
margin-left: 50rpx;
background-size:100% 100%;
background-image:url("/static/my/exit-icon.png");
background-repeat:no-repeat;
}
.content{
width:70%;
margin-top: 50%;
margin-left: auto;
margin-right: auto;
}
.password{
margin-top: 50rpx;
height: 15%;
display: flex;
align-items: center;
width: 100%;
border-bottom: 1px solid #ccc;
}
.confirm{
height: 20%;
margin-top: 20%;
}
.confirm-btn{
background-color:#F1992D ;
color: #FFFFFF;
width:70%;
height: 85rpx;
margin-top: 100rpx;
margin-left: auto;
margin-right: auto;
border-radius: 20rpx;
}
</style>
\ No newline at end of file
teamwork/pages/my/my-setting.vue 0 → 100644
浏览文件 @ 3abab024
<template>
<view class="main">
<view class="return">
<view class="return-btn"></view>
</view>
<view class="profile">
<view class="profile-title">
<view class="profile-icon"></view>
<view class="profile-name">我们的简介</view>
</view>
<view class="profile-content">
<textarea :disabled="true" :value="profileContent"></textarea>
</view>
</view>
<view class="about">
<view class="about-title">
<view class="about-icon"></view>
<view class="about-name">我们的简介</view>
</view>
<view class="about-content">
<textarea :disabled="true" :value="aboutContent"></textarea>
</view>
</view>
<view class="exit">
<button class="exit-btn" @click="confirmExit()">退出账号</button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
profileContent:' Must Go，本产品基于 Vue Uniapp开发，提供 Android 和iOS 端 APP，针对于“后疫情”时代的身体素质普遍下降的问题，恢复大学生们原有的朝气。该产品定位于帮助众多大学生，乃至更多青年人走出怠惰于运动的舒适圈，增强身体素质、培养积极向上的心理状态。通过该产品可以轻松且高效地搜集到周边、尤其是自身高校的赛事活动信息，及时报名参与，并突破现在运动类APP的圈子局限，不必局限于与远在天边的“朋友”分享运动成果，而可以召集小队发帖社交与近在咫尺的“队友”外出活动。',
aboutContent:'有问题或反馈请拨打\n我们的联系电话：18960545221'
}
},
methods:{
confirmExit(){
uni.showModal({
title: '温馨提示', //提示标题
content: '确认退出你的账号吗', //提示内容
showCancel: true, //是否显示取消按钮
success: function (res) {
if (res.confirm) { //confirm为ture，代表用户点击确定
console.log('点击了确定按钮');
} else if (res.cancel) { //cancel为ture，代表用户点击取消
console.log('点击了取消按钮');
}
}
})
}
}
}
</script>
<style>
.main {
position: absolute;
width: 100%;
height: 100%;
background-color: #EDEEF0;
}
.return{
}
.return-btn{
width: 70rpx;
height: 70rpx;
margin-top: 50rpx;
margin-left: 50rpx;
background-size:100% 100%;
background-image:url("/static/my/exit-icon.png");
background-repeat:no-repeat;
}
.profile{
/* border: 2rpx solid #000; */
width:80%;
height: 55%;
margin-top: 10rpx;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
border-radius: 20rpx;
}
.profile-title{
height: 12%;
color: #F1992D;
}
.profile-icon{
width: 60rpx;
height: 60rpx;
margin-top: 10rpx;
margin-left: 20rpx;
background-size:100% 100%;
background-image:url("/static/my/my-setting/profile-icon.png");
background-repeat:no-repeat;
float: left;
}
.profile-name{
width: 200rpx;
height: 50rpx;
margin-top: 10rpx;
margin-right: 280rpx;
font-size: 40rpx;
text-align: left;
float: right;
}
.profile-content{
height: 88%;
}
.profile-content textarea{
width: 80%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.about{
width:80%;
height: 15%;
margin-top: 5%;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
border-radius: 20rpx;
}
.about-title{
height: 40%;
color: #F1992D;
}
.about-icon{
width: 60rpx;
height: 60rpx;
margin-top: 10rpx;
margin-left: 20rpx;
background-size:100% 100%;
background-image:url("/static/my/my-setting/about-icon.png");
background-repeat:no-repeat;
float: left;
}
.about-name{
width: 200rpx;
height: 50rpx;
margin-top: 10rpx;
margin-right: 280rpx;
font-size: 40rpx;
text-align: left;
float: right;
}
.about-content{
height: 60%;
}
.about-content textarea{
width: 80%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.exit{
}
.exit-btn{
background-color:#F1992D ;
color: #FFFFFF;
width:70%;
height: 85rpx;
margin-top: 50rpx;
margin-left: auto;
margin-right: auto;
border-radius: 20rpx;
}
</style>
\ No newline at end of file
teamwork/pages/post/add-post.vue 0 → 100644
浏览文件 @ 3abab024
<template>
<view class="content">
<!-- 页头 -->
<view class="top">
<image @click="back" class="back" :src="'../../static/post/返回.png'"></image>
<view class="title">发布帖子</view>
<image class="add" :src="'../../static/post/发送.png'"></image>
</view>
<!-- 输入文字内容 -->
<view class="text-content">
<u--textarea v-model="value1" placeholder="发布运动相关的图文，分享你的运动生活" height="200px"></u--textarea>
</view>
<!-- 上传图片区域 -->
<view class="pic-content">
<uni-file-picker v-model="imageValue" file-mediatype="image" mode="grid" file-extname="png,jpg" :limit="9"
@select="select" @progress="progress" @success="success" @fail="fail" />
</view>
</view>
</template>
<script>
export default {
data() {
return {
value1: '',
imageValue: [],
}
},
methods: {
// 获取上传状态
select(e) {
console.log('选择文件：', e)
},
// 获取上传进度
progress(e) {
console.log('上传进度：', e)
},
// 上传成功
success(e) {
console.log('上传成功',e)
},
// 上传失败
fail(e) {
console.log('上传失败：', e)
},
back(){
uni.navigateBack({
delta:1,//返回层数，2则上上页
})
}
}
}
</script>
<style>
.top {
width: 100%;
height: 50px;
background-color: #EDEEF0;
text-align: center;
}
.back {
width: 40px;
height: 30px;
margin-top: 10px;
margin-bottom: 10px;
float: left;
margin-left: 10px;
}
.title {
margin-top: 15px;
display: inline-block;
}
.add {
width: 30px;
height: 30px;
margin-top: 10px;
float: right;
margin-right: 10px;
}
.text-content {
margin: 20px;
}
.pic-content {
margin: 20px;
}
</style>
\ No newline at end of file
teamwork/pages/post/post-detial.vue 0 → 100644
浏览文件 @ 3abab024
<template>
<view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>
teamwork/pages/post/post.vue
浏览文件 @ 3abab024
<template>
<view>
<!-- 添加帖子按钮 -->
<add-post-tag></add-post-tag>
<!-- 标签栏 -->
......@@ -25,19 +27,27 @@
<view class="content">
<text class="text-content">{{textContent}}</text>
<view class="img-conetent">
<view class="one-img" v-for="img in pictureList">
<!-- 多张图片 -->
<view v-show="pictureList.length!=1" class="one-img" v-for="img in pictureList">
<image :src="img.picture" class="post-pic" @click="showPic(img.picture)"></image>
</view>
<!-- 单张图片 -->
<view v-show="pictureList.length==1" >
<image :src="pictureList[0].picture" class="single-pic"
@click="showPic(pictureList[0].picture)"></image>
</view>
</view>
</view>
<!-- 点赞和评论 -->
<view class="like-and-comment">
<view class="icon-and-num">
<image class="like-icon":src="isLike==1?'../../static/post/喜欢2.png':'../../static/post/喜欢.png'" style="width: 15px;height: 15px;"/>
<text style="font-size: 12px;">{{like}}</text>
<image class="comment-icon" :src="'../../static/post/评论.png'" style="width: 15px;height: 15px;margin-left: 10px;"/>
<text style="font-size: 12px;">{{comment}}</text>
<image class="like-icon" :src="isLike==1?'../../static/post/喜欢2.png':'../../static/post/喜欢.png'"
style="width: 20px;height:20px;" @click="changeLike" />
<text style="font-size: 15px;">{{like}}</text>
<image class="comment-icon" :src="'../../static/post/评论.png'"
style="width: 20px;height: 20px;margin-left: 10px;" @click="addComment()" />
<text style="font-size: 15px;">{{comment}}</text>
</view>
</view>
......@@ -50,6 +60,12 @@
<text>我的帖子</text>
</view>
<!-- 弹出的评论框 -->
<uni-popup ref="popup" type="dialog">
<uni-popup-dialog mode="input" message="评论成功" title="评论" placeholder="请输入内容" :duration="2000"
:before-close="true" @close="close" @confirm="confirm"></uni-popup-dialog>
</uni-popup>
</view>
</template>
......@@ -59,6 +75,8 @@
data() {
return {
current: 1,
show: false,
value1: "",
list: [{
name: '我的帖子'
}, {
......@@ -70,22 +88,15 @@
name: '昵称',
time: '2023.10.3 11:19',
textContent: '今日打卡',
like:200,
isLike:1,
comment:120,
like: 200,
isLike: 1,
comment: 120,
pictureList: [{
picture: "https://wx3.sinaimg.cn/mw690/49f7894fly1hdi0qi6wzvj20v20nbq6m.jpg"
}, {
picture: "https://wx1.sinaimg.cn/mw1024/d5a38e13ly1hdis58o7mrj21fh1wnb29.jpg"
},
{
picture: "https://wx3.sinaimg.cn/mw1024/d5a38e13ly1hdis5gihaij22762xknpd.jpg"
picture: "https://mp-6f6feaec-a026-4402-8e8d-18f7572890da.cdn.bspapp.com/cloudstorage/becea65c-89d7-4fe0-9c3f-2e08cdf911e8.jpg"
},
{
picture: "https://wx3.sinaimg.cn/mw1024/d5a38e13ly1hdis55tl57j216j1kp1kx.jpg"
}
],
};
},
......@@ -121,7 +132,31 @@
current: 0,
urls: arr
});
}
},
changeLike() {
if (this.isLike == 1) {
this.isLike = 0;
} else {
this.isLike = 1;
}
},
addComment() {
this.$refs.popup.open();
uni.hideTabBar();
},
close() {
this.$refs.popup.close();
uni.showTabBar();
},
confirm(value) {
// 输入框的值
console.log(value)
this.$refs.popup.close();
uni.showTabBar();
},
}
}
......@@ -145,6 +180,7 @@
margin-top: 15px;
float: left;
overflow: auto;
}
.icon {
......@@ -195,7 +231,11 @@
height: 70px;
margin-left: 2px;
margin-top: 2px;
;
}
.single-pic {
width: 100%;
border-radius: 5px;
}
.post-pic {
......@@ -204,17 +244,17 @@
height: 100%;
border-radius: 5px;
}
.like-and-comment{
.like-and-comment {
float: left;
margin-top: 5px;
margin-left: 10%;
overflow: auto;
width: 80%;
}
.icon-and-num{
.icon-and-num {
float: right;
margin-bottom: 10px;
}
......
teamwork/uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.vue
浏览文件 @ 3abab024
......@@ -144,7 +144,7 @@
}
},
mounted() {
this.focus = true
this.focus = false
},
methods: {
/**
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或