Leadfyy.co
/
blindDate
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

一期页面修改优化

master
石可 5 years ago
parent
d05e5cb3ae
commit
df3b02e15b
8 changed files with 69 additions and 32 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      pages.json
  2. 9
      pages/find/find.vue
  3. 9
      pages/index/index.vue
  4. 48
      pages/messageCenter/index.vue
  5. 2
      pages/my/exclusiveMatch.vue
  6. 5
      pages/my/memberDetails.vue
  7. 13
      pages/userList/filter.json
  8. 2
      pages/userList/userList.vue

13
pages.json
View File

@ -261,11 +261,6 @@
"iconPath": "static/tabbar/find.png", "iconPath": "static/tabbar/find.png",
"selectedIconPath": "static/tabbar/find-active.png", "selectedIconPath": "static/tabbar/find-active.png",
"text": "发现" "text": "发现"
},{
"pagePath": "pages/personalTailor/personalTailor",
"iconPath": "static/tabbar/customized.png",
"selectedIconPath": "static/tabbar/customized-active.png",
"text": "私人定制"
},{ },{
"pagePath": "pages/messageCenter/index", "pagePath": "pages/messageCenter/index",
"iconPath": "static/tabbar/message.png", "iconPath": "static/tabbar/message.png",
@ -277,5 +272,13 @@
"selectedIconPath": "static/tabbar/my-active.png", "selectedIconPath": "static/tabbar/my-active.png",
"text": "我的" "text": "我的"
}] }]
//二期隐藏部分
// {
// "pagePath": "pages/personalTailor/personalTailor",
// "iconPath": "static/tabbar/customized.png",
// "selectedIconPath": "static/tabbar/customized-active.png",
// "text": "私人定制"
// },
} }
} }

9
pages/find/find.vue
View File

@ -7,7 +7,7 @@
</swiper> </swiper>
<view class="content"> <view class="content">
<view class="card" v-for="item in 2" :key="item"> <view class="card" v-for="item in 2" :key="item">
<view class="avatar">
<view class="avatar" @click="$url('/pages/my/index',{type: 'switch'})">
<lf-image src="../../static/logo.png" ></lf-image> <lf-image src="../../static/logo.png" ></lf-image>
</view> </view>
<view class="info"> <view class="info">
@ -25,7 +25,10 @@
<!-- 时间和更多按钮 --> <!-- 时间和更多按钮 -->
<view class="lf-row-between lf-m-t-23"> <view class="lf-row-between lf-m-t-23">
<view class="lf-font-28 lf-color-777">08:38</view> <view class="lf-font-28 lf-color-777">08:38</view>
<view class="more" @click="show_more = !show_more">
<view class="more lf-font-28" style="width: 80rpx;height: 50rpx;">分享</view>
<!-- 功能隐藏部分 -->
<!-- <view class="more" @click="show_more = !show_more">
<text class="lf-iconfont icon-more"></text> <text class="lf-iconfont icon-more"></text>
<view class="more-modal" v-if="show_more"> <view class="more-modal" v-if="show_more">
<view class="more-item"> <view class="more-item">
@ -41,7 +44,7 @@
<text class="lf-m-l-14">分享</text> <text class="lf-m-l-14">分享</text>
</view> </view>
</view> </view>
</view>
</view> -->
</view> </view>
<!-- 评论 --> <!-- 评论 -->
<view class="comment"> <view class="comment">

9
pages/index/index.vue
View File

