作者 lihongjuan

1

... ... @@ -104,6 +104,16 @@
<style lang="less">
/*每个页面公共css */
image{
width:100%;
height:100%;
}
.nodata{
color:#999;
font-size: 32rpx;
text-align: center;
margin :100rpx auto 0;
}
button::after{
border:none;
outline:none;
... ...
{
"pages": [
{
"path": "pages/school/school",
"path": "pages/register/register",
"style": {
"navigationBarTitleText": "学长说",
"navigationBarBackgroundColor": "#2D5575",
... ... @@ -10,14 +10,15 @@
}
},
{
"path": "pages/register/register",
"path": "pages/school/school",
"style": {
"navigationBarTitleText": "学长说",
"navigationBarBackgroundColor": "#2D5575",
"navigationBarTextStyle": "white"
}
},{
},
{
"path": "pages/register/highRegister",
"style": {
"navigationBarTitleText": "学长说",
... ...
<template>
<view class="content">
<view class="title">
<view class="mine" :class="{active:active3}" @click="mineShow">我的发布</view>
<view class="history" :class="{active:active1}" @click="historyShow">浏览历史</view>
<view class="cellect" :class="{active:active2}" @click="cellectShow">我的收藏</view>
</view>
<view class="mineBox" v-if="isMineShow==true&&isHistoryShow==false">
<view class="minetop">
<view class="mineTitle">我的发布</view>
<view class="del" @click="edit" v-if="isedit==false">编辑</view>
<view class="del" @click="editok" v-if="isedit==true">完成</view>
<!-- <view class="del">完成</view> -->
</view>
<view class="item" v-for="(item,index) in articlelist" :key="index">
<image class="icon" src="../../static/shanchu_icon@2x.png" v-if="isedit" @click="delarcial(item,index)"></image>
<view class="cont" :style="{width:width}" @click="toarticl" :data-id="item.id">
<view class="rowOne">{{item.article_type_name}}</view>
<view class="rowTwo">{{item.title}}</view>
<view class="rowThree">{{item.des_content}}</view>
</view>
</view>
<view class="nodata" v-if="articlelist.length==0">暂无数据</view>
</view>
<view class="historyBox" v-if="isHistoryShow==true&&isMineShow==false">
<view class="liulan">
<view class="liulantitle">浏览历史</view>
<view class="del" @click="delhistory">清空</view>
<!-- <view class="del">完成</view> -->
</view>
<view class="mateitem" v-for="(item,index) in historylist" :key="index">
<view class="contentBox">
<image class="photo" src="../../static/logo_img@2x.png"></image>
<view class="cont">
<view class="title">红色的战旗</view>
<view class="fen">就读体验</view>
</view>
<view class="right">
<view class="text">已关注</view>
</view>
<view class="txt">班主任用“心”战“疫” 全力做好学生防疫工作</view>
</view>
</view>
<view class="nodata" v-if="historylist.length==0">暂无消息</view>
</view>
<view class="cellcetBox" v-if="isHistoryShow==false&&isMineShow==false">
<view class="liulan">
<view class="liulantitle">我的收藏</view>
<view class="del" @click="change2" v-if="isdel">完成</view>
<view class="del" @click="change" v-else>编辑</view>
</view>
<view class="mateitem" v-for="(item,index) in cellectlist" :key="index">
<image class="delBtn" src="../../static/shanchu_icon@2x.png" v-if="isdel"></image>
<view class="contentBox" :style="{width:width2}">
<image class="photo" src="../../static/logo_img@2x.png"></image>
<view class="cont">
<view class="title">{{item.nickname}}</view>
<view class="fen">{{item.title}}</view>
</view>
<view class="right">
<view class="text">已关注</view>
</view>
<view class="txt">{{item.des_content}}</view>
</view>
</view>
<view class="nodata" v-if="cellectlist.length==0">暂无数据</view>
</view>
</view>
<view class="content">
<view class="title">
<view class="mine" :class="{active:active3}" @click="mineShow">我的发布</view>
<view class="history" :class="{active:active1}" @click="historyShow">浏览历史</view>
<view class="cellect" :class="{active:active2}" @click="cellectShow">我的收藏</view>
</view>
<view class="mineBox" v-if="isMineShow==true&&isHistoryShow==false">
<view class="minetop">
<view class="mineTitle">我的发布</view>
<view class="del" @click="edit" v-if="isedit==false">编辑</view>
<view class="del" @click="editok" v-if="isedit==true">完成</view>
<!-- <view class="del">完成</view> -->
</view>
<view class="item" v-for="(item,index) in articlelist" :key="index">
<image class="icon" src="../../static/shanchu_icon@2x.png" v-if="isedit" @click="delarcial(item,index)"></image>
<view class="cont" :style="{width:width}" @click="toarticl" :data-id="item.id">
<view class="rowOne">{{item.nickname}}</view>
<view class="rowTwo">{{item.title}}</view>
<view class="rowThree">{{item.des_content}}</view>
</view>
</view>
<view class="nodata" v-if="articlelist.length==0">暂无数据</view>
</view>
<view class="historyBox" v-if="isHistoryShow==true&&isMineShow==false">
<view class="liulan">
<view class="liulantitle">浏览历史</view>
<view class="del" @click="delhistory">清空</view>
<!-- <view class="del">完成</view> -->
</view>
<view class="mateitem" v-for="(item,index) in historylist" :key="index" @click="toarticl" :data-id="item.id">
<view class="contentBox">
<image class="photo" :src="item.head_image"></image>
<view class="cont">
<view class="title">{{item.nickname}}</view>
<view class="fen">{{item.title}}</view>
<view class="txt">{{item.des_content}}</view>
</view>
<view class="right" :class="item.is_like_user==0?'like':''">
<view class="text" @click="attention(item,index)" v-if="item.is_like_user==0" style="display:flex;justify-content: center;align-items: center;color:#81C3BF;">
<view class='xin' style="width:28rpx;height:28rpx;font-size: 0;">
<image src="../../static/xin.png" mode=""></image>
</view>
关注
</view>
<view class="text" @click="noattention(item,index)" v-else>已关注</view>
</view>
</view>
</view>
<view class="nodata" v-if="historylist.length==0">暂无消息</view>
</view>
<view class="cellcetBox" v-if="isHistoryShow==false&&isMineShow==false">
<view class="liulan">
<view class="liulantitle">我的收藏</view>
<view class="del" @click="change2" v-if="isdel">完成</view>
<view class="del" @click="change" v-else>编辑</view>
</view>
<view class="mateitem" v-for="(item,index) in cellectlist" :key="index" @click="toarticl" :data-id="item.id">
<image class="delBtn" src="../../static/shanchu_icon@2x.png" v-if="isdel"></image>
<view class="contentBox" :style="{width:width2}">
<image class="photo" :src="item.head_image"></image>
<view class="cont">
<view class="title">{{item.nickname}}</view>
<view class="fen">{{item.title}}</view>
<view class="txt">{{item.des_content}}</view>
</view>
<view class="right">
<view class="text" @click="attention(item,index)" v-if="item.is_like_user==0" style="display:flex;justify-content: center;align-items: center;color:#81C3BF;">
<view class='xin' style="width:28rpx;height:28rpx;font-size: 0;">
<image src="../../static/xin.png" mode=""></image>
</view>
关注
</view>
<view class="text" @click="noattention(item,index)" v-else>已关注</view>
</view>
</view>
</view>
<view class="nodata" v-if="cellectlist.length==0">暂无数据</view>
</view>
</view>
</template>
<script>
import app from "../../App.vue";
export default {
data(){
return{
active3:true,
active1:false,
active2:false,
isHistoryShow:false,
isMineShow:true,
isdel:false,
isedit:false,
width:'686rpx',
width2:'660rpx',
page:1,
size:10,
articlelist:[],
historylist:[],
cellectlist:[]
}
},
methods:{
historyShow(){
this.active1=true,
this.active2=false,
this.isHistoryShow=true
this.isMineShow=false,
this.active3=false
},
cellectShow(){
this.isHistoryShow=false,
this.active2=true,
this.active1=false,
this.isMineShow=false,
this.active3=false
},
mineShow(){
this.active3=true,
this.active1=false,
this.active2=false,
this.isMineShow=true,
this.isHistoryShow=false
},
edit(){
this.isedit=true,
this.width="580rpx"
},
editok(){
this.isedit=false,
this.width="686rpx"
},
change(){
this.isdel=true
this.width="620rpx"
},
change2(){
this.isdel=false
this.width="660rpx"
},
getMyArticle(){
var that = this
var url = "article/getMyArticle"
var token = uni.getStorageSync('token')
var params = {
token:token,
page:that.page,
size:that.size
}
app.post(url,params,"get").then((res)=>{
console.log(res)
that.articlelist=res
}).catch((err)=>{
console.log(err)
})
},
gethistory(){
var that = this
var url = "article/getLookArticleList"
var token = uni.getStorageSync('token')
var params = {
token:token
}
app.post(url,params,"get").then((res)=>{
that.historylist=res
console.log(res)
}).catch((err)=>{
console.log(err)
})
},
delhistory(){
var that = this
var url = "article/delLookArticle"
var token = uni.getStorageSync('token')
var params = {
token:token
}
app.post(url,params,"post").then((res)=>{
that.historylist=res
console.log(res)
uni.showToast({
title:'浏览记录已清空'
})
}).catch((err)=>{
console.log(err)
})
},
getMyCellect(){
var that = this
var url = "article/getMyLikeArticle"
var token = uni.getStorageSync('token')
var params = {
token:token,
page:that.page,
size:that.size
}
app.post(url,params,"get").then((res)=>{
console.log(res)
that.cellectlist=res
}).catch((err)=>{
console.log(err)
})
},
toarticl(e){
var id = e.currentTarget.dataset.id
uni.navigateTo({
url:'../school/article?article_id='+id
})
},
delarcial(item,index){
var that = this
var url = "article/delArticle"
var params = {
token:uni.getStorageSync('token'),
article_id:item.id
}
app.post(url,params,"post").then((res)=>{
console.log(res)
that.articlelist.splice(index, 1) 
uni.showToast({
title:'删除成功',
icon:'none'
})
}).catch((err)=>{
console.log(err)
})
}
},
onLoad(){
this.getMyArticle()
this.gethistory()
this.getMyCellect()
}
}
import app from "../../App.vue";
export default {
data() {
return {
active3: true,
active1: false,
active2: false,
isHistoryShow: false,
isMineShow: true,
isdel: false,
isedit: false,
width: '686rpx',
width2: '660rpx',
page: 1,
size: 10,
collectpage: 1,
articlelist: [],
historylist: [],
cellectlist: []
}
},
methods: {
// 关注和取消关注
attention(item, index) {
var that = this
var url = "article/likeArticle"
var token = uni.getStorageSync('token')
var params = {
article_id: item.id
}
app.post(url, params, "get").then((res) => {
uni.showToast({
title: "关注成功",
icon: 'none'
})
if (that.active1 == true) {
that.historylist[index].is_like_user = 1
} else if (that.active2 == true) {
that.cellectlist[index].is_like_user = 1
}
}).catch((err) => {
console.log(err)
})
},
noattention(item, index) {
var that = this
var url = "article/likeArticle"
var token = uni.getStorageSync('token')
var params = {
article_id: item.id
}
app.post(url, params, "get").then((res) => {
uni.showToast({
title: "取消关注成功",
icon: 'none'
})
if (that.active1 == true) {
that.historylist[index].is_like_user = 0
} else if (that.active2 == true) {
that.cellectlist[index].is_like_user = 0
}
}).catch((err) => {
console.log(err)
})
},
historyShow() {
this.active1 = true,
this.active2 = false,
this.isHistoryShow = true
this.isMineShow = false,
this.active3 = false;
this.gethistory()
},
cellectShow() {
this.isHistoryShow = false,
this.active2 = true,
this.active1 = false,
this.isMineShow = false,
this.active3 = false;
this.collectpage = 1;
this.cellectlist = [];
this.getMyCellect()
},
mineShow() {
this.active3 = true;
this.active1 = false;
this.active2 = false;
this.isMineShow = true;
this.isHistoryShow = false;
this.page = 1;
this.articlelist = []
this.getMyArticle()
},
edit() {
this.isedit = true,
this.width = "580rpx"
},
editok() {
this.isedit = false,
this.width = "686rpx"
},
change() {
this.isdel = true
this.width = "620rpx"
},
change2() {
this.isdel = false
this.width = "660rpx"
},
getMyArticle() {
var that = this
var url = "article/getMyArticle"
var token = uni.getStorageSync('token')
var params = {
token: token,
page: that.page,
size: that.size
}
app.post(url, params, "get").then((res) => {
console.log(res)
that.articlelist = this.articlelist.concat(res)
}).catch((err) => {
console.log(err)
})
},
gethistory() {
var that = this
var url = "article/getLookArticleList"
var token = uni.getStorageSync('token')
var params = {
token: token
}
app.post(url, params, "get").then((res) => {
console.log(res)
that.historylist = res
console.log(res)
}).catch((err) => {
console.log(err)
})
},
delhistory() {
var that = this;
uni.showModal({
title: '提示',
content: '是否清空浏览记录',
success: function (res) {
if (res.confirm) {
var url = "article/delLookArticle"
var token = uni.getStorageSync('token')
var params = {
token: token
}
app.post(url, params, "post").then((res) => {
that.historylist = res
console.log(res)
uni.showToast({
title: '浏览记录已清空'
})
}).catch((err) => {
console.log(err)
})
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
},
getMyCellect() {
var that = this
var url = "article/getMyLikeArticle"
var token = uni.getStorageSync('token')
var params = {
token: token,
page: that.collectpage,
size: that.size
}
app.post(url, params, "get").then((res) => {
console.log(res)
that.cellectlist = that.cellectlist.concat(res)
}).catch((err) => {
console.log(err)
})
},
toarticl(e) {
var id = e.currentTarget.dataset.id
uni.navigateTo({
url: '../school/article?article_id=' + id
})
},
delarcial(item, index) {
var that = this
uni.showModal({
title: '提示',
content: '是否删除该发布',
success: function (res) {
if (res.confirm) {
var url = "article/delArticle"
var params = {
token: uni.getStorageSync('token'),
article_id: item.id
}
app.post(url, params, "post").then((res) => {
console.log(res)
that.articlelist.splice(index, 1)
uni.showToast({
title: '删除成功',
icon: 'none'
})
}).catch((err) => {
console.log(err)
})
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
}
},
onLoad() {
this.getMyArticle()
this.gethistory()
this.getMyCellect()
},
onReachBottom() {
if (this.active3 == true) {
let newpage = this.page;
newpage++;
this.page = newpage;
this.getMyArticle()
} else if (this.active2 == true) {
let newpage = this.collectpage;
newpage++;
this.collectpage = newpage;
this.getMyCellect()
}
}
}
</script>
<style lang="less">
.content{
background:rgba(249,249,249,1);
height: 100vh;
// padding: 32rpx;
.nodata{
text-align: center;
font-size: 28rpx;
}
.title{
background-color: #fff;
display: flex;
.history,.cellect,.mine{
width: 33%;
text-align: center;
font-size:28rpx;
padding: 24rpx 0;
}
.active{
background: url("../../static/xuanzhong_icon@2x.png") no-repeat;
background-size: 60rpx 12rpx;
background-position: 95rpx 70rpx;
color: rgba(5,132,157,1);
}
}
.minetop{
display: flex;
font-size:32rpx;
width: 686rpx;
margin: 0 auto;
justify-content: space-between;
padding: 30rpx 0;
.mineTitle{
color:rgba(45,85,117,1);
}
.del{
font-size:24rpx;
}
}
.item{
width: 686rpx;
background-color: #fff;
margin: 0 auto;
border-radius:20rpx;
padding: 20rpx 30rpx;
box-sizing: border-box;
margin-bottom: 14rpx;
display: flex;
align-items: center;
.cont{
.rowOne{
font-size:24rpx;
color:rgba(140,145,152,1);
}
.rowTwo{
font-size:28rpx;
color:rgba(61,68,77,1);
margin-top: 16rpx;
}
.rowThree{
font-size:24rpx;
color:rgba(140,145,152,1);
margin-top: 4rpx;
height: 74rpx;
overflow: hidden;
}
}
.icon{
width: 28rpx;
height: 28rpx;
margin-right: 26rpx;
}
}
.liulan{
display: flex;
font-size:32rpx;
width: 686rpx;
margin: 0 auto;
justify-content: space-between;
padding: 30rpx 0;
.liulantitle{
color:rgba(45,85,117,1);
}
.del{
font-size:24rpx;
}
}
.mateitem{
display: flex;
align-items: center;
width:686rpx;
// height:172rpx;
background:rgba(255,255,255,1);
opacity:1;
border-radius:20rpx;
margin: 0 auto;
background-color: #fff;
padding: 24rpx 0;
// box-sizing: border-box;
margin-bottom: 24rpx;
.delBtn{
width: 28rpx;
height: 28rpx;
// position: absolute;
// top: 50%;
// transform: translateY(-50%);
// left: 28rpx;
margin-left: 26rpx;
}
.contentBox{
display: flex;
// align-items: center;
position: relative;
flex-wrap: wrap;
margin-left: 26rpx;
width: 660rpx;
.photo{
width: 68rpx;
height: 68rpx;
margin-right: 26rpx;
margin-top: 6rpx;
}
.cont{
.title{
color:rgba(61,68,77,1);
font-size: 24rpx;
}
.fen{
font-size: 24rpx;
color:rgba(140,145,152,1);
margin-top: 4rpx;
}
}
.right{
width:118rpx;
height:44rpx;
border:2rpx solid rgba(189,196,206,1);
opacity:1;
border-radius:40rpx;
position: absolute;
right: 26rpx;
top: 32rpx;
.text{
color:rgba(189,196,206,1);
text-align: center;
line-height: 44rpx;
font-size:24rpx;
}
}
.txt{
// width: 600rpx;
font-size:28rpx;
margin-top: 24rpx;
}
}
}
}
</style>
\ No newline at end of file
.content {
background: rgba(249, 249, 249, 1);
height: 100vh;
// padding: 32rpx;
.nodata {
text-align: center;
font-size: 28rpx;
}
.title {
background-color: #fff;
display: flex;
.history,
.cellect,
.mine {
width: 33%;
text-align: center;
font-size: 28rpx;
padding: 24rpx 0;
}
.active {
background: url("../../static/xuanzhong_icon@2x.png") no-repeat;
background-size: 60rpx 12rpx;
background-position: 95rpx 70rpx;
color: rgba(5, 132, 157, 1);
}
}
.minetop {
display: flex;
font-size: 32rpx;
width: 686rpx;
margin: 0 auto;
justify-content: space-between;
padding: 30rpx 0;
.mineTitle {
color: rgba(45, 85, 117, 1);
}
.del {
font-size: 24rpx;
}
}
.item {
width: 686rpx;
background-color: #fff;
margin: 0 auto;
border-radius: 20rpx;
padding: 20rpx 30rpx;
box-sizing: border-box;
margin-bottom: 14rpx;
display: flex;
align-items: center;
.cont {
.rowOne {
font-size: 24rpx;
color: rgba(140, 145, 152, 1);
}
.rowTwo {
font-size: 28rpx;
color: rgba(61, 68, 77, 1);
margin-top: 16rpx;
}
.rowThree {
font-size: 24rpx;
color: rgba(140, 145, 152, 1);
margin-top: 4rpx;
height: 74rpx;
overflow: hidden;
}
}
.icon {
width: 28rpx;
height: 28rpx;
margin-right: 26rpx;
}
}
.liulan {
display: flex;
font-size: 32rpx;
width: 686rpx;
margin: 0 auto;
justify-content: space-between;
padding: 30rpx 0;
.liulantitle {
color: rgba(45, 85, 117, 1);
}
.del {
font-size: 24rpx;
}
}
.mateitem {
display: flex;
align-items: center;
width: 686rpx;
// height:172rpx;
background: rgba(255, 255, 255, 1);
opacity: 1;
border-radius: 20rpx;
margin: 0 auto;
background-color: #fff;
padding: 24rpx 0;
// box-sizing: border-box;
margin-bottom: 24rpx;
.delBtn {
width: 28rpx;
height: 28rpx;
// position: absolute;
// top: 50%;
// transform: translateY(-50%);
// left: 28rpx;
margin-left: 26rpx;
}
.contentBox {
display: flex;
// align-items: center;
position: relative;
flex-wrap: wrap;
margin-left: 26rpx;
width: 660rpx;
.photo {
width: 68rpx;
height: 68rpx;
margin-right: 26rpx;
margin-top: 6rpx;
}
.cont {
.title {
color: rgba(61, 68, 77, 1);
font-size: 24rpx;
}
.fen {
font-size: 24rpx;
color: rgba(140, 145, 152, 1);
margin-top: 4rpx;
}
}
.right {
width: 118rpx;
height: 44rpx;
border: 2rpx solid rgba(189, 196, 206, 1);
opacity: 1;
border-radius: 40rpx;
position: absolute;
right: 26rpx;
top: 32rpx;
.text {
color: rgba(189, 196, 206, 1);
text-align: center;
line-height: 44rpx;
font-size: 24rpx;
}
}
.like {
border: 1rpx solid #81C3BF
}
.txt {
// width: 600rpx;
font-size: 28rpx;
margin-top: 24rpx;
}
}
}
}
</style>
... ...
<template>
<view class="content">
<view class="card">
<view class="item">
<view class="name">姓名</view>
<!-- <view class="cont">爱学习的王笑笑</view> -->
<input type="text" v-model="username" class="cont" :placeholder="userinfolist.nickname=='undefide' ? '' : userinfolist.nickname" placeholder-style="text-align: right" style="text-align: right">
</view>
<view class="item">
<view class="name">头像</view>
<image class="photo" @click="upload" :src="isUpload ? image : userinfolist.head_image"></image>
</view>
<view class="item">
<view class="name">高中</view>
<view class="cont">青岛市 青岛第一中学
<image class="icon" src="../../static/dizhi_btn@2x.png"></image>
</view>
</view>
<view class="item" style="border-bottom:none">
<view class="name">入学年份</view>
<view class="cont">2020年
<image class="icon" src="../../static/dizhi_btn@2x.png"></image>
</view>
</view>
</view>
<view class="btn" @click="update">保存</view>
</view>
<view class="content">
<view class="card">
<view class="item">
<view class="name">姓名</view>
<!-- <view class="cont">爱学习的王笑笑</view> -->
<input type="text" v-model="username" class="cont" :placeholder="userinfolist.nickname=='undefide' ? '' : userinfolist.nickname"
placeholder-style="text-align: right" style="text-align: right">
</view>
<view class="item">
<view class="name">头像</view>
<image class="photo" @click="upload" :src="isUpload ? image : userinfolist.head_image"></image>
</view>
<view class="item">
<view class="name">高中</view>
<view class="cont">{{userinfolist.school_info.name}}
<image class="icon" src="../../static/dizhi_btn@2x.png"></image>
</view>
</view>
<!-- <picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">
</picker> -->
<view class="item" style="border-bottom:none">
<view class="name">入学年份</view>
<view class="cont">{{userinfolist.starttime}}
<image class="icon" src="../../static/dizhi_btn@2x.png"></image>
</view>
</view>
</view>
<view class="btn" @click="update">保存</view>
</view>
</template>
<script>
import app from "../../App.vue";
export default {
data(){
return{
username:'',
image:'',
image2:'',
isUpload:false,
userinfolist:{}
}
},
methods:{
upload(){
var that = this;
uni.chooseImage({
count: 1,
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album'], //从相册选择
success: function (res) {
const tempFilePaths = res.tempFilePaths;
that.image = tempFilePaths[0];
that.image2 = tempFilePaths[0];
app.upload('image',res.tempFilePaths[0],"post").then((res)=>{
// let newimage=that.image
that.image=app.globalData.imageBaseUrl+res.url
that.image2 = res.url
console.log(res)
console.log(that.image)
console.log(res.url)
// newimage.push(res.url)
that.isUpload=true
}).catch((err)=>{
console.log(err)
})
// console.log("tempFilePaths[0]",tempFilePaths[0]) //能够打印出选中的图片
// console.log(res)
// that.head_image=tempFilePaths[0]
// that.iconcheck = 1;//点击后图片更改状态由0变成1
},
error : function(e){
console.log(e);
}
});
},
getuserinfo(){
var that = this
var url = "student/getMyInfo"
var token = uni.getStorageSync('token')
var params = {
token:token
}
app.post(url,params,"get").then((res)=>{
console.log(res)
that.userinfolist=res
}).catch((err)=>{
console.log(err)
})
},
update(){
var that = this
var url = "student/updateStudentInfo"
var token = uni.getStorageSync('token')
var params= {
token:token,
nickname:that.username,
head_image:that.image2=='' ? that.userinfolist.head_image : that.image2
}
app.post(url,params,"post").then((res)=>{
console.log(res)
import app from "../../App.vue";
export default {
data() {
return {
username: '',
image: '',
image2: '',
isUpload: false,
userinfolist: {}
}
},
computed: {
startDate() {
return this.getDate('start');
},
endDate() {
return this.getDate('end');
}
},
methods: {
// 选择年月日
bindDateChange: function(e) {
this.userinfolist.starttime = e.target.value;
this.userinfolist=this.userinfolist
},
getDate(type) {
const date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
uni.showToast({
title:'个人信息保存成功',
icon:'none'
})
setTimeout(() => {
uni.navigateBack()
},1500);
if (type === 'start') {
year = year - 60;
} else if (type === 'end') {
year = year + 2;
}
month = month > 9 ? month : '0' + month;;
day = day > 9 ? day : '0' + day;
return `${year}-${month}-${day}`;
},
upload() {
var that = this;
uni.chooseImage({
count: 1,
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album'], //从相册选择
success: function(res) {
const tempFilePaths = res.tempFilePaths;
that.image = tempFilePaths[0];
that.image2 = tempFilePaths[0];
app.upload('image', res.tempFilePaths[0], "post").then((res) => {
// let newimage=that.image
that.image = app.globalData.imageBaseUrl + res.url
that.image2 = res.url
console.log(res)
console.log(that.image)
console.log(res.url)
// newimage.push(res.url)
that.isUpload = true
}).catch((err) => {
console.log(err)
})
// console.log("tempFilePaths[0]",tempFilePaths[0]) //能够打印出选中的图片
// console.log(res)
// that.head_image=tempFilePaths[0]
// that.iconcheck = 1;//点击后图片更改状态由0变成1
},
error: function(e) {
console.log(e);
}
});
},
getuserinfo() {
var that = this
var url = "student/getMyInfo"
var token = uni.getStorageSync('token')
var params = {
token: token
}
app.post(url, params, "get").then((res) => {
console.log(res)
that.userinfolist = res
}).catch((err) => {
console.log(err)
})
},
update() {
var that = this
var url = "student/updateStudentInfo"
var token = uni.getStorageSync('token')
var params = {
token: token,
nickname: that.userinfolist.nickname,
head_image: that.image2 == '' ? that.userinfolist.head_image : that.image2
}
app.post(url, params, "post").then((res) => {
console.log(res)
}).catch((err)=>{
console.log(err)
if(err.code==0){
uni.showToast({
title:err.msg,
icon:'none'
})
}
})
}
},
onLoad(){
this.getuserinfo()
}
}
uni.showToast({
title: '个人信息保存成功',
icon: 'none'
})
setTimeout(() => {
uni.navigateBack()
}, 1500);
}).catch((err) => {
console.log(err)
if (err.code == 0) {
uni.showToast({
title: err.msg,
icon: 'none'
})
}
})
}
},
onLoad() {
this.getuserinfo()
}
}
</script>
<style lang="less">
.content{
background-color: rgba(249,249,249,1);
padding: 32rpx 0;
height: 100vh;
.card{
width:686rpx;
// height:428rpx;
background:rgba(255,255,255,1);
opacity:1;
border-radius:20rpx;
margin: 0 auto;
.item{
width: 622rpx;
display: flex;
justify-content: space-between;
align-items: center;
padding: 32rpx 0;
box-sizing: border-box;
font-size: 28rpx;
margin: 0 auto;
border-bottom: 1rpx solid rgba(238,238,238,1);
.photo{
width: 64rpx;
height: 64rpx;
border-radius: 50%;
}
.icon{
width: 11rpx;
height: 22rpx;
margin-left: 10rpx;
}
}
}
.btn{
width:684rpx;
height:80rpx;
background:rgba(45,85,117,1);
opacity:1;
border-radius:8rpx;
color: #fff;
line-height: 80rpx;
text-align: center;
margin: 0 auto;
margin-top: 620rpx;
}
}
</style>
\ No newline at end of file
.content {
background-color: rgba(249, 249, 249, 1);
padding: 32rpx 0;
height: 100vh;
.card {
width: 686rpx;
// height:428rpx;
background: rgba(255, 255, 255, 1);
opacity: 1;
border-radius: 20rpx;
margin: 0 auto;
.item {
width: 622rpx;
display: flex;
justify-content: space-between;
align-items: center;
padding: 32rpx 0;
box-sizing: border-box;
font-size: 28rpx;
margin: 0 auto;
border-bottom: 1rpx solid rgba(238, 238, 238, 1);
.photo {
width: 64rpx;
height: 64rpx;
border-radius: 50%;
}
.icon {
width: 11rpx;
height: 22rpx;
margin-left: 10rpx;
}
}
}
.btn {
width: 684rpx;
height: 80rpx;
background: rgba(45, 85, 117, 1);
opacity: 1;
border-radius: 8rpx;
color: #fff;
line-height: 80rpx;
text-align: center;
margin: 0 auto;
margin-top: 620rpx;
}
}
</style>
... ...
... ... @@ -76,7 +76,7 @@ export default {
<style lang="less">
.content{
background:rgba(249,249,249,1);
// background:rgba(249,249,249,1);
padding: 28rpx 0;
.nodata{
font-size: 28rpx;
... ...
... ... @@ -37,8 +37,12 @@ export default {
}
},
onLoad(){
this.getyuE()
}
},
onShow() {
this.getyuE()
}
}
</script>
... ...
... ... @@ -28,7 +28,7 @@
</view>
</view>
<view class="item2">
<textarea v-model="articlecontent" name="" id="" cols="30" rows="10" class="textarea" placeholder="请输入文章内容" placeholder-style="color:rgba(189,196,206,1);font-size:28rpx"></textarea>
<textarea v-model="articlecontent" name="" id="" cols="30" rows="10" class="textarea" placeholder="请输入文章内容" placeholder-style="color:rgba(189,196,206,1);font-size:28rpx" maxlength="1000"></textarea>
<view class="tips">可输入1000字</view>
</view>
<view class="picBox">
... ... @@ -54,7 +54,7 @@
<image :src="item" style="width:128rpx;height:128rpx;margin-right: 24rpx;margin-bottom: 24rpx;"></image>
<image class="icon" src="../../static/shanchu_icon@2x.png" @click="delimage(index)"></image>
</view>
<image class="pic" src="../../static/shangchuan_img@2x.png" @click="upload"></image>
<image class="pic" src="../../static/shangchuan_img@2x.png" v-if="image.length<5" @click="upload"></image>
</view>
</view>
... ... @@ -99,6 +99,7 @@ export default {
upload(){
var that = this;
uni.chooseImage({
count: 1,
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album'], //从相册选择
... ... @@ -106,15 +107,16 @@ export default {
const tempFilePaths = res.tempFilePaths;
// that.image = that.image.push(tempFilePaths[0]) ;
app.upload('image',res.tempFilePaths[0],"post").then((res)=>{
console.log(res)
// let newimage=that.image
var url= app.globalData.imageBaseUrl+res.url
var url= res.url
// that.image=app.globalData.imageBaseUrl+res.url
console.log(res)
console.log(res.url)
console.log(that.image)
that.image.push(url)
that.image2.push(res.url)
that.image2.push(res.kurl)
console.log(that.image)
// that.image=that.image
... ... @@ -210,6 +212,9 @@ export default {
},
delimage(index){
this.image.splice(index,1)
this.image2.splice(index,1)
this.image=this.image;
this.image2=this.image2;
}
},
onLoad(){
... ... @@ -281,11 +286,12 @@ export default {
}
.picBox{
padding: 32rpx;
width: 460rpx;
box-sizing: border-box;
width: 686rpx;
display: flex;
flex-wrap: wrap;
.boxitem{
width: 460rpx;
width: 100%;
// margin-right: 24rpx;
// margin-bottom: 24rpx;
... ... @@ -297,13 +303,13 @@ export default {
height: 128rpx;
position: relative;
display: inline-block;
margin-right: 24rpx;margin-bottom: 24rpx;
margin-right: 10rpx;margin-bottom: 24rpx;
}
.pic{
width: 128rpx;
height: 128rpx;
margin-right: 24rpx;margin-bottom: 24rpx;
margin-left: 24rpx;margin-bottom: 24rpx;
}
.icon{
width: 36rpx;
... ...
... ... @@ -55,7 +55,11 @@ export default {
app.post(url,params,"post").then((res)=>{
console.log(res)
}).catch((err)=>{
console.log(err)
console.log(err);
uni.showToast({
title:err.msg,
icon:'none'
})
})
}
},
... ...
... ... @@ -2,10 +2,10 @@
<view class="content">
<view class="item" v-for="(item,index) in mingxilist" :key="index">
<view class="left">
<view class="title">xx收益</view>
<view class="time">2020-2-19</view>
<view class="title">{{item.memo}}</view>
<view class="time">{{item.createtime}}</view>
</view>
<view class="right">¥800.00</view>
<view class="right">¥{{item.money}}</view>
</view>
<view class="nodata" v-if="mingxilist.length==0">暂无数据</view>
</view>
... ...
... ... @@ -132,7 +132,7 @@ export default {
date: '请选择毕业年份',
isDateShow: false,
uplist: [],
upid: '1',
upid: '',
subid: [],
sublist: [],
collegename: '请选择就读大学',
... ... @@ -416,6 +416,7 @@ export default {
border-bottom: 1rpx solid rgba(238, 238, 238, 1);
font-size: 28rpx;
.title {
width:172rpx;
// line-height: 114px;
padding: 30rpx 0;
// box-sizing: border-box;
... ... @@ -430,6 +431,7 @@ export default {
margin-left: 8rpx;
}
.inpt {
width:100%;
height: 114rpx;
text-align: right;
// width: 250rpx;
... ...
... ... @@ -162,7 +162,7 @@ export default {
that.image = tempFilePaths[0];
app.upload('image',res.tempFilePaths[0],"post").then((res)=>{
// let newimage=that.image
that.image=res.url;
that.image=app.globalData.imageBaseUrl+res.kurl;
that.chuanimg=res.kurl
console.log(res)
console.log(that.image)
... ... @@ -208,11 +208,13 @@ page{
justify-content: space-between;
// text-align: center;
.title{
width:172rpx;
color:rgba(6,18,30,1);
font-size: 28rpx;
line-height: 105rpx;
}
.inpt{
width:100%;
text-align: right;
height: 105rpx;
font-size: 28rpx;
... ...
... ... @@ -122,7 +122,7 @@
// 获取token 登录
login() {
let that = this;
uni.showLoading({ title: '加载中' })
// uni.showLoading({ title: '加载中' })
console.log(343438)
console.log(that.session_key);
console.log()
... ...
... ... @@ -59,8 +59,14 @@ onLoad(){
</script>
<style lang="less">
page{
background-color: #f9f9f9;
}
.content{
background-color: rgba(249,249,249,1);
// background-color: rgba(249,249,249,1);
.top{
padding: 18rpx 32rpx;
display: flex;
... ...
<template>
<view class="content">
<view class="title">{{articlelist.title}}</view>
<view class="msg">
<image class="photo" :src="articlelist.head_image"></image>
<view class="nameTime">
<view class="name">{{articlelist.nickname}}</view>
<view class="time">{{articlelist.date}}</view>
</view>
<view class="msg" style="display:flex;align-items: center;justify-content: space-between;">
<view style="display:flex">
<image class="photo" :src="articlelist.head_image"></image>
<view class="nameTime" >
<view class="name">{{articlelist.nickname}}</view>
<view class="time">{{articlelist.date}}</view>
</view>
</view>
<view class="cellect" v-if="articlelist.is_like==0" @click="cellect">
<image class="icon" src="../../static/shoucang.png"></image>
<view class="txt">收藏</view>
... ... @@ -116,7 +120,7 @@ export default {
.time{
color:rgba(140,145,152,1);
font-size:24rpx;
width: 80rpx;
}
.cellect{
width:132rpx;
... ... @@ -130,7 +134,7 @@ export default {
text-align: center;
box-sizing: border-box;
align-items: center;
margin-left: 340rpx;
// margin-left: 340rpx;
.icon{
width: 32rpx;
height: 32rpx;
... ...
... ... @@ -80,9 +80,14 @@
console.log(options);
// this.getschoollist();
// this.isuesrlogin()
this.getlikeschool()
},
onShow() {
this.page=1;
this.schoollist=[];
this.getlikeschool()
},
methods: {
// 底部导航跳转
footerselChange(e) {
... ... @@ -141,8 +146,11 @@
}
app.post(url,params,"get").then((res)=>{
that.schoollist=that.schoollist.concat(res)
if(that.schoollist.length==0){
that.isnulldata=true
}else{
that.isnulldata=false
}
}).catch((err)=>{
console.log(err)
... ... @@ -202,6 +210,7 @@
}
},
onReachBottom: function() {
let newpage=this.page;
newpage++;
... ...
... ... @@ -60,15 +60,16 @@
<view class="txt">文章分享</view>
</view>
<view class="tabCard">
<view class="item" :class="sel==index?'active':''" @click="selecttype(item,index)" v-for="(item,index) in articletypelist" :key="index" :data-id="item.id">{{item.name}}
<view class="item" style="width:446rpx" :class="sel==index?'active':''" @click="selecttype(item,index)" v-for="(item,index) in articletypelist" :key="index" :data-id="item.id">{{item.name}}
<image class="selected" src="../../static/xuanzhong_icon@2x.png" v-if="sel==index"></image>
<!-- <image class="selected" src="" v-else></image> -->
</view>
</view>
<view class="articl">
<view class="nodata" v-if="articleList.length==0">暂无数据</view>
<view class="articl" v-else>
<view class="nodata" v-if="articleList.length==0">暂无数据</view>
<block v-for="(item,index) in articleList" :key="index" @click="toarticle(item)">
<view class="articltitle">
<image class="photo" :src="baceurl+item.head_image"></image>
... ... @@ -141,7 +142,7 @@ export default {
this.getschooldetails()
this.getollege()
this.getarticletype()
this.getAllArticle()
},
methods:{
popupShow(){
... ... @@ -190,7 +191,9 @@ export default {
item.issel=''
return;
})
this.articletypelist=res
this.articletypelist=res;
this.type_id=res[0].id;
this.getAllArticle()
console.log(res)
}).catch((err)=>{
console.log(err)
... ... @@ -446,6 +449,7 @@ export default {
.card{
width:686rpx;
height:288rpx;
overflow: hidden;
background:rgba(255,255,255,1);
box-shadow:0rpx 4rpx 6rpx rgba(45,85,117,0.1);
opacity:1;
... ... @@ -453,22 +457,27 @@ export default {
display: flex;
flex-wrap: wrap;
padding: 0 40rpx;
padding-top: 40rpx;
padding: 20rpx 0;
box-sizing: border-box;
margin-top: 16rpx;
margin-bottom: 44rpx;
.item{
width:227rpx!important;
// padding: 40rpx 0;
// box-sizing: border-box;
font-size: 24rpx;
color:rgba(45,85,117,1);
text-align: center;
.bor{
border-right: 1rpx solid rgba(238,238,238,1);
width: 225rpx;
padding-right: 20rpx;
// border-right: 1rpx solid rgba(238,238,238,1);
width: 227rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding:0 20rpx;
box-sizing: border-box;
height: 64rpx;
line-height: 64rpx;
box-sizing: border-box;
... ... @@ -588,7 +597,7 @@ export default {
z-index: 999;
.card{
width: 628rpx;
height: 288rpx;
// height: 288rpx;
background:rgba(255,255,255,1);
position: fixed;
top: 50%;
... ... @@ -599,6 +608,8 @@ export default {
position: relative;
text-align: center;
overflow: hidden;
padding: 20rpx 0;
box-sizing: border-box;
.close{
width: 35rpx;
height: 35rpx;
... ...
... ... @@ -2,10 +2,10 @@
<view class="content">
<view class="msgCard">
<image :src="matemsg.head_image" class="photo"></image>
<view class="title">{{matemsg.nickname}}</view>
<view class="o">{{matemsg.university_name}} | {{matemsg.college_name}} | {{matemsg.end_year}}</view>
<view class="t">{{matemsg.school_name}} | <text v-for="(item,index) in matemsg.subject_names" :key="index">{{item}}</text> | {{matemsg.up_name}}</view>
<view class="mall">个人邮箱:{{matemsg.email}}</view>
<view class="title">{{matemsg.nickname==undefined?'':matemsg.nickname}}</view>
<view class="o">{{matemsg.university_name==undefined?'':matemsg.university_name}} | {{matemsg.college_name==undefined?'':matemsg.college_name}} | {{matemsg.end_year==undefined?'':matemsg.end_year}}</view>
<view class="t">{{matemsg.school_name==undefined?'':matemsg.school_name}} | <text v-for="(item,index) in matemsg.subject_names" :key="index">{{item}}</text> | {{matemsg.up_name==undefined?'':matemsg.up_name}}</view>
<view class="mall">个人邮箱:{{matemsg.email==undefined?'':matemsg.email}}</view>
<view class="right" v-if="matemsg.is_like==1" @click="notlike">
<image src="../../static/yiguanzhu_img@2x.png"></image>
<view class="text">已关注</view>
... ... @@ -22,8 +22,8 @@
<!-- <image class="selected" src="" v-else></image> -->
</view>
</view>
<view class="articl">
<view class="nodata" v-if="articleList.length==0">暂无数据</view>
<view class="articl" v-else>
<block v-for="(item,index) in articleList" :key="index" @click="toarticlemsg(item)">
<view class="articltitle">
<image class="photo" :src="item.head_image"></image>
... ... @@ -40,7 +40,7 @@
</view>
</block>
<view class="nodata" v-if="articleList.length==0">暂无数据</view>
</view>
<view v-if="type==1">
<view class="botmBox">
... ... @@ -120,13 +120,14 @@ data(){
}
},
onLoad(options){
console.log('我的数据',options)
this.id=options.id;
this.user_id=options.user_id
this.type=options.type
console.log(options)
this.getmatemsg()
this.getarticletype()
this.getAllArticle()
},
methods:{
liuyanBoxShow(){
... ... @@ -172,12 +173,15 @@ methods:{
var url = "article/getArticleType"
var params = {}
app.post(url,params,"get").then((res)=>{
this.articletypelist=res
this.articletypelist=res;
this.type_id=res[0].id;
console.log('我是typeid',this.type_id)
that.getAllArticle()
console.log(res)
}).catch((err)=>{
console.log(err)
})
},
getAllArticle(){
var token = uni.getStorageSync('token')
... ... @@ -187,7 +191,7 @@ methods:{
// university_id:that.university_id,
page:that.page,
size:that.size,
user_id:that.id,
user_id:that.user_id,
type_id:that.type_id,
token:token
}
... ... @@ -491,7 +495,7 @@ methods:{
}
.content{
background: url("../../static/bg_img@2x(2).png") no-repeat;
background-color: rgba(249,249,249,1);
// background-color: rgba(249,249,249,1);
// height: 100vh;
background-size: 750rpx 292rpx;
overflow: hidden;
... ... @@ -628,7 +632,8 @@ methods:{
background-color: #fff;
margin: 0 auto;
margin-top: 24rpx;
padding: 0 34rpx;
padding: 0 34rpx 32rpx;
box-sizing: border-box;
box-shadow:0rpx 4rpx 6rpx rgba(45,85,117,0.1);
border-radius:20rpx;
margin-bottom: 42rpx;
... ...
<template>
<view class="content">
<view class="top">
<view class="search">
<image class="icon" src="../../static/sousuo_icon@2x.png"></image>
<input type="text" v-model="word" placeholder="请输入搜索内容" class="input" placeholder-style="color:rgba(189,196,206,1);font-size:28rpx;" style="font-size:28rpx;">
</view>
<view class="searchBtn" @click="getmatelist">搜索</view>
</view>
<view class="type">
<view class="typeitem" @click="diquShow" :class="{'active':active1}">地区</view>
<!-- <view class="typeitem" @click="schoolShow" :class="{'active':active2}">学校</view> -->
<view class="typeitem" @click="majorShow" :class="{'active':active3}">专业</view>
<view class="typeitem" @click="styleShow" :class="{'active':active4}">升学方式</view>
<view class="diquPopup" v-if="isDiquShow">
<view class="cont">
<view class="colum" style="overflow: auto;height: 600rpx;">
<view class="title" @click="selectallprovince" :data-id="null">全部省</view>
<view class="item" @click="selectprovince" v-for="(item,index) in provinceList" :key="index" :data-id="item.code">{{item.name}}</view>
</view>
<view class="colum" style="overflow: auto;height: 600rpx;">
<view class="title" @click="selectallcity" :data-id="null">这个省的市</view>
<view class="item" @click="selectcity" v-for="(item,index) in cityList" :key="index" :data-id="item.code">{{item.name}}</view>
</view>
<view class="colum" style="overflow: auto;height: 600rpx;">
<view class="title" @click="selectschool" :data-id="null">全部学校</view>
<view class="item" @click="selectschool" v-for="(item,index) in schoolList" :key="index" :data-id="item.id">{{item.name}}</view>
</view>
</view>
</view>
<!-- <view class="schoolPopup" v-if="isSchoolShow">
<view class="cont">
<view class="title" @click="selectschool" :data-id="null">全部</view>
<view class="item" style="width:330rpx" @click="selectschool" v-for="(item,index) in schoolList" :key="index" :data-id="item.id">{{item.name}}</view>
</view>
</view> -->
<view class="majorPopup" v-if="isMajorShow">
<view class="cont" style="display:flex;flex-direction: column;overflow: auto;height: 600rpx;">
<view class="title" @click="selectgraduated" :data-id="null">全部</view>
<view class="item" style="width:330rpx" @click="selectgraduated" v-for="(item,index) in graduatedList" :key="index" :data-id="item.id">{{item.name}}</view>
</view>
</view>
<view class="stylePopup" v-if="isStyleShow">
<view class="cont" style="display:flex;flex-direction: column;overflow: auto;height: 600rpx;">
<view class="title" @click="selectup" :data-id="null">全部</view>
<view class="item" style="width:230rpx" @click="selectup" v-for="(item,index) in upList" :key="index" :data-id="item.id">{{item.name}}</view>
</view>
</view>
</view>
<view class="mateitem" v-for="(item,index) in schoolmateList" :key="index" @click="todetile" :data-id="item">
<image class="photo" :src="item.head_image"></image>
<view class="cont">
<view class="title">{{item.nickname}}</view>
<view class="academy">
<image class="icon" src="../../static/xuexiao_icon@2x2.png"></image>{{ item.university_name }} &nbsp;&nbsp;&nbsp; {{ item.college_name }}&nbsp;&nbsp;&nbsp; {{ item.graduated_name }}
</view>
<view class="fen">{{item.up_name}}</view>
</view>
<view class="right" v-if="item.is_like==0">
<image src="../../static/yiguanzhu_img@2x.png"></image>
<view class="text">已关注</view>
</view>
<view class="right" v-else style="width:132rpx;height:54rpx;background:rgba(129,195,191,1);border-radius:32rpx 0rpx 0rpx 32rpx;">
<!-- <image src="../../static/yiguanzhu_img@2x.png"></image> -->
<view class="text" style="align-items: center;"> <image class="icon" src="../../static/guanzhu_icon@2x.png"></image>关注</view>
</view>
</view>
<view class="nodata" v-if="schoolmateList.length==0">暂无数据</view>
<!-- <view class="box">
<view class="text"><text @click="tobuy">购买畅读卡</text>可以额外找到888人</view>
</view> -->
<!-- <tab :current="currentTabIndex" @getData="tabClick"></tab> -->
<view class="teacherfooter" v-if="type == 1">
<view class="teacherfootitem" >
<view class="teacherfootitemtop" @click="footerselChange" :data-id="1" :data-url="'/pages/school/school?type='+1">
<image :src="footersel==1?'/static/xuexiao_icon@2x.png':'/static/xuexiao_icon@2x3.png'"></image>
<view class="content" @click="hide">
<view @click.stop="showhide">
<view class="top">
<view class="search">
<image class="icon" src="../../static/sousuo_icon@2x.png"></image>
<input type="text" v-model="word" placeholder="请输入搜索内容" class="input" placeholder-style="color:rgba(189,196,206,1);font-size:28rpx;"
style="font-size:28rpx;">
</view>
<view class="searchBtn" @click="getmatelist">搜索</view>
</view>
<view class="teacherfootname" :class="footersel==1?'selactive':''">学校</view>
</view>
<view class="teacherfootitem" @click="footerselChange" :data-id="2" :data-url="'/pages/schoolmate/schoolmate?type='+1">
<view class="teacherfootitemtop">
<image :src="footersel==2?'/static/zhaoxiaoyou_icon@2x2.png':'/static/zhaoxiaoyou_icon@2x.png'"></image>
<view class="type">
<view class="typeitem" @click="diquShow" :class="{'active':active1}">地区</view>
<!-- <view class="typeitem" @click="schoolShow" :class="{'active':active2}">学校</view> -->
<view class="typeitem" @click="majorShow" :class="{'active':active3}">专业</view>
<view class="typeitem" @click="styleShow" :class="{'active':active4}">升学方式</view>
<view class="diquPopup" v-if="isDiquShow">
<view class="cont">
<view class="colum" style="overflow: auto;height: 600rpx;">
<view class="title" @click="selectallprovince" :data-id="null">全部省</view>
<view class="item" @click="selectprovince" v-for="(item,index) in provinceList" :key="index" :data-id="item.code">{{item.name}}</view>
</view>
<view class="colum" style="overflow: auto;height: 600rpx;">
<view class="title" @click="selectallcity" :data-id="null">这个省的市</view>
<view class="item" @click="selectcity" v-for="(item,index) in cityList" :key="index" :data-id="item.code">{{item.name}}</view>
</view>
<view class="colum" style="overflow: auto;height: 600rpx;">
<view class="title" @click="selectschool" :data-id="null">全部学校</view>
<view class="item" @click="selectschool" v-for="(item,index) in schoolList" :key="index" :data-id="item.id">{{item.name}}</view>
</view>
</view>
</view>
<!-- <view class="schoolPopup" v-if="isSchoolShow">
<view class="cont">
<view class="title" @click="selectschool" :data-id="null">全部</view>
<view class="item" style="width:330rpx" @click="selectschool" v-for="(item,index) in schoolList" :key="index" :data-id="item.id">{{item.name}}</view>
</view>
</view> -->
<view class="majorPopup" v-if="isMajorShow">
<view class="cont" style="display:flex;flex-direction: column;overflow: auto;height: 600rpx;">
<view class="title" @click="selectgraduated" :data-id="null">全部</view>
<view class="item" style="width:330rpx" @click="selectgraduated" v-for="(item,index) in graduatedList" :key="index"
:data-id="item.id">{{item.name}}</view>
</view>
</view>
<view class="stylePopup" v-if="isStyleShow">
<view class="cont" style="display:flex;flex-direction: column;overflow: auto;height: 600rpx;">
<view class="title" @click="selectup" :data-id="null">全部</view>
<view class="item" style="width:230rpx" @click="selectup" v-for="(item,index) in upList" :key="index" :data-id="item.id">{{item.name}}</view>
</view>
</view>
</view>
<view class="teacherfootname" :class="footersel==2?'selactive':''">找校友</view>
</view>
<view class="teacherfootitem" @click="footerselChange" :data-id="3" :data-url="'/pages/homePage/homePage?type='+1">
<view class="teacherfootitemtop">
<image :src="footersel==3?'/static/wodezhuye_icon@2x2.png':'/static/wodezhuye_icon@2x.png'"></image>
<view class="mateitem" v-for="(item,index) in schoolmateList" :key="index" @click="todetile" :data-id="item">
<image class="photo" :src="item.head_image"></image>
<view class="cont">
<view class="title">{{item.nickname}}</view>
<view class="academy">
<image class="icon" src="../../static/xuexiao_icon@2x2.png"></image>{{ item.university_name }} &nbsp;&nbsp;&nbsp;
{{ item.college_name }}&nbsp;&nbsp;&nbsp; {{ item.graduated_name }}
</view>
<view class="fen">{{item.up_name}}</view>
</view>
<view class="right" v-if="item.is_like==1">
<image src="../../static/yiguanzhu_img@2x.png"></image>
<view class="text">已关注</view>
</view>
<view class="right" v-else style="width:132rpx;height:54rpx;background:rgba(129,195,191,1);border-radius:32rpx 0rpx 0rpx 32rpx;">
<!-- <image src="../../static/yiguanzhu_img@2x.png"></image> -->
<view class="text" style="align-items: center;">
<image class="icon" src="../../static/guanzhu_icon@2x.png"></image>关注
</view>
</view>
</view>
<view class="teacherfootname" :class="footersel==3?'selactive':''">我的主页</view>
</view>
</view>
<view class="collegefooter" v-if="type == 2">
<view class="teacherfootitem" @click="footerselChange" :data-id="2" :data-url="'/pages/schoolmate/schoolmate?type='+2">
<view class="teacherfootitemtop">
<image :src="footersel==2?'/static/zhaoxiaoyou_icon@2x2.png':'/static/zhaoxiaoyou_icon@2x.png'"></image>
<view class="nodata" v-if="schoolmateList.length==0">暂无数据</view>
<!-- <view class="box">
<view class="text"><text @click="tobuy">购买畅读卡</text>可以额外找到888人</view>
</view> -->
<!-- <tab :current="currentTabIndex" @getData="tabClick"></tab> -->
<view class="teacherfooter" v-if="type == 1">
<view class="teacherfootitem">
<view class="teacherfootitemtop" @click="footerselChange" :data-id="1" :data-url="'/pages/school/school?type='+1">
<image :src="footersel==1?'/static/xuexiao_icon@2x.png':'/static/xuexiao_icon@2x3.png'"></image>
</view>
<view class="teacherfootname" :class="footersel==1?'selactive':''">学校</view>
</view>
<view class="teacherfootitem" @click="footerselChange" :data-id="2" :data-url="'/pages/schoolmate/schoolmate?type='+1">
<view class="teacherfootitemtop">
<image :src="footersel==2?'/static/zhaoxiaoyou_icon@2x2.png':'/static/zhaoxiaoyou_icon@2x.png'"></image>
</view>
<view class="teacherfootname" :class="footersel==2?'selactive':''">找校友</view>
</view>
<view class="teacherfootitem" @click="footerselChange" :data-id="3" :data-url="'/pages/homePage/homePage?type='+1">
<view class="teacherfootitemtop">
<image :src="footersel==3?'/static/wodezhuye_icon@2x2.png':'/static/wodezhuye_icon@2x.png'"></image>
</view>
<view class="teacherfootname" :class="footersel==3?'selactive':''">我的主页</view>
</view>
</view>
<view class="teacherfootname" :class="footersel==2?'selactive':''">找校友</view>
</view>
<view class="teacherfootitem" @click="footerselChange" :data-id="3" :data-url="'/pages/homePage/collegeHome?type='+2">
<view class="teacherfootitemtop">
<image :src="footersel==3?'/static/wodezhuye_icon@2x2.png':'/static/wodezhuye_icon@2x.png'"></image>
<view class="collegefooter" v-if="type == 2">
<view class="teacherfootitem" @click="footerselChange" :data-id="2" :data-url="'/pages/schoolmate/schoolmate?type='+2">
<view class="teacherfootitemtop">
<image :src="footersel==2?'/static/zhaoxiaoyou_icon@2x2.png':'/static/zhaoxiaoyou_icon@2x.png'"></image>
</view>
<view class="teacherfootname" :class="footersel==2?'selactive':''">找校友</view>
</view>
<view class="teacherfootitem" @click="footerselChange" :data-id="3" :data-url="'/pages/homePage/collegeHome?type='+2">
<view class="teacherfootitemtop">
<image :src="footersel==3?'/static/wodezhuye_icon@2x2.png':'/static/wodezhuye_icon@2x.png'"></image>
</view>
<view class="teacherfootname" :class="footersel==3?'selactive':''">我的主页</view>
</view>
</view>
<view class="teacherfootname" :class="footersel==3?'selactive':''">我的主页</view>
</view>
</view>
</view>
</view>
</template>
<script>
import app from "../../App.vue";
export default {
data(){
return{
isDiquShow:false,
// isSchoolShow:false,
isMajorShow:false,
isStyleShow:false,
active1:false,
// active2:false,
active3:false,
active4:false,
currentTabIndex:1,
footersel:2,
type:"",
province_id:"",
city_id:'',
schoolmate:{
page:'1',
size:'10',
type:'1',
university_id:'',
graduated_id:'',
up_id:'',
},
school:{
page:'1',
size:'10',
word:''
},
graduatedList:[],
upList:[],
schoolmateList:[],
provinceList:[],
cityList:[],
schoolList:[]
}
},
methods:{
tobuy(){
if(uni.getStorageSync('token')==''){
uni.navigateTo({
url:'../register/register?istoken='+1
})
}else{
uni.navigateTo({
url:'../homePage/buyCard'
})
}
},
diquShow(){
this.isDiquShow=true;
this.isSchoolShow=false;
this.isMajorShow=false
this.isStyleShow=false
this.active1=true,
this.active2=false
this.active3=false
this.active4=false
},
hide(){
this.isDiquShow=false,
this.isSchoolShow=false;
this.isMajorShow=false
this.isStyleShow=false
this.active1=false,
this.active2=false
this.active3=false
this.active4=false
},
// schoolShow(){
// this.isSchoolShow=true;
// this.isDiquShow=false,
// this.isMajorShow=false
// this.isStyleShow=false
// this.active1=false,
// this.active2=true
// this.active3=false
// this.active4=false
// },
majorShow(){
this.isMajorShow=true
this.isDiquShow=false,
this.isSchoolShow=false;
this.isStyleShow=false
this.active1=false,
this.active2=false
this.active3=true
this.active4=false
},
styleShow(){
this.isStyleShow=true
this.isMajorShow=false
this.isSchoolShow=false
this.isDiquShow=false
this.active1=false,
this.active2=false
this.active3=false
this.active4=true
},
// 底部导航跳转
footerselChange(e) {
let url = e.currentTarget.dataset.url;
// console.log(e)
uni.redirectTo({
url: url
})
},
//获取学长列表
getmatelist(){
if(uni.getStorageSync('token')==''){
uni.showToast({
title:"请登陆后操作",
icon:"none"
})
setTimeout(() => {
uni.navigateTo({
url:'../register/register?istoken='+1
})
}, 1500);
}else{
var url="student/getStudentList"
var token = uni.getStorageSync('token')
var params = {
page:this.schoolmate.page,
size:this.schoolmate.size,
type:this.schoolmate.type,
university_id:this.schoolmate.university_id,
graduated_id:this.schoolmate.graduated_id,
up_id:this.schoolmate.up_id,
word:this.word,
token:token
}
app.post(url,params,"get").then((res)=>{
console.log(res)
this.schoolmateList=res
}).catch((err)=>{
console.log(err)
})
export default {
data() {
return {
isDiquShow: false,
// isSchoolShow:false,
isMajorShow: false,
isStyleShow: false,
active1: false,
// active2:false,
active3: false,
active4: false,
currentTabIndex: 1,
footersel: 2,
type: "",
province_id: "",
city_id: '',
schoolmate: {
page: '1',
size: '10',
type: '1',
university_id: '',
graduated_id: '',
up_id: '',
},
school: {
page: '1',
size: '10',
word: ''
},
graduatedList: [],
upList: [],
schoolmateList: [],
provinceList: [],
cityList: [],
schoolList: [],
word:""
}
},
//获取所有专业
getAllGraduated(){
var url="university/getGraduated"
var parmas={}
app.post(url,parmas,"get").then((res)=>{
console.log(res)
this.graduatedList=res
}).catch((err)=>{
console.log(err)
})
},
//获取所有升学方式
getAllUp(){
var url="university/getAllUp"
var params={}
app.post(url,params,"get").then((res)=>{
console.log(res[0].name)
this.upList=res
}).catch((err)=>{
console.log(err)
})
},
//获取全部地区(省)
getAllProvince(){
var url ="city/getAllProvince"
var params ={}
app.post(url,params,"get").then((res)=>{
this.provinceList=res
}).catch((err)=>{
console.log(err)
})
},
//市
getAllCity(){
var url = "city/getCity"
var params = {
province_id:this.province_id
}
app.post(url,params,"get").then((res)=>{
console.log(res)
this.cityList=res
}).catch((err)=>{
console.log(err)
})
},
//学校
getAllSchool(){
var url="city/getUniversityByCity"
var params ={
city_id:this.city_id
}
app.post(url,params,"get").then((res)=>{
console.log(res)
this.schoolList=res
}).catch((err)=>{
console.log(err)
})
},
//点击选中的升学方式
selectup(e){
this.schoolmate.up_id=e.currentTarget.dataset.id
console.log(e.currentTarget.dataset.id)
this.getmatelist()
this.isStyleShow=false
},
//点击选中的专业
selectgraduated(e){
this.schoolmate.graduated_id=e.currentTarget.dataset.id
this.isMajorShow=false
this.getmatelist()
},
//点击选中的学校
selectschool(e){
this.schoolmate.university_id=e.currentTarget.dataset.id
console.log(e.currentTarget.dataset.id)
this.isDiquShow=false
this.getmatelist()
},
//点击选中的省
selectprovince(e){
if(this.province_id!=e.currentTarget.dataset.id){
this.province_id=e.currentTarget.dataset.id;
this.schoolList = [];
this.getAllCity()
}
},
//点击全部省
selectallprovince(){
this.getmatelist()
this.isDiquShow=false
},
//点击选中全部市
selectallcity(){
this.getmatelist()
this.isDiquShow=false
},
//点击选中的市
selectcity(e){
if(this.city_id!=e.currentTarget.dataset.id){
this.city_id=e.currentTarget.dataset.id
this.schoolList = [];
this.getAllSchool()
}
},
todetile(e){
if(uni.getStorageSync('token')==''){
uni.navigateTo({
url:'../register/register?istoken='+1
},
methods: {
hide() {
console.log(3889348439)
this.isDiquShow = false
},
showhide() {
},
tobuy() {
if (uni.getStorageSync('token') == '') {
uni.navigateTo({
url: '../register/register?istoken=' + 1
})
} else {
uni.navigateTo({
url: '../homePage/buyCard'
})
}
},
diquShow() {
this.isDiquShow = true;
this.isSchoolShow = false;
this.isMajorShow = false
this.isStyleShow = false
this.active1 = true,
this.active2 = false
this.active3 = false
this.active4 = false
},
hide() {
this.isDiquShow = false,
this.isSchoolShow = false;
this.isMajorShow = false
this.isStyleShow = false
this.active1 = false,
this.active2 = false
this.active3 = false
this.active4 = false
},
// schoolShow(){
// this.isSchoolShow=true;
// this.isDiquShow=false,
// this.isMajorShow=false
// this.isStyleShow=false
// this.active1=false,
// this.active2=true
// this.active3=false
// this.active4=false
// },
majorShow() {
this.isMajorShow = true
this.isDiquShow = false,
this.isSchoolShow = false;
this.isStyleShow = false
this.active1 = false,
this.active2 = false
this.active3 = true
this.active4 = false
},
styleShow() {
this.isStyleShow = true
this.isMajorShow = false
this.isSchoolShow = false
this.isDiquShow = false
this.active1 = false,
this.active2 = false
this.active3 = false
this.active4 = true
},
// 底部导航跳转
footerselChange(e) {
let url = e.currentTarget.dataset.url;
// console.log(e)
uni.redirectTo({
url: url
})
}else{
var type = this.type
var id = e.currentTarget.dataset.id.user_id
console.log( e.currentTarget.dataset.id)
uni.navigateTo({
url:"../school/schoolmateMsg?user_id="+id+"&type="+type
})
},
//获取学长列表
getmatelist() {
if (uni.getStorageSync('token') == '') {
uni.showToast({
title: "请登陆后操作",
icon: "none"
})
setTimeout(() => {
uni.navigateTo({
url: '../register/register?istoken=' + 1
})
}, 1500);
} else {
var url = "student/getStudentList"
var token = uni.getStorageSync('token')
var params = {
page: this.schoolmate.page,
size: this.schoolmate.size,
type: this.schoolmate.type,
university_id: this.schoolmate.university_id,
graduated_id: this.schoolmate.graduated_id,
up_id: this.schoolmate.up_id,
word: this.word,
token: token
}
app.post(url, params, "get").then((res) => {
console.log(res)
this.schoolmateList = res
}).catch((err) => {
console.log(err)
})
}
},
//获取所有专业
getAllGraduated() {
var url = "university/getGraduated"
var parmas = {}
app.post(url, parmas, "get").then((res) => {
console.log(res)
this.graduatedList = res
}).catch((err) => {
console.log(err)
})
},
//获取所有升学方式
getAllUp() {
var url = "university/getAllUp"
var params = {}
app.post(url, params, "get").then((res) => {
console.log(res[0].name)
this.upList = res
}).catch((err) => {
console.log(err)
})
},
//获取全部地区(省)
getAllProvince() {
var url = "city/getAllProvince"
var params = {}
app.post(url, params, "get").then((res) => {
this.provinceList = res
}).catch((err) => {
console.log(err)
})
},
//市
getAllCity() {
var url = "city/getCity"
var params = {
province_id: this.province_id
}
app.post(url, params, "get").then((res) => {
console.log(res)
this.cityList = res
}).catch((err) => {
console.log(err)
})
},
//学校
getAllSchool() {
var url = "city/getUniversityByCity"
var params = {
city_id: this.city_id
}
app.post(url, params, "get").then((res) => {
console.log(res)
this.schoolList = res
}).catch((err) => {
console.log(err)
})
},
//点击选中的升学方式
selectup(e) {
this.schoolmate.up_id = e.currentTarget.dataset.id
console.log(e.currentTarget.dataset.id)
this.getmatelist()
this.isStyleShow = false
},
//点击选中的专业
selectgraduated(e) {
this.schoolmate.graduated_id = e.currentTarget.dataset.id
this.isMajorShow = false
this.getmatelist()
},
//点击选中的学校
selectschool(e) {
this.schoolmate.university_id = e.currentTarget.dataset.id
console.log(e.currentTarget.dataset.id)
this.isDiquShow = false
this.getmatelist()
},
//点击选中的省
selectprovince(e) {
if (this.province_id != e.currentTarget.dataset.id) {
this.province_id = e.currentTarget.dataset.id;
this.schoolList = [];
this.getAllCity()
}
},
//点击全部省
selectallprovince() {
this.getmatelist()
this.isDiquShow = false
},
//点击选中全部市
selectallcity() {
this.getmatelist()
this.isDiquShow = false
},
//点击选中的市
selectcity(e) {
if (this.city_id != e.currentTarget.dataset.id) {
this.city_id = e.currentTarget.dataset.id
this.schoolList = [];
this.getAllSchool()
}
},
todetile(e) {
if (uni.getStorageSync('token') == '') {
uni.navigateTo({
url: '../register/register?istoken=' + 1
})
} else {
var type = this.type
var id = e.currentTarget.dataset.id.user_id
console.log(e.currentTarget.dataset.id)
uni.navigateTo({
url: "../school/schoolmateMsg?user_id=" + id + "&type=" + type
})
}
}
}
},
onLoad(options){
console.log(options.type)
var type=options.type
this.type=type
this.getmatelist()
// this.getAllSchool()
this.getAllGraduated()
this.getAllUp()
this.getAllProvince()
},
}
},
onLoad(options) {
console.log(options.type)
var type = options.type
this.type = type
this.getmatelist()
// this.getAllSchool()
this.getAllGraduated()
this.getAllUp()
this.getAllProvince()
},
}
</script>
<style lang="less">
.content{
background-color: rgba(249,249,249,1);
height: 100vh;
padding-bottom: 120rpx;
.nodata{
text-align: center;
font-size: 28rpx;
padding: 20rpx 0;
}
.top{
padding: 18rpx 32rpx;
display: flex;
background-color: #fff;
}
.search{
// background-color: #fff;
display: flex;
// text-align: center;
align-items: center;
width:596rpx;
height:64rpx;
background:rgba(238,238,238,1);
opacity:1;
border-radius:40rpx;
padding: 0 28rpx;
box-sizing: border-box;
.icon{
width: 30rpx;
height: 30rpx;
}
.input{
height: 64rpx;
width: 500rpx;
text-align: center;
}
}
.searchBtn{
color:rgba(6,18,30,1);
font-size: 28rpx;
line-height: 64rpx;
margin-left: 20rpx;
}
.type{
display: flex;
color:rgba(6,18,30,1);
font-size: 24rpx;
background-color: #fff;
padding: 24rpx 32rpx;
margin-bottom: 24rpx;
.typeitem{
width: 132rpx;
}
.active{
color: #05849D;
}
.diquPopup,.schoolPopup,.majorPopup,.stylePopup{
width: 750rpx;
// height: 314rpx;
position: absolute;
top: 184rpx;
left: 0;
background-color: #fff;
padding: 22rpx 32rpx;
// box-sizing: border-box;
z-index: 999;
box-shadow:0px 4px 4px rgba(0,0,0,0.06);
border-top: 1rpx solid rgba(249,249,249,1);
.item{
margin-bottom: 22rpx;
// height: 74rpx;
width: 170rpx;
}
.title{
margin-bottom: 20rpx;
}
.cont{
.colum{
width: 30%;
}
display: flex;
// height: 314rpx;
// flex-direction: column;
flex-wrap: wrap;
justify-content: start;
}
}
}
.mateitem{
width:686rpx;
height:172rpx;
background:rgba(255,255,255,1);
opacity:1;
border-radius:8px;
margin: 0 auto;
background-color: #fff;
display: flex;
padding: 24rpx 32rpx;
box-sizing: border-box;
position: relative;
margin-bottom: 24rpx;
.photo{
width: 112rpx;
height: 112rpx;
margin-right: 26rpx;
margin-top: 6rpx;
}
.cont{
.title{
color:rgba(61,68,77,1);
font-size: 28rpx;
}
.academy{
color:rgba(61,68,77,1);
font-size: 22rpx;
margin-top: 4rpx;
display: flex;
align-items: center;
// line-height: 24rpx;
.icon{
width: 24rpx;
height: 24rpx;
margin-right: 6rpx;
}
}
.fen{
font-size: 22rpx;
color:rgba(140,145,152,1);
margin-top: 10rpx;
}
}
.right{
width: 132rpx;
height: 54rpx;
position: absolute;
right: 0;
top: 16rpx;
display: flex;
align-items: center;
.icon{
width: 28rpx;
height: 28rpx;
// margin-right: 6rpx;
}
image{
width: 132rpx;
height: 54rpx;
}
.text{
color: #fff;
font-size: 24rpx;
width: 80rpx;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: flex;
align-items: center;
}
}
}
.box{
width: 686rpx;
height: 110rpx;
background-color: #fff;
margin: 0 auto;
font-size:28rpx;
line-height: 110rpx;
text-align: center;
text{
color:rgba(129,195,191,1);
}
}
}
.tabBar{
display: flex;
position: fixed;
width: 100%;
height: 100rpx;
background-color: #fff;
bottom: 0;
.item{
flex: 4;
text-align: center;
font-size: 22rpx;
color:rgba(189,196,206,1);
// display: ;
margin-top: 10rpx;
image{
width: 48rpx;
height: 48rpx;
}
}
}
</style>
\ No newline at end of file
.content {
background-color: rgba(249, 249, 249, 1);
height: 100vh;
padding-bottom: 120rpx;
.nodata {
text-align: center;
font-size: 28rpx;
padding: 20rpx 0;
}
.top {
padding: 18rpx 32rpx;
display: flex;
background-color: #fff;
}
.search {
// background-color: #fff;
display: flex;
// text-align: center;
align-items: center;
width: 596rpx;
height: 64rpx;
background: rgba(238, 238, 238, 1);
opacity: 1;
border-radius: 40rpx;
padding: 0 28rpx;
box-sizing: border-box;
.icon {
width: 30rpx;
height: 30rpx;
}
.input {
height: 64rpx;
width: 500rpx;
text-align: center;
}
}
.searchBtn {
color: rgba(6, 18, 30, 1);
font-size: 28rpx;
line-height: 64rpx;
margin-left: 20rpx;
}
.type {
display: flex;
color: rgba(6, 18, 30, 1);
font-size: 24rpx;
background-color: #fff;
padding: 24rpx 32rpx;
margin-bottom: 24rpx;
.typeitem {
width: 132rpx;
}
.active {
color: #05849D;
}
.diquPopup,
.schoolPopup,
.majorPopup,
.stylePopup {
width: 750rpx;
// height: 314rpx;
position: absolute;
top: 184rpx;
left: 0;
background-color: #fff;
padding: 22rpx 32rpx;
// box-sizing: border-box;
z-index: 999;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
border-top: 1rpx solid rgba(249, 249, 249, 1);
.item {
margin-bottom: 22rpx;
// height: 74rpx;
width: 170rpx;
}
.title {
margin-bottom: 20rpx;
}
.cont {
.colum {
width: 30%;
}
display: flex;
// height: 314rpx;
// flex-direction: column;
flex-wrap: wrap;
justify-content: start;
}
}
}
.mateitem {
width: 686rpx;
height: 172rpx;
background: rgba(255, 255, 255, 1);
opacity: 1;
border-radius: 8px;
margin: 0 auto;
background-color: #fff;
display: flex;
padding: 24rpx 32rpx;
box-sizing: border-box;
position: relative;
margin-bottom: 24rpx;
.photo {
width: 112rpx;
height: 112rpx;
margin-right: 26rpx;
margin-top: 6rpx;
}
.cont {
.title {
color: rgba(61, 68, 77, 1);
font-size: 28rpx;
}
.academy {
color: rgba(61, 68, 77, 1);
font-size: 22rpx;
margin-top: 4rpx;
display: flex;
align-items: center;
// line-height: 24rpx;
.icon {
width: 24rpx;
height: 24rpx;
margin-right: 6rpx;
}
}
.fen {
font-size: 22rpx;
color: rgba(140, 145, 152, 1);
margin-top: 10rpx;
}
}
.right {
width: 132rpx;
height: 54rpx;
position: absolute;
right: 0;
top: 16rpx;
display: flex;
align-items: center;
.icon {
width: 28rpx;
height: 28rpx;
// margin-right: 6rpx;
}
image {
width: 132rpx;
height: 54rpx;
}
.text {
color: #fff;
font-size: 24rpx;
width: 80rpx;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
}
}
}
.box {
width: 686rpx;
height: 110rpx;
background-color: #fff;
margin: 0 auto;
font-size: 28rpx;
line-height: 110rpx;
text-align: center;
text {
color: rgba(129, 195, 191, 1);
}
}
}
.tabBar {
display: flex;
position: fixed;
width: 100%;
height: 100rpx;
background-color: #fff;
bottom: 0;
.item {
flex: 4;
text-align: center;
font-size: 22rpx;
color: rgba(189, 196, 206, 1);
// display: ;
margin-top: 10rpx;
image {
width: 48rpx;
height: 48rpx;
}
}
}
</style>
... ...