|
|
@@ -46,7 +46,7 @@
|
|
|
</pick-regions>
|
|
|
<u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
|
|
|
</view>
|
|
|
- <view class="item">
|
|
|
+ <view class="item" @click="showPhoneModal = true">
|
|
|
<view>手机号码</view>
|
|
|
<view>{{ form.telphone }}<u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
|
|
|
</view>
|
|
|
@@ -70,6 +70,12 @@
|
|
|
<u-input v-model="idCard" placeholder="请输入身份证" />
|
|
|
</view>
|
|
|
</u-modal>
|
|
|
+
|
|
|
+ <u-popup v-model="showPhoneModal" mode="bottom" class="modal">
|
|
|
+ <view class="modal__content">
|
|
|
+ 人生若只如初见，何事秋风悲画扇
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
<u-navbar title="我的资料" :border-bottom="false" background="{ background: '#ffffff',opacity:0.4; }" title-color="#ffffff" back-icon-color="#ffffff">
|
|
|
|
|
|
</u-navbar>
|
|
|
@@ -81,6 +87,7 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ showPhoneModal:false,
|
|
|
form:{
|
|
|
avatar:'',
|
|
|
userBirth:new Date()
|
|
|
@@ -297,7 +304,7 @@ export default {
|
|
|
|
|
|
</style>
|
|
|
|
|
|
-<style scope>
|
|
|
+<style scope lang="scss">
|
|
|
.slot-content{
|
|
|
margin: 30rpx;
|
|
|
color: #606266;
|
|
|
@@ -357,4 +364,15 @@ export default {
|
|
|
margin: 0 auto;
|
|
|
margin-top: 50rpx;
|
|
|
}
|
|
|
+
|
|
|
+ .modal {
|
|
|
+ &__content {
|
|
|
+ width: 750rpx;
|
|
|
+ height: 1208rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 0px 16rpx 4rpx #919CB2;
|
|
|
+ border-radius: 32rpx 0rpx 0rpx 32rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
chenxiong