Browse Source

址选择样式调整

develop
liwei 3 years ago
parent
commit
75d84c7353
4 changed files with 48 additions and 36 deletions
  1. +0
    -4
      pages/basicInformation/basicInformation.js
  2. +16
    -7
      pages/basicInformation/basicInformation.wxml
  3. +31
    -24
      pages/basicInformation/basicInformation.wxss
  4. +1
    -1
      pages/questionnaire/questionnaire.wxml

+ 0
- 4
pages/basicInformation/basicInformation.js View File

@ -1,6 +1,5 @@
Page({ Page({
data: { data: {
userInfo:{},
statusBarHeight: 44, // 导航高度 statusBarHeight: 44, // 导航高度
modalY: 0, // 楼栋选择top值 modalY: 0, // 楼栋选择top值
addressList:[ addressList:[
@ -112,9 +111,6 @@ Page({
wx.getUserInfo({ wx.getUserInfo({
success: function (res) { success: function (res) {
console.log(res) console.log(res)
// _this.setData({
// userInfo
// })
} }
}) })
} else { } else {


+ 16
- 7
pages/basicInformation/basicInformation.wxml View File

@ -7,8 +7,12 @@
<view class="content-details-wrap"> <view class="content-details-wrap">
<!-- 问卷列表 --> <!-- 问卷列表 -->
<view class="user-details"> <view class="user-details">
<image class="user-logo" mode="物业logo" src="{{userInfo.avatarUrl}}"></image>
<view class="user-name">{{userInfo.nickName}}</view>
<view class="user-logo">
<open-data type="userAvatarUrl"></open-data>
</view>
<view class="user-name">
<open-data type="userNickName"></open-data>
</view>
</view> </view>
<view class="content-details-content-wrap"> <view class="content-details-content-wrap">
<!-- 地址信息等级 --> <!-- 地址信息等级 -->
@ -16,16 +20,21 @@
<view class="information-title">请选择您的楼栋:</view> <view class="information-title">请选择您的楼栋:</view>
<view class="information-address-wrap"> <view class="information-address-wrap">
<view class="information-address-btn-wrap" id="information-address-btn-wrap"> <view class="information-address-btn-wrap" id="information-address-btn-wrap">
<button class="information-address-btn" type="default" plain bindtap="showSelectAddress">{{addressSelectItem.descr}}</button>
<button class="information-address-btn" type="default" plain
bindtap="showSelectAddress">{{addressSelectItem.descr}}</button>
<image class="information-address-icon" <image class="information-address-icon"
src="http://8.140.133.55:8096/public/uploadfile/select-address-down.png"></image> src="http://8.140.133.55:8096/public/uploadfile/select-address-down.png"></image>
</view> </view>
<view class="information-address-select-wrap" <view class="information-address-select-wrap"
style="top: {{modalY}}px; display: {{modalY ? 'block':'none'}}"> style="top: {{modalY}}px; display: {{modalY ? 'block':'none'}}">
<!-- addressList -->
<view wx:for="{{addressList}}" wx:key="index" data-index="{{index}}" bindtap="setAddressItem"
class="information-address-list {{index===0?'information-address-list-one':''}} {{(addressSelectIndex===0 && addressSelectIndex===index)? 'information-address-list-select1' : ''}}{{(addressSelectIndex && addressSelectIndex===index)? 'information-address-list-select' : ''}}">
{{item.descr}}</view>
<view class="information-address-select-bg-wrap">
<view class="information-address-select-content-wrap">
<view wx:for="{{addressList}}" wx:key="index" data-index="{{index}}" bindtap="setAddressItem"
class="information-address-list {{addressSelectIndex===index? 'information-address-list-select' : ''}}">
{{item.descr}}
</view>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>


+ 31
- 24
pages/basicInformation/basicInformation.wxss View File

@ -20,7 +20,7 @@
text-align: center; text-align: center;
font-size: 34rpx; font-size: 34rpx;
font-family: Helvetica; font-family: Helvetica;
color: #fff;
color: #000000;
line-height: 48rpx; line-height: 48rpx;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);
} }
@ -44,31 +44,32 @@
background: #fff; background: #fff;
border-radius: 32px 32px 0px 0px; border-radius: 32px 32px 0px 0px;
} }
.information-address-select-wrap{
width: 100%;
height: 482rpx;
background: url("http://8.140.133.55:8096/public/uploadfile/address-bg.png") no-repeat;
background-size: 100% 100%;
}
/* 用户基本信息 */ /* 用户基本信息 */
.user-details{ .user-details{
position: absolute; position: absolute;
top: 132rpx; top: 132rpx;
left: 0; left: 0;
width: 100%; width: 100%;
height: 200rpx;
text-align: center; text-align: center;
} }
.user-logo{ .user-logo{
float: left;
width: 96rpx; width: 96rpx;
height: 96rpx; height: 96rpx;
margin-bottom: 24rpx; margin-bottom: 24rpx;
margin-left: calc( 50% - 48rpx );
border-radius: 8rpx;
overflow: hidden;
} }
.user-name{ .user-name{
float: left;
width: 100%;
font-size: 32rpx; font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #323436; color: #323436;
margin-bottom: 80rpx;
} }
.information-wrap{ .information-wrap{
width: 100%; width: 100%;
@ -111,17 +112,32 @@
} }
.information-address-select-wrap{ .information-address-select-wrap{
position: fixed; position: fixed;
left: 13rpx;
width: calc( 100vw - 26rpx );
height: 482rpx;
box-sizing: border-box;
padding: 0 34rpx;
left: 0;
width: 100%;
z-index: 3; z-index: 3;
background: #fff;
display: none; display: none;
background: #fff;
box-sizing: border-box;
padding-bottom: 10rpx;
overflow: hidden;
}
.information-address-select-bg-wrap{
width: calc( 100vw - 26rpx );
height: 430rpx;
box-sizing: border-box;
padding: 10rpx 34rpx;
padding-top: 32rpx;
margin-left: 13rpx;
background: url("http://8.140.133.55:8096/public/uploadfile/address-bg.png") no-repeat;
background-size: 100% 477rpx;
}
.information-address-select-content-wrap{
width: 100%;
height: 100%;
overflow-y: auto; overflow-y: auto;
} }
.information-address-list{ .information-address-list{
position: relative;
width: 100%; width: 100%;
height: 100rpx; height: 100rpx;
font-size: 32rpx; font-size: 32rpx;
@ -133,20 +149,11 @@
box-sizing: border-box; box-sizing: border-box;
padding: 0 26rpx; padding: 0 26rpx;
} }
.information-address-list-one{
padding-top: 32rpx;
height: 120rpx;
line-height: 76rpx;
}
.information-address-list-select{ .information-address-list-select{
background: #F0F1F3; background: #F0F1F3;
} }
.information-address-list-select1{
background: url('http://8.140.133.55:8096/public/uploadfile/select-address.png') no-repeat;
background-size: 100% 100%;
}
.information-title-text{ .information-title-text{
float: left; float: left;
width: 46%; width: 46%;


+ 1
- 1
pages/questionnaire/questionnaire.wxml View File

@ -2,7 +2,7 @@
<view class="questionnaire"> <view class="questionnaire">
<view class="questionnaire-title-wrap"> <view class="questionnaire-title-wrap">
<view class="questionnaire-title" style="top:{{statusBarHeight}}px">问卷调查</view> <view class="questionnaire-title" style="top:{{statusBarHeight}}px">问卷调查</view>
<mp-icon class="navigateBack" bindtap="navigateBack" icon="back" style="top:{{statusBarHeight}}px" type="field" color="rgba(0, 0, 0, 0.9)" size="{{14}}"></mp-icon>
<mp-icon class="navigateBack" bindtap="navigateBack" icon="back" style="top:{{statusBarHeight}}px" type="field" color="#fff" size="{{14}}"></mp-icon>
</view> </view>
<view class="content-wrap"> <view class="content-wrap">
<view class="content-details-wrap"> <view class="content-details-wrap">


Loading…
Cancel
Save