gter.net/HKRentingMiniprogram
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

'学生列表'

Browse Source
This commit is contained in:
我是子健 2023-05-04 01:53:54 +08:00
parent 3448b9aabb
commit b0e706b7db
9 changed files with 719 additions and 281 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app.json
View File

@ -26,6 +26,7 @@
"pages/webViewwebweb/index",
"pages/circularize/circularize",
"pages/askHousing/askHousing",
"pages/setAvatarNickname/setAvatarNickname",
"pages/shishi/shishi"
],
"window": {

BIN
img/defaultAvatar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

2
pages/index/index.wxml
View File

@ -49,7 +49,7 @@
</view>
<!-- 区域选择 -->
<view class="area-selection">
<view class="area-selection" wx:if="{{ false }}">
<view class="head flexacenter shadow">
<view class="head-item flexcenter flex1 {{ item == areaTab ? 'pitch' : '' }}" wx:for="{{ areaList }}" bindtap="setValue" data-value="{{ item }}">
学校附近

207
pages/irentList/irentList.wxml
View File

@ -1,95 +1,136 @@
<import src="../../wxParse/wxParse.wxml" />
<import src="../common/common.wxml" />
<view class="container">
<to-top wx:if="{{ showTOTOP }}"></to-top>
<header-nav inner-text="Some text">寄托香港租房</header-nav>
<template is="irenCouponReceive" data="{{ irentCouponBig:irentCouponBig,hideCoupon:hideCoupon,irenCouponReceive:irenCouponReceive }}"></template>
<view class='irent-list-box'>
<head-swiper attachment="{{ imgUrls }}"></head-swiper>
<tab StudentapartmentNew="{{ StudentapartmentNew}}" page="irentList" listTab="{{ listTab }}"></tab>
<!-- 附近学校 -->
<view class="nearby-school">
<view class="name">附近学校：</view>
<view class="school-list">
<scroll-view class="inner" scroll-x="true">
<view class="item {{school=='' ? 'active' :''}}" data-id="" bindtap="chooseSchool">不限</view>
<view class="item {{school==item.id ? 'active' :''}}" data-id="{{ item.id }}" bindtap="chooseSchool" wx:for="{{ schoolList }}" wx:key="index">{{ item.name }}</view>
</scroll-view>
</view>
</view>
<to-top wx:if="{{ showTOTOP }}"></to-top>
<header-nav inner-text="Some text">寄托香港租房</header-nav>
<template is="irenCouponReceive" data="{{ irentCouponBig:irentCouponBig,hideCoupon:hideCoupon,irenCouponReceive:irenCouponReceive }}"></template>
<view class='irent-list-box'>
<head-swiper attachment="{{ imgUrls }}"></head-swiper>
<tab StudentapartmentNew="{{ StudentapartmentNew}}" page="irentList" listTab="{{ listTab }}"></tab>
<!-- 条件框 -->
<view class="condition-box" style="top:{{screen_data.totalTopHeight}}px">
<view class="tab" >
<select-single title="请选择品牌" slots="true" list="{{ brands.list }}" value="{{ brands.value }}" bindsubmit="submitBrands">
<view class="{{ brands.value ? 'bold' :''}}">
{{ brands.value ? brands.obj[brands.value] : '品牌' }}
<image src="/img/tobottom-c.png" class="tobottom"></image>
</view>
</select-single>
</view>
<!-- 附近学校 -->
<view class="nearby-school">
<view class="name">附近学校：</view>
<view class="school-list">
<scroll-view class="inner" scroll-x="true">
<view class="item {{school=='' ? 'active' :''}}" data-id="" bindtap="chooseSchool">不限</view>
<view class="item {{school==item.id ? 'active' :''}}" data-id="{{ item.id }}" bindtap="chooseSchool" wx:for="{{ schoolList }}" wx:key="index">{{ item.name }}</view>
</scroll-view>
<view class="tab" >
<range-box title="租金区间（港元）" img="tobottom" bindsubmit="submitMoney" value1="{{ money.rent_min }}" value2="{{ money.rent_max }}">
<view wx:if="{{ money.rent_min || money.rent_max }}" class="bold">
{{ (money.rent_min || '') + '~' + (money.rent_max || '') }}
</view>
<block wx:if="{{ !money.rent_min && !money.rent_max}}">租金</block>
<image src="/img/tobottom-c.png" class="tobottom"></image>
</range-box>
</view>
<view class="tab" >
<select-single title="请选择房型" slots="true" list="{{ roomtype.list }}" value="{{ roomtype.value }}" bindsubmit="submitRoomtype">
<view class="{{ roomtype.value ? 'bold' :''}}">
{{ roomtype.value ? roomtype.obj[roomtype.value] : '房型' }}
<image src="/img/tobottom-c.png" class="tobottom"></image>
</view>
</select-single>
</view>
<view class="tab" >
<select-single title="请选择楼型" slots="true" list="{{ roomlistings.list }}" value="{{ roomlistings.value }}" bindsubmit="submitRoomlistings">
<view class="{{ roomlistings.value ? 'bold' :''}}">
{{ roomlistings.value ? roomlistings.obj[roomlistings.value] : '楼型' }}
<image src="/img/tobottom-c.png" class="tobottom"></image>
</view>
</select-single>
</view>
</view>
</view>
</view>
<view class='house-list'>
<block wx:for="{{ data }}" wx:key="index">
<list-item item="{{ item }}" listTab="{{ listTab }}"></list-item>
</block>
<!-- 条件框 -->
<view class="condition-box" style="top:{{screen_data.totalTopHeight}}px">
<view class="tab">
<select-single title="请选择品牌" slots="true" list="{{ brands.list }}" value="{{ brands.value }}" bindsubmit="submitBrands">
<view class="{{ brands.value ? 'bold' :''}}">
{{ brands.value ? brands.obj[brands.value] : '品牌' }}
<image src="/img/tobottom-c.png" class="tobottom"></image>
</view>
</select-single>
</view>
<view class="tab">
<range-box title="租金区间（港元）" img="tobottom" bindsubmit="submitMoney" value1="{{ money.rent_min }}" value2="{{ money.rent_max }}">
<view wx:if="{{ money.rent_min || money.rent_max }}" class="bold">
{{ (money.rent_min || '') + '~' + (money.rent_max || '') }}
</view>
<block wx:if="{{ !money.rent_min && !money.rent_max}}">租金</block>
<image src="/img/tobottom-c.png" class="tobottom"></image>
</range-box>
</view>
<view class="tab">
<select-single title="请选择房型" slots="true" list="{{ roomtype.list }}" value="{{ roomtype.value }}" bindsubmit="submitRoomtype">
<view class="{{ roomtype.value ? 'bold' :''}}">
{{ roomtype.value ? roomtype.obj[roomtype.value] : '房型' }}
<image src="/img/tobottom-c.png" class="tobottom"></image>
</view>
</select-single>
</view>
<view class="tab">
<select-single title="请选择楼型" slots="true" list="{{ roomlistings.list }}" value="{{ roomlistings.value }}" bindsubmit="submitRoomlistings">
<view class="{{ roomlistings.value ? 'bold' :''}}">
{{ roomlistings.value ? roomlistings.obj[roomlistings.value] : '楼型' }}
<image src="/img/tobottom-c.png" class="tobottom"></image>
</view>
</select-single>
</view>
</view>
<view class='house-list apartment-list'>
<view class="apartment-item" wx:for="{{ 3 }}">
<view class="apartment-top flexflex">
<view class="apartment-name">星淮酒店</view>
<image class="apartment-icon" src="https://oss.gter.net/Zvt57TuJSUvkyhw-xG7Y2l-W-JIqfHbqqsgFptxhXa6SWi2uePJ5Bg8RFLPIvsEG-4BUDm7F7lfn5E55tXAL34gR30LtAe50OOma1zx17l80NDI5"></image>
</view>
<view class="apartment-bottom">
<view class="apartment-introduce flexacenter">
<view class="apartment-tag flexcenter">星淮酒店</view>
大角咀新開業酒店
</view>
<view class="apartment-content flexflex">
<view class="apartment-message flex1 flexacenter">
<view class="apartment-quantity">
共 4 个房型
</view>
<view class="apartment-place flexacenter">
<image class="apartment-place-icon" src="/img/orientation.png"></image>
油尖旺区吴松街
</view>
</view>
<view class="apartment-price">
<view class="apartment-price-item flexacenter" wx:for="{{ 3 }}">
<view class="apartment-price-name">单人套间</view>
<view class="flexacenter">
<view class="apartment-price-symbol">HK$</view>
<view class="apartment-price-price">7800</view>
<view class="apartment-price-unit">/月</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class='house-list'>
<block wx:for="{{ data }}" wx:key="index">
<list-item item="{{ item }}" listTab="{{ listTab }}"></list-item>
</block>
</view>
<view class="loading" hidden="{{ !loading }}">
<view></view>
<view></view>
<view></view>
<view></view>
<view></view>
</view>
<block wx:if="{{ data.length==0 && !loading }}">
<view class='nocontent'>
<image src="../../img/file.png" class='file'></image>
暂无数据
</view>
</block>
<view class='bottom-already' hidden='{{page.next_page>=1 }}'>
<!-- <view class='text'>到底啦</view> -->
<view class='more'>
<view>有疑问？</view>
<view>来找{{ contact.nickname }}</view>
<!-- <navigator url="/pages/irentForm/irentForm?from=list&uniqid=jC80yzHfav1u" class="btn btn-a">马上登记</navigator> -->
<view class='btn' bindtap='copy' data-content="{{ contact.wechat }}">复制微信号</view>
</view>
</view>
</view>
<view class="loading" hidden="{{ !loading }}">
<view></view>
<view></view>
<view></view>
<view></view>
<view></view>
</view>
<block wx:if="{{ data.length==0 && !loading }}">
<view class='nocontent' >
<image src="../../img/file.png" class='file'></image>
暂无数据
</view>
</block>
<view class='bottom-already' hidden='{{page.next_page>=1 }}'>
<!-- <view class='text'>到底啦</view> -->
<view class='more'>
<view>有疑问？</view>
<view>来找{{ contact.nickname }}</view>
<!-- <navigator url="/pages/irentForm/irentForm?from=list&uniqid=jC80yzHfav1u" class="btn btn-a">马上登记</navigator> -->
<view class='btn' bindtap='copy' data-content="{{ contact.wechat }}">复制微信号</view>
</view>
</view>
</view>
<!-- <view wx:if="{{ irenCouponReceive && irenCouponReceive.appId}}" class="irenCouponReceive">
<!-- <view wx:if="{{ irenCouponReceive && irenCouponReceive.appId}}" class="irenCouponReceive">
<view bindtap="tominiProgram" class="a" data-appId="{{ irenCouponReceive.appId }}" data-path="{{ irenCouponReceive.path }}">
<image src="{{ irenCouponReceive.image }}" mode="widthFix" class="img"></image>
</view>
</view> -->
<announcement-popup interface="apartmentlist" init="{{ initState }}"></announcement-popup>
<announcement-popup interface="apartmentlist" init="{{ initState }}"></announcement-popup>
</view>

550
pages/irentList/irentList.wxss
View File

@ -1,16 +1,16 @@
/* list */
.irent-list-box{
/* background: #f2f2f2; */
min-height: 100vh;
padding-bottom: 80rpx;
box-sizing: border-box;
.irent-list-box {
/* background: #f2f2f2; */
min-height: 100vh;
padding-bottom: 80rpx;
box-sizing: border-box;
}
.house-list{
padding: 40rpx 30rpx 0;
color: #333;
.house-list {
padding: 40rpx 30rpx 0;
color: #333;
}
/* .house-list .point view:nth-child(3n+1){
@ -25,230 +25,386 @@
background: #e4f2e9;
color: #7abe8f;
} */
.hover{
background: transparent
.hover {
background: transparent
}
.bottom-already{
/* padding: 68rpx 0 0rpx; */
padding: 0;
text-align: center;
.bottom-already {
/* padding: 68rpx 0 0rpx; */
padding: 0;
text-align: center;
}
.bottom-already .text{
color: #999;
font-size: 24rpx;
.bottom-already .text {
color: #999;
font-size: 24rpx;
}
.bottom-already .text::before,.bottom-already .text::after{
display: inline-block;
content: "";
width: 64rpx;
height: 1px;
background: #b9b9b9;
vertical-align: middle;
margin: 0 32rpx;
.bottom-already .text::before,
.bottom-already .text::after {
display: inline-block;
content: "";
width: 64rpx;
height: 1px;
background: #b9b9b9;
vertical-align: middle;
margin: 0 32rpx;
}
.bottom-already .more{
padding: 52rpx 0 0;
color: #333;
font-size: 26rpx;
line-height: 42rpx;
.bottom-already .more {
padding: 52rpx 0 0;
color: #333;
font-size: 26rpx;
line-height: 42rpx;
}
.bottom-already .more .name{
display: inline-block;
margin-left: 6rpx;
font-weight: bold;
.bottom-already .more .name {
display: inline-block;
margin-left: 6rpx;
font-weight: bold;
}
.bottom-already .more .btn{
margin: 28rpx auto 0;
width: 192rpx;
height: 60rpx;
line-height: 60rpx;
border-radius: 60rpx;
background: #a8bed9;
color: #FFF;
.bottom-already .more .btn {
margin: 28rpx auto 0;
width: 192rpx;
height: 60rpx;
line-height: 60rpx;
border-radius: 60rpx;
background: #a8bed9;
color: #FFF;
}
.bottom-already .more .btn-a{
background: #669bd0;
.bottom-already .more .btn-a {
background: #669bd0;
}
.nearby-school{
height: 112rpx;
width: 100vw;
display: flex;
font-size:26rpx;
border-bottom: 1px solid #e8e8e8;
}
.nearby-school .name{
height: 112rpx;
display: inline-flex;
padding-left: 30rpx;
font-size:28rpx;
color: #333;
font-weight: bold;
width: 190rpx;
box-sizing: border-box;
align-items: center;
}
.nearby-school .school-list{
height: 112rpx;
display: inline-flex;
flex: 1;
width: calc(100% - 190rpx);
align-items: center;
}
.nearby-school .school-list .inner{
display: block;
white-space: nowrap;
width: 100%;
overflow-x: scroll;
box-sizing: border-box;
padding-right: 22rpx;
height: 112rpx;
.nearby-school {
height: 112rpx;
width: 100vw;
display: flex;
font-size: 26rpx;
border-bottom: 1px solid #e8e8e8;
}
.nearby-school .school-list .inner .item{
display: inline-block;
margin:30rpx 8rpx;
padding:0 20rpx;
height: 52rpx;
line-height:52rpx;
border-radius: 26rpx;
color: #666;
.nearby-school .name {
height: 112rpx;
display: inline-flex;
padding-left: 30rpx;
font-size: 28rpx;
color: #333;
font-weight: bold;
width: 190rpx;
box-sizing: border-box;
align-items: center;
}
.nearby-school .school-list .inner .item.active{
background: #f2f2f2;
color: rgb(255, 192, 95);
.nearby-school .school-list {
height: 112rpx;
display: inline-flex;
flex: 1;
width: calc(100% - 190rpx);
align-items: center;
}
.nearby-school .school-list .inner {
display: block;
white-space: nowrap;
width: 100%;
overflow-x: scroll;
box-sizing: border-box;
padding-right: 22rpx;
height: 112rpx;
}
.nearby-school .school-list .inner .item {
display: inline-block;
margin: 30rpx 8rpx;
padding: 0 20rpx;
height: 52rpx;
line-height: 52rpx;
border-radius: 26rpx;
color: #666;
}
.nearby-school .school-list .inner .item.active {
background: #f2f2f2;
color: rgb(255, 192, 95);
}
.condition-box{
display: flex;
padding: 50rpx 30rpx 40rpx;
justify-content: space-between;
align-items: center;
border-bottom: 10rpx solid #f5f5f5;
height: 84rpx;
position: sticky;
top: 0;
z-index: 1002;
background: #fff;
}
.condition-box .condition-tab{
display: flex;
flex: 1;
height: 80rpx;
border:1px solid #e8e8e8;
border-radius: 10rpx;
justify-content:space-evenly;
align-items: center;
overflow: hidden;
box-sizing: border-box;
}
.condition-box .condition-tab .divide{
display: inline-flex;
flex:0 0 2rpx;
height: 26rpx;
background: rgb(225, 225, 225)
}
.condition-box .tab .tobottom{
width: 12rpx;
height: 7rpx;
margin-left:8rpx;
/* transform: rotateZ(180deg) */
}
.condition-box .tab .filtrate{
width: 16rpx;
height: 18rpx;
margin-left:8rpx;
}
.condition-box .tab .order{
width: 18rpx;
height: 20rpx;
margin-left:8rpx;
.condition-box {
display: flex;
padding: 50rpx 30rpx 40rpx;
justify-content: space-between;
align-items: center;
border-bottom: 10rpx solid #f5f5f5;
height: 84rpx;
position: sticky;
top: 0;
z-index: 1002;
background: #fff;
}
.condition-box .tab.active .tobottom{
transform: rotateZ(0)
}
.condition-box .tab{
display: inline-flex;
position: relative;
justify-content: center;
align-items: center;
color: #666;
font-size: 24rpx;
box-sizing: border-box;
}
.condition-box .tab.active{
font-weight: bold;
color: #333;
font-size: 22rpx;
.condition-box .condition-tab {
display: flex;
flex: 1;
height: 80rpx;
border: 1px solid #e8e8e8;
border-radius: 10rpx;
justify-content: space-evenly;
align-items: center;
overflow: hidden;
box-sizing: border-box;
}
.triangle{
display: inline-flex;
width: 40rpx;
height: 40rpx;
}
.triangle.descend{
transform: rotateZ(180deg)
.condition-box .condition-tab .divide {
display: inline-flex;
flex: 0 0 2rpx;
height: 26rpx;
background: rgb(225, 225, 225)
}
.condition-box .more{
display: inline-flex;
flex: 0 0 138rpx;
height: 80rpx;
align-items: center;
justify-content: center;
/* background: #f2f2f2; */
border-radius: 80rpx;
font-size: 30rpx;
box-sizing: border-box;
border:1px solid #e8e8e8;
}
.condition-box .more image{
display: inline-flex;
width: 26rpx;
height: 26rpx;
margin-left: 4rpx;
}
.condition-box .more.hascondition{
font-weight: bold;
}
.bold{
font-weight: bold;
.condition-box .tab .tobottom {
width: 12rpx;
height: 7rpx;
margin-left: 8rpx;
/* transform: rotateZ(180deg) */
}
.nocontent{
text-align: center;
font-size: 28rpx;
padding: 200rpx 0;
color: #999
}
.nocontent .file{
width: 40rpx;
height: 46rpx;
display: block;
margin: 0 auto 20rpx;
.condition-box .tab .filtrate {
width: 16rpx;
height: 18rpx;
margin-left: 8rpx;
}
.irenCouponReceive{
.condition-box .tab .order {
width: 18rpx;
height: 20rpx;
margin-left: 8rpx;
}
.condition-box .tab.active .tobottom {
transform: rotateZ(0)
}
.condition-box .tab {
display: inline-flex;
position: relative;
justify-content: center;
align-items: center;
color: #666;
font-size: 24rpx;
box-sizing: border-box;
}
.condition-box .tab.active {
font-weight: bold;
color: #333;
font-size: 22rpx;
}
.triangle {
display: inline-flex;
width: 40rpx;
height: 40rpx;
}
.triangle.descend {
transform: rotateZ(180deg)
}
.condition-box .more {
display: inline-flex;
flex: 0 0 138rpx;
height: 80rpx;
align-items: center;
justify-content: center;
/* background: #f2f2f2; */
border-radius: 80rpx;
font-size: 30rpx;
box-sizing: border-box;
border: 1px solid #e8e8e8;
}
.condition-box .more image {
display: inline-flex;
width: 26rpx;
height: 26rpx;
margin-left: 4rpx;
}
.condition-box .more.hascondition {
font-weight: bold;
}
.bold {
font-weight: bold;
}
.nocontent {
text-align: center;
font-size: 28rpx;
padding: 200rpx 0;
color: #999
}
.nocontent .file {
width: 40rpx;
height: 46rpx;
display: block;
margin: 0 auto 20rpx;
}
.irenCouponReceive {
position: fixed;
right: 10rpx;
bottom: 220rpx;
z-index: 1003;
}
.irenCouponReceive .img{
.irenCouponReceive .img {
display: block;
width: 100rpx;
height:100rpx;
height: 100rpx;
margin: 0;
top: 0;
}
.apartment-list {
background-color: rgba(246, 246, 246, 1);
border-radius: 60rpx 60rpx 0 0;
}
.apartment-list .apartment-item {
width: 690rpx;
margin-bottom: 36rpx;
}
.apartment-list .apartment-item .apartment-top {
height: 459rpx;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.apartment-list .apartment-item .apartment-top .apartment-name {
height: 48rpx;
font-size: 30rpx;
font-weight: 650;
color: #000000;
padding: 0 25rpx;
border-radius: 25rpx;
background-color: rgba(255, 255, 255, 0.7);
z-index: 1;
}
.apartment-list .apartment-item .apartment-top .apartment-icon {
width: 100%;
height: 100%;
border-radius: 18rpx;
position: absolute;
}
.apartment-list .apartment-item .apartment-bottom {
position: relative;
margin-top: -109.5rpx;
}
.apartment-list .apartment-item .apartment-introduce {
background-color: rgba(0, 0, 0, 0.63921568627451);
height: 48rpx;
width: 630rpx;
margin: -48rpx auto 0;
padding: 0 12rpx;
border-radius: 24rpx 24rpx 0 0;
color: #D7D7D7;
font-size: 21rpx;
}
.apartment-list .apartment-item .apartment-bottom .apartment-tag {
padding: 0 15rpx;
border-radius: 12rpx;
height: 33rpx;
border: 1rpx solid rgba(121, 121, 121, 1);
margin-right: 15rpx;
color: #FDDA55;
}
.apartment-list .apartment-item .apartment-bottom .apartment-content {
border-radius: 12rpx;
background-color: #fff;
flex-direction: column;
}
.apartment-list .apartment-item .apartment-bottom .apartment-content {
padding: 27rpx 24rpx;
}
.apartment-list .apartment-item .apartment-bottom .apartment-quantity {
color: #7F7F7F;
font-size: 21rpx;
}
.apartment-list .apartment-item .apartment-bottom .apartment-message {
justify-content: space-between;
}
.apartment-list .apartment-item .apartment-bottom .apartment-place {
color: #555555;
font-size: 23rpx;
}
.apartment-list .apartment-item .apartment-bottom .apartment-place-icon {
width: 27rpx;
height: 27rpx;
margin-right: 10rpx;
}
.apartment-list .apartment-item .apartment-bottom .apartment-price {
padding: 0 14rpx;
background: rgba(246, 246, 246, 1);
border-radius: 18rpx;
margin-top: 24rpx;
}
.apartment-list .apartment-item .apartment-bottom .apartment-price-item {
height: 81rpx;
justify-content: space-between;
}
.apartment-list .apartment-item .apartment-bottom .apartment-price-item:not(:last-of-type) {
border-bottom: 1rpx solid #ebebeb;
}
.apartment-list .apartment-item .apartment-bottom .apartment-price-name {
color: #000000;
font-size: 23rpx;
}
.apartment-list .apartment-item .apartment-bottom .apartment-price-symbol {
font-weight: 900;
color: #000000;
font-size: 21rpx;
}
.apartment-list .apartment-item .apartment-bottom .apartment-price-price {
color: #F95D5D;
font-size: 30rpx;
font-weight: 900;
margin: 0 10rpx ;
}
.apartment-list .apartment-item .apartment-bottom .apartment-price-unit {
color: #555555;
font-size: 21rpx;
}

138
pages/setAvatarNickname/setAvatarNickname.js Normal file
View File

@ -0,0 +1,138 @@
// pages/setAvatarNickname/setAvatarNickname.js
var miucms = require('../../utils/miucms.js');
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
avatarUrl: '',
nickname: ""
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
avatarUrl: app.globalData.user && app.globalData.user.avatar || '../../img/defaultAvatar.png',
nickname: app.globalData.user && app.globalData.user.nickname,
isIndex: options.isIndex ? true : false, // 判断是否顶部返回键的
token: options.token,
})
},
onChooseAvatar(e) {
let avatarUrl = e.detail.avatarUrl
avatarUrl = 'data:image/jpeg;base64,' + wx.getFileSystemManager().readFileSync(avatarUrl, "base64")
this.setData({
avatarUrl
})
miucms.request("https://passport.gter.net/api/user/uploadAvatar", {
data: avatarUrl
}).then(res => {
let data = res.data
app.globalData.user = data.user
app.globalData['setSate'] = true
})
},
submitNickname() {
miucms.request("https://passport.gter.net/api/user/updateNickname", {
nickname: this.data.nickname
}).then(res => {
if (res.code == 200) {
let data = res.data
app.globalData.user = data.user
app.globalData.setSate = true
if (this.data.isIndex) {
wx.navigateBack({
delta: 1,
fail: function () {
wx.navigateTo({
url: '/pages/more_offer/index/index',
})
}
})
return
}
if (data.status == 1 || data.status == 2) {
wx.redirectTo({
url: '/pagesSquare/pages/PCAuthorization/PCAuthorization?token=' + this.data.token + "&status=" + data.status,
})
} else {
wx.navigateBack({
delta: 1,
fail: function () {
wx.navigateTo({
url: '/pages/more_offer/index/index',
})
}
})
}
} else {
wx.showToast({
icon: "none",
title: res.message,
})
}
})
},
submit() {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})

5
pages/setAvatarNickname/setAvatarNickname.json Normal file
View File

@ -0,0 +1,5 @@
{
"usingComponents": {
"header-nav": "/template/headerNav/index"
}
}

22
pages/setAvatarNickname/setAvatarNickname.wxml Normal file
View File

@ -0,0 +1,22 @@
<!--pages/setAvatarNickname/setAvatarNickname.wxml-->
<view class="container">
<header-nav bgcolor="#f6f6f6" isIndexPage="">设置头像昵称</header-nav>
<view class="box shadow">
<view class="item">
<view class="left">头像</view>
<view class="right">
<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
<image class="head" src="{{ avatarUrl || '../../img/defaultAvatar.png' }}"></image>
</button>
</view>
</view>
<view class="item">
<view class="left">昵称</view>
<view class="right">
<input type="nickname" class="nickname" model:value="{{nickname}}" maxlength="50" />
</view>
</view>
</view>
<view class="save" bindtap="submitNickname">保存</view>
</view>

75
pages/setAvatarNickname/setAvatarNickname.wxss Normal file
View File

@ -0,0 +1,75 @@
/* pages/setAvatarNickname/setAvatarNickname.wxss */
.container {
min-height: 100vh;
background-color: rgb(245, 245, 245);
padding: 24rpx 22.5rpx 0;
}
.box {
width: 705rpx;
background-color: #ffffff;
border-radius: 30rpx;
}
.box .item {
display: flex;
justify-content: space-between;
align-items: center;
height: 132rpx;
padding: 0 24rpx;
font-size: 24rpx;
color: #555555;
}
.box .item:not(:last-of-type) {
border-bottom: 1rpx solid #ebebeb;
}
.box .item .right {
flex: 1;
display: flex;
justify-content: flex-end;
}
.box .item .right .nickname {
text-align: right;
height: 132rpx;
width: 100%;
}
.box .head {
width: 72rpx;
height: 72rpx;
border-radius: 50%;
}
.avatar-wrapper {
padding: 0;
width: 100% !important;
border-radius: 8px;
background: transparent;
border: none;
outline: none;
display: flex;
justify-content: flex-end;
align-items: center;
margin: 0;
}
.avatar-wrapper::after {
border: none;
}
.save {
width: 705rpx;
height: 97.5rpx;
border-radius: 60rpx;
background-color: rgba(98, 177, 255, 1);
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
font-weight: 650;
font-size: 36rpx;
margin-top: 60rpx;
}