XiXingWL/AnHanNET-UniAPP
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加个人主页 完善资料编辑

Browse Source 
Signed-off-by: AnHanTech <admin@xixingwl.cn>
This commit is contained in:
AnHanTech
2023-02-13 04:26:42 +08:00
parent d4206d476d
commit bf3d8a8099
21 changed files with 1447 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
member/homepage/homepage.vue Normal file
View File

@@ -0,0 +1,97 @@
<template>
<view>
<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>
</swiper-item>
</swiper>
</uni-swiper-dot>
<uni-section class="mb-10" title="昵称">
</uni-section>
<uni-section class="mb-10" title="最新动态">
<template v-slot:right>
<uni-icons type="right"></uni-icons>
</template>
</uni-section>
<uni-section class="mb-10" title="认证信息">
<template v-slot:right>
<uni-icons type="right"></uni-icons>
</template>
</uni-section>
<uni-section class="mb-10" title="个人资料">
<template v-slot:right>
<uni-icons type="right"></uni-icons>
</template>
</uni-section>
<uni-section class="mb-10" title="我想说的话">
<template v-slot:right>
<uni-icons type="right"></uni-icons>
</template>
</uni-section>
<uni-section class="mb-10" title="我的标签">
<template v-slot:right>
<uni-icons type="right"></uni-icons>
</template>
</uni-section>
<uni-section class="mb-10" title="贵族">
<template v-slot:right>
<uni-icons type="right"></uni-icons>
</template>
</uni-section>
<uni-goods-nav :fill="true" :options="options" :button-group="buttonGroup" style="margin-top: 20px;" />
</view>
</template>
<script>
export default {
data() {
return {
current: 0,
swiperDotIndex: 0,
info: [{
colorClass: 'uni-bg-red',
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
content: '内容 A'
},
{
colorClass: 'uni-bg-green',
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
content: '内容 B'
},
{
colorClass: 'uni-bg-blue',
url: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
content: '内容 C'
}
],
options: [{
icon: 'chat',
text: '私信',
}, {
icon: 'star',
text: '关注',
}],
buttonGroup: [{
text: '撩一下TA',
backgroundColor: 'linear-gradient(90deg, #ff55ff, #ff557f)',
color: '#fff'
}
],
}
},
methods: {
}
}
</script>
<style>
</style>

137
member/profile/profile.vue
View File

@@ -1,73 +1,81 @@
<template>
<view class="container">
<view class="example">
<!-- 基础表单校验 -->
<uni-forms ref="valiForm" :rules="rules" :modelValue="formData">
<view class="container">
<uni-nav-bar shadow left-icon="left" fixed leftText="返回" dark rightIcon="compose" rightText="编辑" title="个人资料"/>
<view class="example">
<!-- 基础表单校验 -->
<uni-forms ref="valiForm" :rules="rules" :modelValue="formData">
<uni-forms-item label="签名">
<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>
<uni-forms-item label="性别">
<uni-data-checkbox v-model="formData.sex" :localdata="sexs" :disabled="isDisabled" />
</uni-forms-item>
<uni-forms-item label="生日">
<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>
<uni-forms-item label="签名">
<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>
<uni-forms-item label="性别">
<uni-data-checkbox v-model="formData.sex" :localdata="sexs" :disabled="isDisabled" />
</uni-forms-item>
<uni-forms-item label="生日">
<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>
<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>
</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-forms-item>
<uni-forms-item label="家乡">
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
</uni-forms-item>
<uni-forms-item label="自我介绍" name="introduction">
<uni-easyinput type="textarea" v-model="formData.introduction" 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>
</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-forms-item>
<uni-forms-item label="家乡">
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
</uni-forms-item>
<uni-forms-item label="自我介绍" name="introduction">
<uni-easyinput type="textarea" v-model="formData.introduction" placeholder="请输入自我介绍"
:disabled="isDisabled" />
</uni-forms-item>
<uni-forms-item label="月收入">
<uni-data-select v-model="formData.hobby" :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>
</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>
</uni-forms-item>
<uni-forms-item label="婚姻">
<uni-data-select v-model="formData.hobby" :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-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
</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-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>
</uni-forms-item>
</uni-forms>
<button type="primary" @click="submit('valiForm')">提交</button>
</view>
<uni-forms-item label="所在地">
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
</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-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>
</uni-forms-item>
</uni-forms>
<button type="primary" @click="submit('valiForm')">提交</button>
</view>
</view>
@@ -76,7 +84,7 @@
export default {
data() {
return {
isDisabled:true,
isDisabled: true,
// 基础表单数据
formData: {
name: '',
@@ -221,9 +229,10 @@
}
</script>
<style lang="scss">
.container{
.container {
background-color: transparent;
}
.example {
padding: 15px;
background-color: #fff;