Skip to content

T
thinkApp
Commit f9938669 authored by youjie's avatar youjie
Browse files
Options

no message

parent 287e3086
Hide whitespace changes
Inline Side-by-side
Showing with 112 additions and 27 deletions
src/pages.json
View file @ f9938669
...@@ -95,8 +95,8 @@ ...@@ -95,8 +95,8 @@
"path": "pages/person/person", "path": "pages/person/person",
"style": { "style": {
"navigationBarTitleText": "个人中心", "navigationBarTitleText": "个人中心",
"backgroundColor": "#f5f5f5", "backgroundColor": "#F6F6F6",
"navigationBarBackgroundColor": "#f5f5f5" "navigationBarBackgroundColor": "#F6F6F6"
} }
} }
...@@ -108,16 +108,16 @@ ...@@ -108,16 +108,16 @@
"path": "index", "path": "index",
"style": { "style": {
"navigationBarTitleText": "上课计划", "navigationBarTitleText": "上课计划",
"navigationBarBackgroundColor": "#F5F5F5", "navigationBarBackgroundColor": "#F6F6F6",
"backgroundColor": "#F5F5F5" "backgroundColor": "#F6F6F6"
} }
}, },
{ {
"path": "addPlan", "path": "addPlan",
"style": { "style": {
"navigationBarTitleText": "添加计划", "navigationBarTitleText": "添加计划",
"navigationBarBackgroundColor": "#F5F5F5", "navigationBarBackgroundColor": "#F6F6F6",
"backgroundColor": "#F5F5F5" "backgroundColor": "#F6F6F6"
} }
} }
] ]
......
src/pages/FriendsAndRelatives/index.vue
View file @ f9938669
...@@ -11,51 +11,106 @@ ...@@ -11,51 +11,106 @@
position: absolute; position: absolute;
left: 50rpx; left: 50rpx;
right: 50rpx; right: 50rpx;
bottom: 0rpx; bottom: 15rpx;
padding: 46rpx 0 39rpx 0; padding: 46rpx 0 39rpx 0;
background: #FFFFFF; background: #FFFFFF;
opacity: 0.95; opacity: 0.95;
border-radius: 40rpx; border-radius: 40rpx;
} }
.header-left{ .header-left{
width: 200rpx; width: 170rpx;
flex-shrink: 0;
flex-direction: column;
position: relative; position: relative;
left: 49rpx; left: 49rpx;
flex-shrink: 0;
flex-direction: column;
align-items: center;
} }
.left-text{ .header-left .left-text{
width: 99rpx;
line-height: 99rpx;
justify-content: center; justify-content: center;
position: relative;
top: 15rpx;
} }
.left-title{ .header-left .left-text text{
font-size: 20rpx;
font-weight: 500;
color: #2F2F2F;
margin-top: 22rpx;
}
.left-text text{
font-size: 46rpx; font-size: 46rpx;
font-weight: 800; font-weight: 800;
font-style: italic; font-style: italic;
color: #111111; color: #111111;
line-height: 70rpx; line-height: 70rpx;
} }
.left-text view{ .header-left .left-text view{
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
margin-top: 20rpx; margin-top: -10rpx;
margin-left: 10rpx; margin-left: 10rpx;
} }
.header-right .left-title,.header-left .left-title{
font-size: 20rpx;
font-weight: 500;
color: #2F2F2F;
}
.header-right{ .header-right{
height: 76rpx;
flex-grow: 1; flex-grow: 1;
justify-content: space-between; justify-content: space-between;
margin-left: 82rpx; margin-left: 82rpx;
margin-right: 49rpx; margin-right: 49rpx;
border-left: 2rpx solid #ECECEC; border-left: 2rpx solid #ECECEC;
padding: 0 0 0 72rpx;
}
.header-right .right-image{
position: relative;
top: -35rpx;
}
.header-right .right-image image{
display: block;
}
.FriendsAndRelatives-content{
padding: 0 50rpx;
}
.title{
font-size: 34rpx;
font-weight: 800;
color: #111111;
}
.text{
margin-top: 20rpx;
margin-bottom: 51rpx;
font-size: 26rpx;
font-weight: 500;
color: #BEBEBE;
}
.FriendsAndRelatives-list{
background: #ffffff;
border-radius: 40rpx;
padding: 54rpx 39rpx;
} }
.right-image{ .list-left{
flex-direction: column; flex-direction: column;
} }
.list-left .left-text{
color: #111111;
font-weight: bold;
font-size: 30rpx;
}
.list-left .left-text view{
margin-left: 20rpx;
}
.list-left .left-time{
font-size: 24rpx;
font-weight: 500;
color: #919191;
margin-top: 20rpx;
}
.list-right{
flex-shrink: 0;
margin-left: 20rpx;
}
.cross-box{
text-align: center;
margin-bottom: 20rpx;
}
</style> </style>
<template> <template>
<view class="FriendsAndRelatives"> <view class="FriendsAndRelatives">
...@@ -64,27 +119,56 @@ ...@@ -64,27 +119,56 @@
style="width: 559rpx;height: 405rpx;"></image> style="width: 559rpx;height: 405rpx;"></image>
<view class="header-list flex_between_center"> <view class="header-list flex_between_center">
<view class="header-left flex"> <view class="header-left flex">
<view class="left-text flex"> <view class="left-text flex" style="width: 99rpx;height: 99rpx;">
<text>3</text> <text>3</text>
<view>人</view> <view>人</view>
</view> </view>
<text class="left-title">亲友团</text> <text class="left-title">亲友团</text>
<view class="segmentation"></view>
</view> </view>
<view class="header-right flex"> <view class="header-right flex">
<view class="right-image flex"> <view class="right-image">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1664164163000_619.png" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1664164163000_619.png"
style="width: 99rpx;height: 99rpx;"></image> style="width: 99rpx;height: 99rpx;"></image>
<text>微信邀请</text> <text class="left-title">微信邀请</text>
</view> </view>
<view class="right-image flex"> <view class="right-image" style="margin-right: 33rpx;" @click="showPopup=true">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1664164159000_60.png" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1664164159000_60.png"
style="width: 99rpx;height: 99rpx;"></image> style="width: 99rpx;height: 99rpx;"></image>
<text>面对面邀请</text> <text class="left-title">面对面邀请</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="FriendsAndRelatives-content">
<view class="title">已邀请的亲友</view>
<view class="text">随时电话联系哟</view>
<view class="FriendsAndRelatives-list flex_between_center">
<view class="list-left flex">
<view class="left-text flex">
<text>爷爷</text>
<view>(18225556648)</view>
</view>
<text class="left-time">最后登录时间：2022-09-23 14：10</text>
</view>
<view class="list-right">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1664164166000_196.png"
style="width: 36rpx;height: 35rpx;"></image>
</view>
</view>
</view>
<van-popup
:show="showPopup"
round
>
<view style="padding: 63rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1664160541000_21.png"
style="width: 378rpx;height: 377rpx;"></image>
</view>
<view class="cross-box">
<van-icon name="close" color="#111111" size="48rpx" @click="showPopup=false"/>
</view>
</van-popup>
</view> </view>
</template> </template>
...@@ -118,6 +202,7 @@ ...@@ -118,6 +202,7 @@
let data = reactive({ let data = reactive({
loading:true, loading:true,
Account:'', Account:'',
showPopup: false,
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 10,
......
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