@ -6,10 +6,10 @@
<text class="lf-iconfont icon-linedesign-12 lf-font-30 lf-m-l-20"></text> <text class="lf-iconfont icon-linedesign-12 lf-font-30 lf-m-l-20"></text>
<view class="lf-m-l-10 lf-font-24">搜索</view> <view class="lf-m-l-10 lf-font-24">搜索</view>
</view> </view>
<view class="botton" @click="$url('/pages/signIn/signIn')">签到</view>
<!-- <view class="botton" @click="$url('/pages/signIn/signIn')">签到</view> -->
</view> </view>
<!-- 上墙部分 --> <!-- 上墙部分 -->
<view class="up-the-wall">
<!-- <view class="up-the-wall">
<view class="lf-row-between"> <view class="lf-row-between">
<view class="lf-font-32 lf-color-black">最新上墙</view> <view class="lf-font-32 lf-color-black">最新上墙</view>
<view class="lf-color-999" @click="$url('/pages/wallMember/wallMember')"> <view class="lf-color-999" @click="$url('/pages/wallMember/wallMember')">
@ -29,7 +29,7 @@
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
</view>
</view> -->
<self-line /> <self-line />
<!-- 推荐单身 --> <!-- 推荐单身 -->
<view> <view>
@ -71,7 +71,8 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.search{ .search{
width: 530rpx;
// width: 530rpx;
width: 100%;
height: 62rpx; height: 62rpx;
background: #F7F7F7; background: #F7F7F7;
border-radius: 32rpx; border-radius: 32rpx;

48
pages/messageCenter/index.vue
View File

@ -9,7 +9,8 @@
<view class="lf-font-32 lf-color-222">{{ item.title }}</view> <view class="lf-font-32 lf-color-222">{{ item.title }}</view>
<view class="lf-m-t-10 lf-font-28 lf-color-777">{{ item.desc }}</view> <view class="lf-m-t-10 lf-font-28 lf-color-777">{{ item.desc }}</view>
</view> </view>
<view>
<view class="lf-row-between">
<view class="lf-bg-red lf-font-28 ifread-tag">99+</view>
<text class="lf-iconfont icon-xiangyou lf-color-999"></text> <text class="lf-iconfont icon-xiangyou lf-color-999"></text>
</view> </view>
</view> </view>
@ -19,23 +20,25 @@
<script> <script>
export default { export default {
data(){
data() {
return { return {
// 隐藏部分
// {
// title: '消息订阅',
// desc: '关闭后将错过不少缘分',
// icon: 'icon-pinglun',
// bg_color: '#409EEC',
// path: '',
// unread_count: 0
// },
list: [{ list: [{
title: '消息订阅',
desc: '关闭后将错过不少缘分',
icon: 'icon-pinglun',
bg_color: '#409EEC',
path: '',
unread_count: 0
},{
title: '联系过的人', title: '联系过的人',
desc: '去看看哪些人联系过了', desc: '去看看哪些人联系过了',
icon: 'icon-contact-person', icon: 'icon-contact-person',
bg_color: '#FE3EA5', bg_color: '#FE3EA5',
path: '', path: '',
unread_count: 0 unread_count: 0
},{
}, {
title: '系统消息', title: '系统消息',
desc: '查看官方消息', desc: '查看官方消息',
icon: 'icon-tongzhi', icon: 'icon-tongzhi',
@ -45,26 +48,28 @@
}] }]
} }
}, },
onLoad(){
onLoad() {
}, },
methods: { methods: {
} }
} }
</script> </script>
<style lang="scss" scoped="scoped"> <style lang="scss" scoped="scoped">
.content{
.content {
padding: 0 32rpx; padding: 0 32rpx;
width: 750rpx; width: 750rpx;
height: max-content; height: max-content;
box-sizing: border-box; box-sizing: border-box;
.list{
.list {
padding: 30rpx 0; padding: 30rpx 0;
border-bottom: 1rpx solid #e5e5e5; border-bottom: 1rpx solid #e5e5e5;
display: flex; display: flex;
.icon{
.icon {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
border-radius: 50%; border-radius: 50%;
@ -76,4 +81,15 @@
} }
} }
} }
.ifread-tag {
border-radius: 20rpx;
padding: 4rpx;
color: white;
width: 64rpx;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10rpx;
}
</style> </style>

2
pages/my/exclusiveMatch.vue
View File

@ -12,7 +12,7 @@
<view class="lf-flex"> <view class="lf-flex">
<u-icon name="weixin-fill lf-m-r-15 lf-font-38"></u-icon><text class="lf-font-28 lf-color-222">微信：gyw38283</text> <u-icon name="weixin-fill lf-m-r-15 lf-font-38"></u-icon><text class="lf-font-28 lf-color-222">微信：gyw38283</text>
</view> </view>
<view class="content-btn" @click="copy(gyw38283)">
<view class="content-btn" @click="copy('gyw38283')">
复制 复制
</view> </view>
</view> </view>

5
pages/my/memberDetails.vue
View File

@ -65,14 +65,15 @@
分享 分享
</view> </view>
</view> </view>
<view class="lf-flex-column" style="align-items: center;margin-left: 50rpx;">
<!-- 暂时隐藏部分 -->
<!-- <view class="lf-flex-column" style="align-items: center;margin-left: 50rpx;">
<view> <view>
<u-icon name="more-dot-fill lf-font-32 lf-color-555"></u-icon> <u-icon name="more-dot-fill lf-font-32 lf-color-555"></u-icon>
</view> </view>
<view class="lf-color-555 lf-font-24"> <view class="lf-color-555 lf-font-24">
更多 更多
</view> </view>
</view>
</view> -->
</view> </view>
<view> <view>
<button class="tabbar-btn" @click="$url('/pages/my/contact')">联系Ta</button> <button class="tabbar-btn" @click="$url('/pages/my/contact')">联系Ta</button>

13
pages/userList/filter.json
View File

@ -1,4 +1,17 @@
{ {
"total": {
"name": "综合",
"selected": "",
"data": [{
"value": "默认排序"
},{
"value": "最新加入"
},{
"value": "最近在线"
},{
"value": "动态最多"
}]
},
"gender": { "gender": {
"name": "性别", "name": "性别",
"selected": "", "selected": "",

2
pages/userList/userList.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view> <view>
<view class="head"> <view class="head">
<button class="sign-in-btn">{{ name }}</button>
<!-- <button class="sign-in-btn">最新</button> -->
<!-- tabs --> <!-- tabs -->
<view class="filter-item" v-for="(value, key) in filter" :key="key" @click="switchFilter(key)"> <view class="filter-item" v-for="(value, key) in filter" :key="key" @click="switchFilter(key)">
<text>{{ value.selected || value.name }}</text> <text>{{ value.selected || value.name }}</text>

Write Preview
Loading…
Cancel
Save