Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
M
mallapp
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
viitto
mallapp
Commits
e8652e23
Commit
e8652e23
authored
Feb 24, 2021
by
Mac
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
资料编辑
parent
544efc71
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
503 additions
and
64 deletions
+503
-64
u-read-more.vue
node_modules/uview-ui/components/u-read-more/u-read-more.vue
+1
-1
editmaterial.vue
pages/blindDate/personal/editmaterial.vue
+398
-2
persondetails.vue
pages/blindDate/persondetails.vue
+81
-50
blinddate-user.vue
pages/user-center/components/blinddate-user.vue
+23
-11
No files found.
node_modules/uview-ui/components/u-read-more/u-read-more.vue
View file @
e8652e23
...
...
@@ -132,7 +132,7 @@
color
:
$u-content-color
;
line-height
:
1
.8
;
text-align
:
left
;
text-indent
:
2
em
;
text-indent
:
0
em
;
overflow
:
hidden
;
}
...
...
pages/blindDate/personal/editmaterial.vue
View file @
e8652e23
<
style
>
.editmaterial
{
width
:
100%
;
height
:
100vh
;
background
:
#FFF
;
}
.editmaterial
.box
{
width
:
100%
;
padding
:
0
15px
;
}
.editmaterial
.title
{
font-size
:
16px
;
color
:
#111111
;
font-weight
:
bold
;
margin-top
:
15px
;
}
.editmaterial
.item
{
width
:
100%
;
height
:
52px
;
display
:
flex
;
flex-direction
:
row
;
align-items
:
center
;
justify-content
:
space-between
;
border-bottom
:
1px
solid
#E2E2E2
;
}
.editmaterial
.item-l
{
width
:
164
rpx
;
font-size
:
24
rpx
;
color
:
#666666
;
}
.editmaterial
.item-r
{
display
:
flex
;
flex-direction
:
row
;
align-items
:
center
;
}
.editmaterial
.text-o
{
font-size
:
12px
;
color
:
#111111
;
font-weight
:
bold
;
}
.editmaterial
.inputsmart
{
width
:
100%
;
height
:
100px
;
margin-top
:
10px
;
border-bottom
:
1px
solid
#E2E2E2
;
}
.editmaterial
.slot-btn
{
width
:
200
rpx
;
height
:
200
rpx
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
flex-direction
:
column
;
background
:
rgb
(
244
,
245
,
246
);
border-radius
:
10
rpx
;
margin-left
:
5px
;
}
.editmaterial
.slot-btn
.mian-title
{
font-size
:
28
rpx
;
color
:
#888
;
font-weight
:
600
;
margin
:
10
rpx
0
;
}
.editmaterial
.save
{
width
:
100%
;
height
:
44px
;
border-radius
:
22px
;
margin
:
45px
0
30px
;
font-size
:
16px
;
color
:
#FFF
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
</
style
>
<
template
>
<view
class=
"editmaterial"
>
<view
class=
"box"
>
<view
class=
"title"
>
基础资料
</view>
<!--
<view
class=
"item"
>
<view
class=
"item-l"
>
性别
</view>
<view
class=
"item-r"
>
<u-radio-group
v-model=
"addMsg.Sex"
>
<u-radio
shape=
"circle"
v-for=
"(item, index) in xblist"
:key=
"index"
:name=
"item.Id"
:active-color=
"mainColor"
>
{{
item
.
name
}}
</u-radio>
</u-radio-group>
</view>
</view>
-->
<view
class=
"item"
>
<view
class=
"item-l"
>
出生日期
</view>
<view
class=
"item-r"
@
click=
"showtime=true"
>
<text>
{{
addMsg
.
Birthday
}}
</text>
<u-icon
name=
"arrow"
color=
"#A5A4AC"
size=
"30"
style=
'margin-left: 5px;'
></u-icon>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
身高
</view>
<view
class=
"item-r text-o"
>
<input
type=
"number"
v-model=
"addMsg.Height"
style=
"text-align: right;"
placeholder=
"请输入身高"
>
<text
style=
'margin-left: 5px;'
>
cm
</text>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
体重
</view>
<view
class=
"item-r text-o"
>
<input
type=
"number"
v-model=
"addMsg.Weight"
style=
"text-align: right;"
placeholder=
"请输入体重"
>
<text
style=
'margin-left: 5px;'
>
kg
</text>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
婚姻状态
</view>
<view
class=
"item-r text-o"
@
click=
"showdan=true"
>
<text>
{{
MarriageName
}}
</text>
<u-icon
name=
"arrow"
color=
"#A5A4AC"
size=
"30"
style=
'margin-left: 5px;'
></u-icon>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
年收入(税后)
</view>
<view
class=
"item-r text-o"
>
<input
type=
"number"
v-model=
"addMsg.YearMoney"
style=
"text-align: right;"
placeholder=
"请输入年收入"
>
<text
style=
'margin-left: 5px;'
>
万元
</text>
</view>
</view>
<view
class=
"title"
>
其他资料
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
户口所在
</view>
<view
class=
"item-r text-o"
>
<input
type=
"text"
v-model=
"addMsg.HuKou"
style=
"text-align: right;"
placeholder=
"请输入户口所在"
>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
籍贯
</view>
<view
class=
"item-r text-o"
>
<input
type=
"text"
v-model=
"addMsg.NativePlace"
style=
"text-align: right;"
placeholder=
"请输入籍贯"
>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
买房情况
</view>
<view
class=
"item-r text-o"
>
<input
type=
"text"
v-model=
"addMsg.HouseInfo"
style=
"text-align: right;"
placeholder=
"请输入买房情况"
>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
毕业院校
</view>
<view
class=
"item-r text-o"
>
<input
type=
"text"
v-model=
"addMsg.SchoolInfo"
style=
"text-align: right;"
placeholder=
"请输入毕业院校"
>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
学历
</view>
<view
class=
"item-r text-o"
@
click=
"showdan2=true"
>
<text>
{{
EducationTypeName
}}
</text>
<u-icon
name=
"arrow"
color=
"#A5A4AC"
size=
"30"
style=
'margin-left: 5px;'
></u-icon>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
专业
</view>
<view
class=
"item-r text-o"
>
<input
type=
"text"
v-model=
"addMsg.MajorInfo"
style=
"text-align: right;"
placeholder=
"请输入专业"
>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
职业
</view>
<view
class=
"item-r text-o"
>
<input
type=
"text"
v-model=
"addMsg.Job"
style=
"text-align: right;"
placeholder=
"请输入职业"
>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
买车情况
</view>
<view
class=
"item-r text-o"
>
<input
type=
"text"
v-model=
"addMsg.CarInfo"
style=
"text-align: right;"
placeholder=
"请输入买车情况"
>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
父亲职业
</view>
<view
class=
"item-r text-o"
>
<input
type=
"text"
v-model=
"addMsg.FatherInfo"
style=
"text-align: right;"
placeholder=
"请输入父亲职业"
>
</view>
</view>
<view
class=
"item"
>
<view
class=
"item-l"
>
母亲职业
</view>
<view
class=
"item-r text-o"
>
<input
type=
"text"
v-model=
"addMsg.MotherInfo"
style=
"text-align: right;"
placeholder=
"请输入母亲职业"
>
</view>
</view>
<view
class=
"title"
>
关于我
</view>
<textarea
placeholder=
"谈谈自己"
placeholder-style=
"font-size:12px"
:value=
"addMsg.About"
@
input=
'identifybtn'
class=
"inputsmart"
/>
<view
class=
"title"
>
理想中的爱情
</view>
<textarea
placeholder=
"请输入理想中的爱情"
placeholder-style=
"font-size:12px"
:value=
"addMsg.IdealLove"
@
input=
'identifybtn2'
class=
"inputsmart"
/>
<view
class=
"title"
>
照片墙
</view>
<view
style=
"width: 100%;margin-top: 15px;"
>
<u-upload
:action=
"action"
:file-list=
"fileList"
@
on-remove=
"onRemove1"
:custom-btn=
"true"
@
on-success=
"uploadSuccessHandler"
>
<view
slot=
"addBtn"
class=
"slot-btn"
>
<u-icon
name=
"photograph"
size=
"40"
color=
"#888"
></u-icon>
<view
class=
"mian-title"
>
上传图片
</view>
</view>
</u-upload>
</view>
<view
class=
"save"
:style=
"
{background:mainColor}" @click="save()">
保存
</view>
</view>
<u-picker
v-model=
"showtime"
mode=
"time"
:params=
"params"
@
confirm=
'btnStart'
:default-time=
'addMsg.Birthday'
></u-picker>
<u-picker
mode=
"selector"
v-model=
"showdan"
:default-selector=
"[0]"
:range=
"Marriage"
@
confirm=
'danmarr'
range-key=
"Name"
></u-picker>
<u-picker
mode=
"selector"
v-model=
"showdan2"
:default-selector=
"[0]"
:range=
"enumList"
@
confirm=
'danmarr2'
range-key=
"Name"
></u-picker>
</view>
</
template
>
<
script
>
export
default
{
data
(){
return
{
pageTitle
:
'资料编辑'
,
mainColor
:
''
,
secondary
:
''
,
showtime
:
false
,
//时间弹出选择
showdan
:
false
,
showdan2
:
false
,
params
:
{
year
:
true
,
month
:
true
,
day
:
true
,
hour
:
false
,
minute
:
false
,
second
:
false
},
xblist
:[
{
name
:
'男'
,
Id
:
1
},{
name
:
'女'
,
Id
:
2
},
],
fileList
:[],
addMsg
:{
},
MarriageName
:
''
,
EducationTypeName
:
''
,
UserId
:
120746
,
enumList
:[],
Marriage
:[],
action
:
this
.
host2
+
"/api/File/UploadTencent"
,
}
},
created
()
{
this
.
mainColor
=
this
.
$uiConfig
.
mainColor
;
this
.
secondary
=
this
.
$uiConfig
.
secondary
;
uni
.
setNavigationBarTitle
({
title
:
this
.
pageTitle
,
});
},
onLoad
(
options
)
{
if
(
options
&&
options
.
UserId
){
this
.
UserId
=
options
.
UserId
this
.
init
()
}
let
MallBaseId
=
uni
.
getStorageSync
(
"mall_UserInfo"
).
MallBaseId
?
uni
.
getStorageSync
(
"mall_UserInfo"
).
MallBaseId
:
1
;
this
.
action
=
this
.
host2
+
'/api/File/UploadTencent?MallBaseId='
+
MallBaseId
},
methods
:{
init
()
{
this
.
request2
(
{
url
:
'/api/AppletMiai/GetMiAiBaseIfo'
,
data
:
{
UserId
:
this
.
UserId
}
},
res
=>
{
if
(
res
.
resultCode
==
1
){
this
.
addMsg
=
res
.
data
;
if
(
this
.
addMsg
.
AlbumList
==
null
){
//判断为null转换下
this
.
addMsg
.
AlbumList
=
[]
}
if
(
this
.
addMsg
.
AlbumList
.
length
>
0
){
this
.
addMsg
.
AlbumList
.
forEach
(
x
=>
{
let
obj
=
{
url
:
x
}
this
.
fileList
.
push
(
obj
)
})
}
this
.
getEnumList
()
//学历列表
this
.
getMarriage
()
//婚姻列表
}
}
);
},
getEnumList
(){
this
.
request2
(
{
url
:
'/api/AppletMiai/GetEducationTypeEnumList'
,
data
:
{}
},
res
=>
{
if
(
res
.
resultCode
==
1
){
this
.
enumList
=
res
.
data
;
this
.
enumList
.
forEach
(
x
=>
{
if
(
this
.
addMsg
.
EducationType
==
x
.
Name
){
this
.
addMsg
.
EducationType
=
x
.
Id
this
.
EducationTypeName
=
x
.
Name
}
})
}
}
);
},
getMarriage
(){
this
.
request2
(
{
url
:
'/api/AppletMiai/GetMarriageEnumList'
,
data
:
{}
},
res
=>
{
if
(
res
.
resultCode
==
1
){
this
.
Marriage
=
res
.
data
;
this
.
Marriage
.
forEach
(
x
=>
{
if
(
this
.
addMsg
.
Marriage
==
x
.
Name
){
this
.
addMsg
.
Marriage
=
x
.
Id
this
.
MarriageName
=
x
.
Name
}
})
}
}
);
},
btnStart
(
val
)
{
this
.
addMsg
.
Birthday
=
val
.
year
+
'-'
+
val
.
month
+
'-'
+
val
.
day
;
},
danmarr
(
val
){
this
.
addMsg
.
Marriage
=
this
.
Marriage
[
val
].
Id
this
.
MarriageName
=
this
.
Marriage
[
val
].
Name
},
danmarr2
(
val
){
this
.
addMsg
.
EducationType
=
this
.
enumList
[
val
].
Id
this
.
EducationTypeName
=
this
.
enumList
[
val
].
Name
},
identifybtn
(
val
){
this
.
addMsg
.
About
=
val
.
detail
.
value
},
identifybtn2
(
val
){
this
.
addMsg
.
IdealLove
=
val
.
detail
.
value
},
onRemove1
(
index
)
{
this
.
addMsg
.
AlbumList
.
splice
(
index
,
1
);
},
uploadSuccessHandler
(
data
,
index
,
lists
)
{
let
r
=
JSON
.
parse
(
data
);
this
.
addMsg
.
AlbumList
.
push
(
r
.
data
);
},
save
(){
let
pages
=
getCurrentPages
();
// 当前页面
let
beforePage
=
pages
[
pages
.
length
-
2
];
// 前一个页面
uni
.
showLoading
({
title
:
'修改中'
});
this
.
request2
(
{
url
:
'/api/AppletMiai/GetSetMiAiBaseInfo'
,
data
:
this
.
addMsg
},
res
=>
{
uni
.
hideLoading
();
if
(
res
.
resultCode
==
1
){
uni
.
showToast
({
title
:
res
.
message
,
icon
:
"none"
,
});
setTimeout
(()
=>
{
uni
.
navigateBack
({
success
:
function
()
{
beforePage
.
$vm
.
init
();
// 执行前一个页面的方法
}
});
},
1000
)
}
}
);
}
}
}
</
script
>
<
style
>
</
style
>
pages/blindDate/persondetails.vue
View file @
e8652e23
...
...
@@ -179,13 +179,13 @@
<view
class=
"pd-box-center"
>
<view
class=
"pd-portrait"
>
<view
class=
"pd-portrait-l"
>
<u-avatar
src=
"https://thirdwx.qlogo.cn/mmopen/vi_32/qttlbBnRrYLIT2jCpebJp8Ku6iaiaVpf49Fs6TPKmLP4bwsQTVNLpibA3gsJDaGohchRNYmVM9LyvCC4UjFqxyDRA/132
"
size=
"140"
></u-avatar>
<u-avatar
v-if=
'mall_UserInfo.Photo'
:src=
"mall_UserInfo.Photo
"
size=
"140"
></u-avatar>
<image
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/basic-nan.png"
style=
"width: 36rpx;height: 36rpx;position: absolute;right: 0;bottom: 0;"
></image>
<!--
<image
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/basic-nv.png"
style=
"width: 36rpx;height: 36rpx;position: absolute;right: 0;bottom: 0;"
></image>
-->
</view>
<view
class=
"pd-portrait-c"
>
<view
class=
"pd-portrait-ct"
>
<view
class=
"pd-p-text"
>
Alice Camber
</view>
<view
class=
"pd-p-text"
>
{{
mall_UserInfo
.
Name
?
mall_UserInfo
.
Name
:
'无'
}}
</view>
</view>
<view
class=
"pd-portrait-ct"
>
<view
style=
"display: flex;flex-direction: row;align-items: center;"
>
...
...
@@ -202,86 +202,92 @@
<!-- 基础资料 -->
<view
class=
"pd-title"
>
基础资料
</view>
<view
class=
"pd-bubble"
>
<view
class=
"bubble"
>
女
</view>
<view
class=
"bubble"
>
29岁
</view>
<view
class=
"bubble"
>
天蝎座
</view>
<view
class=
"bubble"
>
1.62米
</view>
<view
class=
"bubble"
>
属羊
</view>
<view
class=
"bubble"
>
94斤
</view>
<view
class=
"bubble"
>
未婚
</view>
<view
class=
"bubble"
>
年收入(税后):15万元
</view>
<view
class=
"bubble"
v-if=
"dataList.SexStr"
>
{{
dataList
.
SexStr
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.Birthday"
>
{{
dataList
.
Birthday
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.Age"
>
{{
dataList
.
Age
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.ShenXiao"
>
{{
dataList
.
ShenXiao
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.ConoldBaseInfostellation"
>
{{
dataList
.
ConoldBaseInfostellation
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.Height"
>
{{
dataList
.
Height
}}
cm
</view>
<view
class=
"bubble"
v-if=
"dataList.Weight"
>
{{
dataList
.
Weight
}}
kg
</view>
<view
class=
"bubble"
v-if=
"dataList.Marriage"
>
{{
dataList
.
Marriage
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.YearMoney"
>
年收入(税后):
{{
dataList
.
YearMoney
}}
万元
</view>
</view>
<view
class=
"pd-title"
>
其他资料
</view>
<view
class=
"pd-bubble"
>
<view
class=
"bubble"
>
户口:成都市
</view>
<view
class=
"bubble"
>
籍贯:成都市
</view>
<view
class=
"bubble"
>
全款2套房
</view>
<view
class=
"bubble"
>
德瑞拉大学(硕士)
</view>
<view
class=
"bubble"
>
金融专业
</view>
<view
class=
"bubble"
>
财务管理
</view>
<view
class=
"bubble"
>
有车
</view>
<view
class=
"bubble"
>
父亲:华西医生
</view>
<view
class=
"bubble"
>
母亲:央企工程师
</view>
<view
class=
"bubble"
v-if=
"dataList.HuKou"
>
户口:
{{
dataList
.
HuKou
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.NativePlace"
>
籍贯:
{{
dataList
.
NativePlace
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.SchoolInfo"
>
{{
dataList
.
SchoolInfo
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.EducationType"
>
学历:
{{
dataList
.
EducationType
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.HouseInfo"
>
{{
dataList
.
HouseInfo
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.MajorInfo"
>
{{
dataList
.
MajorInfo
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.Job"
>
{{
dataList
.
Job
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.MotherInfo"
>
母亲:
{{
dataList
.
MotherInfo
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.Weight"
>
父亲:
{{
dataList
.
FatherInfo
}}
</view>
<view
class=
"bubble"
v-if=
"dataList.CarInfo"
>
车:
{{
dataList
.
CarInfo
}}
</view>
</view>
<view
class=
"pd-title"
>
关于她(他)
</view>
<view
class=
"pd-abouthim"
>
<u-read-more
show-height=
"100"
:toggle=
"true"
:shadow-style=
"shadowStyle"
close-text=
'展开查看全部'
>
<rich-text
:nodes=
"content"
></rich-text>
<rich-text
v-if=
"dataList.About==''"
nodes=
"无"
></rich-text>
<rich-text
v-if=
"dataList.About!=''"
:nodes=
"dataList.About"
style=
"font-size: 12px;color: #000;"
></rich-text>
</u-read-more>
</view>
<view
class=
"pd-title"
>
理想中的爱情
</view>
<view
class=
"pd-abouthim"
>
相互欣赏,相互珍惜,既是独立的个体,又可以彼此依靠,双方用心经营家庭,携手共渡漫长的人生之路
{{
dataList
.
IdealLove
?
dataList
.
IdealLove
:
''
}}
</view>
<view
class=
"pd-title"
>
相册
</view>
<view
class=
"pd-img"
style=
"margin-top: 15px;"
>
<view
v-if=
"imgs.length==1"
style=
"width: 100%;height: 690rpx;border-radius: 15px;"
@
click=
"previewImage(0,imgs)"
>
<image
:src=
"imgs[0]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
<view
v-if=
"dataList.AlbumList.length==0"
style=
"width: 100%;height: 50px;line-height: 50px;text-align: center;color: #666666;"
>
暂无照片墙
</view>
<view
v-if=
"dataList.AlbumList.length==1"
style=
"width: 100%;height: 690rpx;border-radius: 15px;"
@
click=
"previewImage(0,dataList.AlbumList)"
>
<image
:src=
"dataList.AlbumList[0]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
</view>
<view
v-if=
"
imgs
.length==2"
style=
"width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;"
>
<view
v-for=
'(x,y) in
imgs'
:key=
'y'
style=
"width: calc(50vw - 20px);height: 335rpx;border-radius: 15px;"
@
click=
"previewImage(y,imgs
)"
>
<view
v-if=
"
dataList.AlbumList
.length==2"
style=
"width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;"
>
<view
v-for=
'(x,y) in
dataList.AlbumList'
:key=
'y'
style=
"width: calc(50vw - 20px);height: 335rpx;border-radius: 15px;"
@
click=
"previewImage(y,dataList.AlbumList
)"
>
<image
:src=
"x"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
</view>
</view>
<view
v-if=
"
imgs
.length==3"
style=
"width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;"
>
<view
style=
"width: 448rpx;height: 448rpx;border-radius: 15px;"
@
click=
"previewImage(0,
imgs
)"
>
<image
:src=
"
imgs
[0]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
<view
v-if=
"
dataList.AlbumList
.length==3"
style=
"width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;"
>
<view
style=
"width: 448rpx;height: 448rpx;border-radius: 15px;"
@
click=
"previewImage(0,
dataList.AlbumList
)"
>
<image
:src=
"
dataList.AlbumList
[0]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
</view>
<view
style=
"margin-left: 20rpx;"
>
<view
style=
"width: 220rpx;height: 214rpx;border-radius: 15px;"
@
click=
"previewImage(1,
imgs
)"
>
<image
:src=
"
imgs
[1]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
<view
style=
"width: 220rpx;height: 214rpx;border-radius: 15px;"
@
click=
"previewImage(1,
dataList.AlbumList
)"
>
<image
:src=
"
dataList.AlbumList
[1]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
</view>
<view
style=
"width: 220rpx;height: 214rpx;border-radius: 15px;margin-top: 20rpx;"
@
click=
"previewImage(2,
imgs
)"
>
<image
:src=
"
imgs
[2]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
<view
style=
"width: 220rpx;height: 214rpx;border-radius: 15px;margin-top: 20rpx;"
@
click=
"previewImage(2,
dataList.AlbumList
)"
>
<image
:src=
"
dataList.AlbumList
[2]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
</view>
</view>
</view>
<view
v-if=
"
imgs
.length>3"
style=
"display: flex;flex-direction: row;align-items: center;"
>
<view
v-if=
"
dataList.AlbumList
.length>3"
style=
"display: flex;flex-direction: row;align-items: center;"
>
<view
>
<view
style=
"width: 448rpx;height: 448rpx;border-radius: 15px;"
@
click=
"previewImage(0,
imgs
)"
>
<image
:src=
"
imgs
[0]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
<view
style=
"width: 448rpx;height: 448rpx;border-radius: 15px;"
@
click=
"previewImage(0,
dataList.AlbumList
)"
>
<image
:src=
"
dataList.AlbumList
[0]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
</view>
<view
style=
"width: 448rpx;height: 260rpx;border-radius: 15px;margin-top: 20rpx;"
@
click=
"previewImage(2,
imgs
)"
>
<image
:src=
"
imgs
[2]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
<view
style=
"width: 448rpx;height: 260rpx;border-radius: 15px;margin-top: 20rpx;"
@
click=
"previewImage(2,
dataList.AlbumList
)"
>
<image
:src=
"
dataList.AlbumList
[2]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
</view>
</view>
<view
style=
"margin-left: 20rpx;"
>
<view
style=
"width: 220rpx;height: 260rpx;border-radius: 15px;position: relative;"
@
click=
"previewImage(1,
imgs
)"
>
<image
:src=
"
imgs
[1]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
<view
class=
"zhezao"
v-if=
"
imgs.length>4"
>
+
{{
imgs
.
length
}}
</view>
<view
style=
"width: 220rpx;height: 260rpx;border-radius: 15px;position: relative;"
@
click=
"previewImage(1,
dataList.AlbumList
)"
>
<image
:src=
"
dataList.AlbumList
[1]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
<view
class=
"zhezao"
v-if=
"
dataList.AlbumList.length>4"
>
+
{{
dataList
.
AlbumList
.
length
}}
</view>
</view>
<view
style=
"width: 220rpx;height: 458rpx;border-radius: 15px;margin-top: 20rpx;"
@
click=
"previewImage(3,
imgs
)"
>
<image
:src=
"
imgs
[3]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
<view
style=
"width: 220rpx;height: 458rpx;border-radius: 15px;margin-top: 20rpx;"
@
click=
"previewImage(3,
dataList.AlbumList
)"
>
<image
:src=
"
dataList.AlbumList
[3]"
style=
"width: 100%;height: 100%;border-radius: 15px;"
mode=
"aspectFill"
></image>
</view>
</view>
</view>
</view>
<view
class=
"edit"
:style=
"
{background:mainColor}">
<view
class=
"edit"
:style=
"
{background:mainColor}"
@click="goedit()"
>
编辑资料
</view>
</view>
...
...
@@ -304,13 +310,12 @@
shadowStyle
:
{
backgroundImage
:
"none"
,
paddingTop
:
"0"
,
marginTop
:
"20rpx"
},
// imgs:['https://t7.baidu.com/it/u=2878377037,2986969897&fm=193&f=GIF'],
// imgs:['https://t7.baidu.com/it/u=3522949495,3570538969&fm=193&f=GIF','https://t7.baidu.com/it/u=2253011977,2934623845&fm=193&f=GIF'],
// imgs:['https://t7.baidu.com/it/u=3522949495,3570538969&fm=193&f=GIF','https://t7.baidu.com/it/u=2878377037,2986969897&fm=193&f=GIF','https://t7.baidu.com/it/u=2253011977,2934623845&fm=193&f=GIF'],
imgs
:[
'https://t7.baidu.com/it/u=2010803885,3614601600&fm=193&f=GIF'
,
'https://t7.baidu.com/it/u=3522949495,3570538969&fm=193&f=GIF'
,
'https://t7.baidu.com/it/u=2878377037,2986969897&fm=193&f=GIF'
,
'https://t7.baidu.com/it/u=2253011977,2934623845&fm=193&f=GIF'
,
'https://t7.baidu.com/it/u=3522949495,3570538969&fm=193&f=GIF'
,
'https://t7.baidu.com/it/u=2878377037,2986969897&fm=193&f=GIF'
],
content
:
'山不在高,有仙则名。水不在深,有龙则灵。斯是陋室,惟吾德馨。苔痕上阶绿,草色入帘青。谈笑有鸿儒,往来无白丁。可以调素琴,阅金经。无丝竹之乱耳,无案牍之劳形。南阳诸葛庐,西蜀子云亭。孔子云:何陋之有?山不在高,有仙则名。水不在深,有龙则灵。斯是陋室,惟吾德馨。苔痕上阶绿,草色入帘青。谈笑有鸿儒,往来无白丁。可以调素琴,阅金经。无丝竹之乱耳,无案牍之劳形。南阳诸葛庐,西蜀子云亭。孔子云:何陋之有?'
,
marginTop
:
"20rpx"
,
},
dataList
:{},
mall_UserInfo
:
null
,
UserId
:
0
,
}
},
created
()
{
...
...
@@ -319,6 +324,13 @@
this
.
headStyle
.
paddingTop
=
this
.
nav
;
this
.
mainColor
=
this
.
$uiConfig
.
mainColor
;
this
.
secondary
=
this
.
$uiConfig
.
secondary
;
this
.
mall_UserInfo
=
uni
.
getStorageSync
(
"mall_UserInfo"
)?
uni
.
getStorageSync
(
"mall_UserInfo"
):
null
;
},
onLoad
(
options
)
{
if
(
options
&&
options
.
UserId
){
this
.
UserId
=
options
.
UserId
this
.
init
()
}
},
methods
:{
scrollHandler
(
e
)
{
...
...
@@ -332,6 +344,20 @@
delta
:
1
,
});
},
init
()
{
this
.
request2
(
{
url
:
'/api/AppletMiai/GetMiAiBaseIfo'
,
data
:
{
UserId
:
this
.
UserId
}
},
res
=>
{
if
(
res
.
resultCode
==
1
){
console
.
log
(
res
,
'数据'
);
this
.
dataList
=
res
.
data
;
}
}
);
},
//图片预览
previewImage
(
index
,
images
)
{
uni
.
previewImage
({
...
...
@@ -339,6 +365,11 @@
current
:
index
,
});
},
goedit
(){
uni
.
navigateTo
({
url
:
'/pages/blindDate/personal/editmaterial?UserId='
+
this
.
UserId
});
}
}
}
</
script
>
...
...
pages/user-center/components/blinddate-user.vue
View file @
e8652e23
...
...
@@ -12,17 +12,21 @@
<view
class=
"imgbg"
style=
"background:linear-gradient( #9EE3E1,5%, #f3f4f6);height: 217px;"
>
<view
class=
"titlenav"
:style=
"
{paddingTop:nav,color:'#000'}">
{{
pageTitle
}}
</view>
<view
class=
'topheard'
style=
"margin-top: 30px;"
v-if=
"meueData.user_center.top_style == 1"
>
<u-avatar
:src=
"user_info.avatar"
size=
"140"
style=
"margin-left: 50rpx;"
></u-avatar>
<view
style=
"display: flex;flex-direction: column;justify-content: center;height: 50px;margin-left: 20rpx"
>
<Text
style=
"color: #000000;font-size: 40rpx;max-width: 200px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;"
@
click=
"login(user_info)"
>
{{
user_info
.
nickname
?
user_info
.
nickname
:
'立即登录'
}}
</Text>
<view
class=
"member"
v-if=
"is_icon_members_grade == 1&& user_info.nickname"
>
<image
:src=
"user_info.identity.level_icon"
mode=
"aspectFill"
style=
"width: 22px;height: 22px;border-radius: 11px;"
></image>
<Text
style=
"margin-right: 10px;"
>
{{
user_info
.
identity
.
level_name
!=
null
?
user_info
.
identity
.
level_name
:
'普通用户'
}}
</Text>
</view>
</view>
<view
class=
'topheard'
style=
"margin-top: 30px;justify-content: space-between;"
v-if=
"meueData.user_center.top_style == 1"
@
click=
"goperson()"
>
<view
style=
"display: flex;flex-direction: row;align-items: center;"
>
<u-avatar
:src=
"user_info.avatar"
size=
"140"
style=
"margin-left: 50rpx;"
></u-avatar>
<view
style=
"display: flex;flex-direction: column;justify-content: center;height: 50px;margin-left: 20rpx"
>
<Text
style=
"color: #000000;font-size: 40rpx;max-width: 200px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;"
@
click=
"login(user_info)"
>
{{
user_info
.
nickname
?
user_info
.
nickname
:
'立即登录'
}}
</Text>
<view
class=
"member"
v-if=
"is_icon_members_grade == 1&& user_info.nickname"
>
<image
:src=
"user_info.identity.level_icon"
mode=
"aspectFill"
style=
"width: 22px;height: 22px;border-radius: 11px;"
></image>
<Text
style=
"margin-right: 10px;"
>
{{
user_info
.
identity
.
level_name
!=
null
?
user_info
.
identity
.
level_name
:
'普通用户'
}}
</Text>
</view>
</view>
</view>
<u-icon
name=
"arrow"
color=
"#A5A4AC"
size=
"40"
style=
'margin-right: 10px;'
></u-icon>
</view>
<view
style=
"display: flex;flex-direction: column;align-items: center;margin-top: 23px;margin-bottom: 5px;"
v-if=
"meueData.user_center.top_style == 2"
>
<u-avatar
:src=
"user_info.avatar"
size=
"120"
></u-avatar>
...
...
@@ -106,6 +110,14 @@
});
}
},
goperson
(){
let
mall_UserInfo
=
uni
.
getStorageSync
(
"mall_UserInfo"
)?
uni
.
getStorageSync
(
"mall_UserInfo"
):
null
;
if
(
mall_UserInfo
!=
null
){
uni
.
navigateTo
({
url
:
'/pages/blindDate/persondetails?UserId='
+
mall_UserInfo
.
UserId
});
}
}
}
}
</
script
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment