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

Merge branch 'master' of http://8.134.10.79:3000/Leadfyy.co/blindDate

master
石可 5 years ago
parent
15093216f8 353d0ea00b
commit
878e8855c1
6 changed files with 328 additions and 8 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      components/lf-nolanPhoto/lf-nolanPhoto.vue
  2. 12
      pages.json
  3. 179
      pages/my/basicInformation.vue
  4. 8
      pages/my/editInfo.vue
  5. 66
      pages/my/innerMonologue.vue
  6. 67
      pages/test/test.vue

4
components/lf-nolanPhoto/lf-nolanPhoto.vue
View File

@ -71,9 +71,11 @@
.content{
display: flex;
flex-wrap: nowrap;
width: 100%;
width: 100% !important;
height: max-content;
margin-top: 20rpx;
padding: 0 !important;
box-sizing: border-box;
.image-item{
width: 60rpx;
height: 60rpx;

12
pages.json
View File

@ -184,6 +184,18 @@
"style": {
"navigationBarTitleText": "测试专用"
}
},
{
"path": "pages/my/innerMonologue",
"style": {
"navigationBarTitleText": "内心独白"
}
},
{
"path": "pages/my/basicInformation",
"style": {
"navigationBarTitleText": "基本资料"
}
}
],
"globalStyle": {

179
pages/my/basicInformation.vue
View File

@ -0,0 +1,179 @@
<template>
<view class="content">
<view class="card">
<view class="lf-row-between lf-m-b-30">
<view>
<text class="lf-color-primary">*</text>
<text class="lf-font-28 lf-color-333">个人昵称</text>
</view>
<view>
<input class="input" placeholder="请输入" />
</view>
</view>
<view class="lf-row-between lf-m-b-30">
<view>
<text class="lf-color-primary">*</text>
<text class="lf-font-28 lf-color-333">性别</text>
</view>
<view>
<input class="input" placeholder="请输入" />
</view>
</view>
<view class="lf-row-between lf-m-b-30">
<view>
<text class="lf-color-primary">*</text>
<text class="lf-font-28 lf-color-333">婚姻状况</text>
</view>
<view class="picker-w">
<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
<text>{{ marriage[marriage_index] || '请选择' }}</text>
</picker>
</view>
</view>
<view class="lf-row-between lf-m-b-30">
<view>
<text class="lf-color-primary">*</text>
<text class="lf-font-28 lf-color-333">户籍地</text>
</view>
<view class="picker-w">
<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
<text>{{ marriage[marriage_index] || '请选择' }}</text>
</picker>
</view>
</view>
<view class="lf-row-between lf-m-b-30">
<view>
<text class="lf-color-primary">*</text>
<text class="lf-font-28 lf-color-333">学历</text>
</view>
<view class="picker-w">
<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
<text>{{ marriage[marriage_index] || '请选择' }}</text>
</picker>
</view>
</view>
<view class="lf-row-between lf-m-b-30">
<view>
<text class="lf-color-primary">*</text>
<text class="lf-font-28 lf-color-333">身高</text>
</view>
<view>
<input class="input" placeholder="请输入" />
</view>
</view>
<view class="lf-row-between lf-m-b-30">
<view>
<text class="lf-color-primary">*</text>
<text class="lf-font-28 lf-color-333">体重</text>
</view>
<view>
<input class="input" placeholder="请输入" />
</view>
</view>
<view class="lf-row-between lf-m-b-30">
<view>
<text class="lf-color-primary">*</text>
<text class="lf-font-28 lf-color-333">生日</text>
</view>
<view class="picker-w">
<picker mode="date" @change="e => birth_date = e.detail.value">
<text>{{ birth_date || '请选择' }}</text>
</picker>
</view>
</view>
<view class="lf-row-between lf-m-b-30">
<view>
<text class="lf-color-primary">*</text>
<text class="lf-font-28 lf-color-333">属相</text>
</view>
<view class="picker-w">
<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
<text>{{ marriage[marriage_index] || '请选择' }}</text>
</picker>
</view>
</view>
<view class="lf-row-between lf-m-b-30">
<view>
<text class="lf-color-primary">*</text>
<text class="lf-font-28 lf-color-333">星座</text>
</view>
<view class="picker-w">
<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
<text>{{ marriage[marriage_index] || '请选择' }}</text>
</picker>
</view>
</view>
<view class="lf-row-between lf-m-b-30">
<view>
<text class="lf-font-28 lf-color-333 lf-m-l-14">外貌</text>
</view>
<view class="picker-w">
<picker mode="selector" @change="getValue('marriage', $event)" :range="marriage" :value="marriage_index">
<text>{{ marriage[marriage_index] || '请选择' }}</text>
</picker>
</view>
</view>
<button class="btn" hover-class="lf-opacity">保存</button>
</view>
</view>
</template>
<script>
export default {
data(){
return {
marriage: ['已婚', '未婚'],
marriage_index: null,
birth_date: ''
}
},
onLoad(){
},
methods: {
getValue(current, event){
this[current +'_index'] = event.detail.value;
}
}
}
</script>
<style>
page{
background-color: #F5F5F5;
}
</style>
<style lang="scss" scoped="scoped">
.content{
padding: 30rpx 32rpx;
width: 750rpx;
height: max-content;
box-sizing: border-box;
.card{
width: 686rpx;
height: max-content;
background-color: #FFFFFF;
border-radius: 10rpx;
padding: 30rpx;
box-sizing: border-box;
.input{
width: 400rpx;
text-align: right;
}
.picker-w{
width: 400rpx;
text-align: right;
}
.btn{
width: 100%;
height: 90rpx;
line-height: 90rpx;
margin-top: 60rpx;
padding-bottom: 10rpx;
background: #E21196;
border-radius: 46rpx;
color: #FFFFFF;
}
}
}
</style>

8
pages/my/editInfo.vue
View File

@ -13,17 +13,17 @@
</view>
<view class="edit-tag">
<view class="lf-row-between lf-w-100 lf-m-b-30">
<view class="lf-color-222 lf-font-32 authen-title lf-p-l-20">为什么要实名认证</view>
<view class="lf-font-28 lf-color-777">去编辑<u-icon name="arrow-right lf-m-l-15 lf-font-22"></u-icon></view>
<view class="lf-color-222 lf-font-32 authen-title lf-p-l-20">内心独白</view>
<view class="lf-font-28 lf-color-777" @click="$url('/pages/my/innerMonologue')">去编辑<u-icon name="arrow-right lf-m-l-15 lf-font-22"></u-icon></view>
</view>
<view class="lf-color-777 lf-font-28">
为给大家创建一个真实安全的优质的脱单环境，确保会员真诚相亲，每个都是人工审核
了解Ta的购车、住房情况和家庭成员资料成员资料成员资料成员资料成员资料成员资料成员资料
</view>
</view>
<view class="edit-tag edit-tag1">
<view class="lf-row-between lf-w-100 lf-m-b-30">
<view class="lf-color-222 lf-font-32 authen-title lf-p-l-20">基本资料</view>
<view class="lf-font-28 lf-color-777">去完善<u-icon name="arrow-right lf-m-l-15 lf-font-22"></u-icon></view>
<view class="lf-font-28 lf-color-777" @click="$url('/pages/my/basicInformation')">去完善<u-icon name="arrow-right lf-m-l-15 lf-font-22"></u-icon></view>
</view>
<view class="lf-color-777 lf-font-28 tag-content">
<view class="personal-tag">其他省市</view>

66
pages/my/innerMonologue.vue
View File

@ -0,0 +1,66 @@
<template>
<view class="content">
<view class="textarea-box">
<textarea class="textarea" placeholder="展现自己，也可说出您的故事～" maxlength="200"></textarea>
<view class="tips-num">0/200</view>
</view>
<view class="tips-content">！小提示：谈谈你对爱情、婚姻的想法，简单介绍下自己的生后工作或者你希望中的那个ta，最好能让对方更了解你，还能快速拉近两人的距离哟～</view>
<button class="btn" hover-class="lf-opacity">保存</button>
</view>
</template>
<script>
export default {
data(){
return {
}
},
onLoad(){
},
methods: {
}
}
</script>
<style lang="scss" scoped="scoped">
.content{
padding: 30rpx 32rpx;
width: 750rpx;
height: max-content;
box-sizing: border-box;
.textarea-box{
position: relative;
.tips-num{
position: absolute;
bottom: 30rpx;
right: 30rpx;
font-size: 28rpx;
color: #999999;
}
}
.textarea{
width: 686rpx;
height: 350rpx;
border-radius: 10rpx;
background-color: #F5F5F5;
box-sizing: border-box;
padding: 30rpx;
font-size: 28rpx;
padding-bottom: 80rpx;
}
.tips-content{
font-size: 24rpx;
color: #777777;
margin-top: 45rpx;
}
.btn{
margin-top: 40rpx;
background-color: #E21196;
border-radius: 46rpx;
color: #FFFFFF;
}
}
</style>

67
pages/test/test.vue
View File

@ -1,6 +1,30 @@
<template>
<view class="content">
<view class="item" :class="{'max-item': item == 0}" v-for="item in 6"></view>
<view>
<!-- <view class="content"> -->
<!-- float 方案 -->
<!-- <view class="item" :class="{'max-item': item == 0}" v-for="item in 6">{{ item + 1 }}</view> -->
<!-- flex 方案 -->
<!-- <view class="lf-flex-wrap">
<view class="flex"
:style="{order: item + 1}"
:class="{'flex-max': item == 0}"
v-for="item in 6"
>{{ item + 1 }}</view>
</view> -->
<!-- </view> -->
<div class="box-wrapper">
<div style="margin-top:0px" class="box"></div>
<div class="box spe"></div>
<div class="box spe"></div>
<div class="box spe"></div>
<div class="box spe"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box spe"></div>
<div class="box spe"></div>
</div>
</view>
</template>
@ -26,6 +50,28 @@
</script>
<style lang="scss" scoped="scoped">
.box{
height: 123px;
padding: 1em;
margin-top: 1em;
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
border: 1px solid #000;
background: #909090;
}
.spe{
height: 225px;
}
.box-wrapper{
-moz-column-count:4; /* Firefox */
-webkit-column-count:4; /* Safari 和 Chrome */
column-count:4;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
column-gap: 1em;
}
.content{
width: 750rpx;
height: max-content;
@ -33,6 +79,20 @@
box-sizing: border-box;
padding: 27rpx;
overflow: hidden;
.flex{
width: 222rpx;
height: 222rpx;
background-color: #DD6161;
margin: 5rpx;
}
.flex-max{
width: 454rpx;
height: 454rpx;
}
/* float
.item{
width: 222rpx;
height: 222rpx;
@ -42,7 +102,8 @@
}
.max-item{
width: 454rpx;
height: 454rpx;
height: 453rpx;
}
*/
}
</style>
Write Preview
Loading…
Cancel
Save