Skip to content

C
cust-app
Commit eb10c636 authored by liwei's avatar liwei
Browse files
Options

增加了我喜欢的，喜欢我的，互相喜欢的页面

parent 92deaafe
Show whitespace changes
Inline Side-by-side
Showing with 455 additions and 51 deletions
pages.json
View file @ eb10c636
...@@ -114,56 +114,18 @@ ...@@ -114,56 +114,18 @@
] ]
}, },
{ {
"root": "pagesintroduction", "root": "pagesme",
"pages": [{ "pages": [
"path": "selfIntroduction",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "selectHeight/selectHeight",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "selectJob/selectJob",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "selectSchool/selectSchool",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "selectEducation/selectEducation",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "selectPhoto/selectPhoto",
"style": {
"navigationStyle": "custom"
}
},
{ {
"path": "aboutme/aboutme", "path": "me/likeList",
"style": { "style": {
"navigationBarTitleText": "我喜欢的",
"backgroundColor": "#F4F5F9",
"backgroundColorTop": "#F4F5F9",
"navigationBarBackgroundColor": "#F4F5F9",
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}
]
}, },
{
"root": "pagesme",
"pages": [
{ {
"path": "me/updateInformation", "path": "me/updateInformation",
"style": { "style": {
......
pages/tab/my.vue
View file @ eb10c636
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
<text v-if="info.nickName">{{info.nickName}}</text><text v-else>0</text> <text v-if="info.nickName">{{info.nickName}}</text><text v-else>0</text>
</view> </view>
<view class="div"> <view class="div">
<view class="diving" @click="gotolike(1)"> <view class="diving" @click="gotolike(1,info.ilike)">
<view class="divtast"> <view class="divtast">
<text v-if="info.ilike">{{info.ilike}}</text><text v-else>0</text> <text v-if="info.ilike">{{info.ilike}}</text><text v-else>0</text>
</view> </view>
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
我喜欢的 我喜欢的
</view> </view>
</view> </view>
<view class="diving" style="margin: 0 136rpx;" @click="gotolike(2)"> <view class="diving" style="margin: 0 136rpx;" @click="gotolike(2,info.likeMe)">
<!-- <view class="divtast" v-if="info.likeMe==0">--> <!-- <view class="divtast" v-if="info.likeMe==0">-->
<view class="divtast"> <view class="divtast">
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
喜欢我的 喜欢我的
</view> </view>
</view> </view>
<view class="diving" @click="gotolike(3)"> <view class="diving" @click="gotolike(3,info.lovers)">
<view class="divtast"> <view class="divtast">
<text v-if="info.lovers">{{info.lovers}}</text><text v-else>0</text> <text v-if="info.lovers">{{info.lovers}}</text><text v-else>0</text>
</view> </view>
...@@ -221,6 +221,9 @@ import {setUserProfile} from '../../api/login/index' ...@@ -221,6 +221,9 @@ import {setUserProfile} from '../../api/login/index'
}], }],
info: { info: {
nickName:'11111', nickName:'11111',
ilike:'6',
likeMe:'7',
lovers:'8',
goldBalance:0, goldBalance:0,
userArticleViewResponse:{ userArticleViewResponse:{
articleImg:null, articleImg:null,
...@@ -311,8 +314,10 @@ import {setUserProfile} from '../../api/login/index' ...@@ -311,8 +314,10 @@ import {setUserProfile} from '../../api/login/index'
url: "/pagesme/me/doubleauth" url: "/pagesme/me/doubleauth"
}) })
}, },
gotolike(type) { //喜欢三个列表页面 gotolike(type,num) { //喜欢三个列表页面
uni.navigateTo({
url: "/pagesme/me/likeList?type="+type+'&num='+num
})
}, },
whether(i) { whether(i) {
if (i == 0) { if (i == 0) {
......
pagesArticle/components/Item.vue
View file @ eb10c636
...@@ -340,7 +340,6 @@ ...@@ -340,7 +340,6 @@
.name { .name {
text { text {
font-weight: 600; font-weight: 600;
font-size: 32rpx; font-size: 32rpx;
color: #333333; color: #333333;
......
pagesme/me/likeList.vue 0 → 100644
View file @ eb10c636
<template>
<view style="background-color: #F4F5F9;min-height: 100vh;">
<!-- 页头-->
<u-navbar @leftClick="backbar" bgColor="#F4F5F9" :title="title"></u-navbar>
<view class="recommendation" :style="{'top':navHeight+'px'}">
<view v-if="isdata" class="nodatacard">
<view class="text">暂无数据</view>
</view>
<view class="card">
<view class="recommendation-card" v-for="item in userList" @click="gotoBusinessDetail(item)">
<view class="card-image">
<image class="img" src="https://cdn.uviewui.com/uview/album/1.jpg"/>
</view>
<view class="card-bottom">
<view class="bottom-left">
<view class="bottom-info">
{{item.nickName}}
<image v-if="item.gender == 'MALE'" class="gender" src="../../static/images/like/male.png" mode=""/>
<image v-else class="gender" src="../../static/images/like/famale.png" mode=""/>
</view>
<view class="bottom-info">
{{item.age}}岁
<text style="margin-left: 10rpx;margin-right: 10rpx;color: #BBB9B9FF;">|</text>
{{item.height}}cm
</view>
<view class="bottom-address">{{item.address}}</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
let util = require('@/util/means.js');
export default {
data() {
return {
//用户列表
userList:[
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'MALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'MALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
],
//是否有数据
isdata: false,
//页头
title:'',
//页面显示的数据类型 1我喜欢的 2喜欢我的 3互相喜欢
type:'',
//页面数据的数量
num:'',
//距离表头
navHeight:'',
share: false,
menuButtonInfo: '',
};
},
onLoad(options) {
//设置页头
this.type = options.type;
this.num = options.num;
if (this.type == '1'){
//我喜欢的
this.title = '我喜欢的' + '('+ this.num +')';
} else if (this.type == '2'){
//喜欢我的
this.title = '喜欢我的' + '('+ this.num +')';
} else if (this.type == '3'){
//互相喜欢
this.title = '互相喜欢' + '('+ this.num +')';
}
//获取当前页面的页头高度
this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
const {
top,
width,
height,
right
} = this.menuButtonInfo
uni.getSystemInfo({
success: (res) => {
const {
statusBarHeight
} = res;
const margin = top - statusBarHeight
this.navHeight = (height + statusBarHeight + (margin * 3)) //导航栏总高
}
})
this.getUserList()
},
methods: {
getUserList(){
if (this.type == '1'){
//我喜欢的
const list = [
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'MALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'MALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
]
this.userList = list
} else if(this.type == '2') {
//喜欢我的
const list = [
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'MALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'MALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
]
this.userList = list
} else if(this.type == '3') {
//互相喜欢的
const list = [
{
nickName:'暖洋洋',
gender:'MALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'MALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
},
{
nickName:'暖洋洋',
gender:'FEMALE',
age:'21',
height:'165',
address:'重庆市'
}
]
this.userList = list
}
},
backbar() {
if (this.share != null && this.share == "true") {
if (uni.getStorageSync('userInfo')) {
uni.switchTab({
url: '/pages/tab/index'
});
} else {
uni.reLaunch({
url: '/pageslogin/index/index'
});
}
} else {
uni.navigateBack({
delta: 1, //返回层数，2则上上页
})
}
}
}
};
</script>
<style lang="scss" scoped>
.recommendation {
background-color: #F4F5F9;
position: relative;
padding: 0 34rpx;
.nodatacard{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.text{
text-align: center;
padding: 42rpx 0;
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #B9B9B9;
}
}
.recommendation-top {
display: flex;
justify-content: space-between;
margin: 56rpx 0;
.top-title {
font-size: 19px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
color: #222222;
}
.more {
display: flex;
.more-title {
font-size: 17px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #848484;
margin-right: 14rpx;
}
.more-image {
display: flex;
align-items: center;
.rightimage {
width: 7px;
height: 12px;
}
}
}
}
.card {
display: grid;
grid-template-columns: 330rpx 330rpx;
grid-column-gap: 22rpx;
.recommendation-card {
width: 330rpx;
margin-bottom: 25rpx;
border-radius: 20rpx 20rpx 20rpx 20rpx;
background-color: white;
.card-image {
.img {
width: 330rpx;
height: 380rpx;
border-radius: 12px 12px 0px 0px;
}
}
.card-bottom {
display: flex;
margin-top: 34rpx;
.bottom-left {
margin-left: 25rpx;
.bottom-info {
margin-bottom: 10rpx;
font-size: 15px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 450;
color: #222222;
overflow: hidden;
white-space: nowrap;
width: 256rpx;
text-overflow: ellipsis;
.gender {
width: 40rpx;
height: 40rpx;
margin-left: 16rpx;
vertical-align: middle;
}
}
.bottom-address {
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #848484;
margin-top: 20rpx;
margin-bottom: 50rpx;
overflow: hidden;
white-space: nowrap;
width: 256rpx;
text-overflow: ellipsis;
}
}
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment