Browse Source

一期页面修改优化

master
石可 5 years ago
parent
commit
df3b02e15b
  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

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

9
pages/find/find.vue

@ -7,7 +7,7 @@
</swiper>
<view class="content">
<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>
</view>
<view class="info">
@ -25,7 +25,10 @@
<!-- 时间和更多按钮 -->
<view class="lf-row-between lf-m-t-23">
<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>
<view class="more-modal" v-if="show_more">
<view class="more-item">
@ -41,7 +44,7 @@
<text class="lf-m-l-14">分享</text>
</view>
</view>
</view>
</view> -->
</view>
<!-- 评论 -->
<view class="comment">

9
pages/index/index.vue

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

48
pages/messageCenter/index.vue

@ -9,7 +9,8 @@
<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>
<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>
</view>
</view>
@ -19,23 +20,25 @@
<script>
export default {
data(){
data() {
return {
//
// {
// title: '',
// desc: '',
// icon: 'icon-pinglun',
// bg_color: '#409EEC',
// path: '',
// unread_count: 0
// },
list: [{
title: '消息订阅',
desc: '关闭后将错过不少缘分',
icon: 'icon-pinglun',
bg_color: '#409EEC',
path: '',
unread_count: 0
},{
title: '联系过的人',
desc: '去看看哪些人联系过了',
icon: 'icon-contact-person',
bg_color: '#FE3EA5',
path: '',
unread_count: 0
},{
}, {
title: '系统消息',
desc: '查看官方消息',
icon: 'icon-tongzhi',
@ -45,26 +48,28 @@
}]
}
},
onLoad(){
onLoad() {
},
methods: {
}
}
</script>
<style lang="scss" scoped="scoped">
.content{
.content {
padding: 0 32rpx;
width: 750rpx;
height: max-content;
box-sizing: border-box;
.list{
.list {
padding: 30rpx 0;
border-bottom: 1rpx solid #e5e5e5;
display: flex;
.icon{
.icon {
width: 120rpx;
height: 120rpx;
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>

2
pages/my/exclusiveMatch.vue

@ -12,7 +12,7 @@
<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>
</view>
<view class="content-btn" @click="copy(gyw38283)">
<view class="content-btn" @click="copy('gyw38283')">
复制
</view>
</view>

5
pages/my/memberDetails.vue

@ -65,14 +65,15 @@
分享
</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>
<u-icon name="more-dot-fill lf-font-32 lf-color-555"></u-icon>
</view>
<view class="lf-color-555 lf-font-24">
更多
</view>
</view>
</view> -->
</view>
<view>
<button class="tabbar-btn" @click="$url('/pages/my/contact')">联系Ta</button>

13
pages/userList/filter.json

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

2
pages/userList/userList.vue

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

Loading…
Cancel
Save