@@ -1,14 +1,15 @@
|
||||
<template>
|
||||
<view>
|
||||
<view style="height: 100vh;">
|
||||
<uni-nav-bar shadow left-icon="left" fixed rightIcon="more-filled" rightText="编辑" title="他/她的主页"
|
||||
backgroundColor="transparent" />
|
||||
|
||||
<uni-swiper-dot class="uni-swiper-dot-box" :info="info" :current="current" mode="round" field="content">
|
||||
<swiper class="swiper-box" :current="swiperDotIndex">
|
||||
<swiper-item v-for="(item, index) in info" :key="index">
|
||||
<view class="swiper-item" :class="'swiper-item' + index">
|
||||
<image :src="item.url" mode="widthFix" alt=""></image>
|
||||
<view class="swiper-item" :class="'swiper-item' + index" style="width: 100%; height: 100%;">
|
||||
<image :src="item.url" mode="aspectFill" alt="" style="width: 100%; height: 100%;"></image>
|
||||
</view>
|
||||
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</uni-swiper-dot>
|
||||
@@ -44,8 +45,9 @@
|
||||
<uni-icons type="right"></uni-icons>
|
||||
</template>
|
||||
</uni-section>
|
||||
|
||||
<uni-goods-nav :fill="true" :options="options" :button-group="buttonGroup" style="margin-top: 20px;" />
|
||||
<view class="goods-carts">
|
||||
<uni-goods-nav :options="options" :button-group="buttonGroup" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -79,12 +81,11 @@
|
||||
text: '关注',
|
||||
}],
|
||||
buttonGroup: [{
|
||||
text: '撩一下TA',
|
||||
backgroundColor: 'linear-gradient(90deg, #ff55ff, #ff557f)',
|
||||
color: '#fff'
|
||||
}
|
||||
],
|
||||
}
|
||||
text: '撩一下TA',
|
||||
backgroundColor: 'linear-gradient(90deg, #ff55ff, #ff557f)',
|
||||
color: '#fff'
|
||||
}],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
@@ -93,5 +94,18 @@
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
.goods-carts {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
flex-direction: column;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
/* #ifdef H5 */
|
||||
left: var(--window-left);
|
||||
right: var(--window-right);
|
||||
/* #endif */
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -9,8 +9,8 @@
|
||||
<uni-easyinput type="textarea" :disabled="isDisabled" v-model="formData.introduction"
|
||||
placeholder="请输入自我介绍" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="昵称" name="name">
|
||||
<uni-easyinput v-model="formData.name" placeholder="请输入姓名" :disabled="isDisabled" />
|
||||
<uni-forms-item label="昵称" name="nickname">
|
||||
<uni-easyinput v-model="formData.nickname" placeholder="请输入昵称" :disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="性别">
|
||||
<uni-data-checkbox v-model="formData.sex" :localdata="sexs" :disabled="isDisabled" />
|
||||
@@ -19,22 +19,22 @@
|
||||
<uni-datetime-picker type="date" return-type="timestamp" v-model="formData.datetimesingle"
|
||||
:disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="身高" name="name">
|
||||
<uni-easyinput v-model="formData.name" type="number" placeholder="请输入姓名" :disabled="isDisabled" />
|
||||
<uni-forms-item label="身高" name="height">
|
||||
<uni-easyinput v-model="formData.height" type="number" placeholder="请输入姓名" :disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="所在地">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="学历">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled">
|
||||
<uni-data-select :localdata="educations" :disabled="isDisabled">
|
||||
</uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="职业">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="企业">
|
||||
<uni-easyinput v-model="formData.name" type="number" placeholder="请输入姓名" :disabled="isDisabled" />
|
||||
<uni-easyinput type="number" placeholder="请输入姓名" :disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="家乡">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
@@ -46,11 +46,11 @@
|
||||
|
||||
|
||||
<uni-forms-item label="月收入">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled">
|
||||
<uni-data-select :localdata="educations" :disabled="isDisabled">
|
||||
</uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="婚姻">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled">
|
||||
<uni-data-select :localdata="educations" :disabled="isDisabled">
|
||||
</uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="房产">
|
||||
@@ -69,7 +69,7 @@
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="学历">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled">
|
||||
<uni-data-select :localdata="educations" :disabled="isDisabled">
|
||||
</uni-data-select>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
@@ -87,8 +87,9 @@
|
||||
isDisabled: true,
|
||||
// 基础表单数据
|
||||
formData: {
|
||||
name: '',
|
||||
age: '',
|
||||
nickname: '',
|
||||
height:0,
|
||||
age: 0,
|
||||
introduction: '',
|
||||
sex: 2,
|
||||
hobby: [5],
|
||||
|
||||
Reference in New Issue
Block a user