Skip to content

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

no message

parent 287e3086
Show whitespace changes
Inline Side-by-side
Showing with 112 additions and 27 deletions
src/pages.json
View file @ f9938669
......@@ -95,8 +95,8 @@
"path": "pages/person/person",
"style": {
"navigationBarTitleText": "个人中心",
"backgroundColor": "#f5f5f5",
"navigationBarBackgroundColor": "#f5f5f5"
"backgroundColor": "#F6F6F6",
"navigationBarBackgroundColor": "#F6F6F6"
}
}
......@@ -108,16 +108,16 @@
"path": "index",
"style": {
"navigationBarTitleText": "上课计划",
"navigationBarBackgroundColor": "#F5F5F5",
"backgroundColor": "#F5F5F5"
"navigationBarBackgroundColor": "#F6F6F6",
"backgroundColor": "#F6F6F6"
}
},
{
"path": "addPlan",
"style": {
"navigationBarTitleText": "添加计划",
"navigationBarBackgroundColor": "#F5F5F5",
"backgroundColor": "#F5F5F5"
"navigationBarBackgroundColor": "#F6F6F6",
"backgroundColor": "#F6F6F6"
}
}
]
......
src/pages/FriendsAndRelatives/index.vue
View file @ f9938669
......@@ -11,51 +11,106 @@
position: absolute;
left: 50rpx;
right: 50rpx;
bottom: 0rpx;
bottom: 15rpx;
padding: 46rpx 0 39rpx 0;
background: #FFFFFF;
opacity: 0.95;
border-radius: 40rpx;
}
.header-left{
width: 200rpx;
flex-shrink: 0;
flex-direction: column;
width: 170rpx;
position: relative;
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;
position: relative;
top: 15rpx;
}
.left-title{
font-size: 20rpx;
font-weight: 500;
color: #2F2F2F;
margin-top: 22rpx;
}
.left-text text{
.header-left .left-text text{
font-size: 46rpx;
font-weight: 800;
font-style: italic;
color: #111111;
line-height: 70rpx;
}
.left-text view{
.header-left .left-text view{
font-size: 28rpx;
font-weight: 500;
margin-top: 20rpx;
margin-top: -10rpx;
margin-left: 10rpx;
}
.header-right .left-title,.header-left .left-title{
font-size: 20rpx;
font-weight: 500;
color: #2F2F2F;
}
.header-right{
height: 76rpx;
flex-grow: 1;
justify-content: space-between;
margin-left: 82rpx;
margin-right: 49rpx;
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;
}
.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>
<template>
<view class="FriendsAndRelatives">
......@@ -64,27 +119,56 @@
style="width: 559rpx;height: 405rpx;"></image>
<view class="header-list flex_between_center">
<view class="header-left flex">
<view class="left-text flex">
<view class="left-text flex" style="width: 99rpx;height: 99rpx;">
<text>3</text>
<view>人</view>
</view>
<text class="left-title">亲友团</text>
<view class="segmentation"></view>
</view>
<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"
style="width: 99rpx;height: 99rpx;"></image>
<text>微信邀请</text>
<text class="left-title">微信邀请</text>
</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"
style="width: 99rpx;height: 99rpx;"></image>
<text>面对面邀请</text>
<text class="left-title">面对面邀请</text>
</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>
</template>
......@@ -118,6 +202,7 @@
let data = reactive({
loading:true,
Account:'',
showPopup: false,
msg: {
pageIndex: 1,
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