jgl
/
photo_uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新界面

Browse Source
main
JING 9 months ago
parent a66856b461
commit 8dead46893
2 changed files with 75 additions and 32 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 73
      pages/user/account/index.vue
  2. 34
      pages/user/index.vue

73
pages/user/account/index.vue
Unescape View File

@ -48,38 +48,67 @@
placeholder="请输入昵称"
inputAlign="right"
border="none"
color="#FFFFFF"
color="#999999"
maxlength="10"
v-model="info.wxName"
></u--input>
</view>
<view class='i_box_5'>
<view class="up">
<view class="img">
</view>
<view class="icon">
<u-icon name="arrow-right" top="5"></u-icon>
</view>
</view>
</view>
</view>
<!--input box end-->
<!--input box start-->
<view class='input_box'>
<view class='i_box_1'>手机号</view>
<view class='i_box_1'>协议与说明</view>
<view class='i_box_2'></view>
<view class='i_box_3x'>
<u--input
v-if="!this.$com.isNull(info.phoneNumber)"
inputAlign="right"
border="none"
color="#FFFFFF"
maxlength="11"
v-model="info.phoneNumber"
:readonly="true"
></u--input>
<u-button v-else :text="info.phoneNumber || '点击获取手机号'" openType="getPhoneNumber" @getphonenumber="getPhoneNumber"></u-button>
</view>
<view class='i_box_5'>
<view class="up">
<view class="img">
</view>
<view class="icon" >
<u-icon name="arrow-right" top="5"></u-icon>
</view>
</view>
</view>
</view>
<!--input box end-->
</view>
<view class="btn-big"><u-button type="info" :loading="btn_loading" loadingText="加载中" :disabled="btn_disabled" text="保存" @click="add"></u-button></view>
<view class="form" style="margin-top: 20rpx;">
<!--input box start-->
<view class='input_box'>
<view class='i_box_1'>注销账号</view>
<view class='i_box_2'></view>
<view class='i_box_3x'>
</view>
<view class='i_box_5'>
<view class="up">
<view class="img">
</view>
<view class="icon" >
<u-icon name="arrow-right" top="5"></u-icon>
</view>
</view>
</view>
</view>
<!--input box end-->
</view>
</view>
</template>
@ -96,9 +125,7 @@
},
wxAvatar: [],
//按钮设置
btn_loading:false,
btn_disabled:false,
}
},
onLoad(option) {
@ -228,14 +255,14 @@
<style lang="scss">
.container{padding:10rpx 20rpx;}
.form{ padding: 20rpx;
background: #082436;
.form{ padding:0rpx 20rpx;
background: #FFFFFF;
border-radius: 24rpx 24rpx 24rpx 24rpx;
}
/*form基本元素*/
/*input_box*/
.input_box{ display: flex;flex-direction:row; height: 100rpx; line-height: 100rpx;
border-radius: 15rpx;box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.05); margin: 20rpx auto; color:#FFFFFF;}
border-radius: 15rpx; margin: 0rpx auto; color:#3D3D3D;}
.i_box_1{ width: 25%;height: 100rpx; font-size: 28rpx; text-align: left; }
.i_box_2{width: 0.3%;height: 80rpx; margin-top: 10rpx;}
@ -246,8 +273,8 @@ border-radius: 15rpx;box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.05); margin: 20rpx
/*特殊的 改变部分*/
.i_box_3x{height: 100rpx;min-width: 74.7%; width: auto;font-size: 26rpx;}
::v-deep .u-input{ border:none !important; color:#FFFFFF !important; margin-top: 10rpx;}
.i_box_3x{height: 100rpx;min-width: 65.7%; width: auto;font-size: 26rpx;}
::v-deep .u-input{ border:none !important; color:#3D3D3D !important; margin-top: 20rpx;}
.up{ width: 100%; height: auto; display: flex; margin-top: 20rpx;}
.up .img{width:80%; }
.up .img .u-upload{ margin-left: 80rpx;}

34
pages/user/index.vue
Unescape View File

@ -10,7 +10,7 @@
<view class="name"><text class="username">{{userInfo.wxName}}</text><!-- <text class="level">等级</text> --></view>
</view>
<view class="uright">
<view class="change">
<view class="change" @click="goTo('/pages/user/account/index')">
<image src="/static/img/user/setting.png" mode="widthFix"></image>
</view>
</view>
@ -59,12 +59,15 @@
transform: 'scale(1)'
}"
itemStyle="padding-left: 20rpx; padding-right: 20rpx; width:147rpx; height: 68rpx;"
@click="click"></u-tabs>
@click="tabChange"></u-tabs>
<view class="datalist">
</view>
<u-empty icon="/static/img/user/nodata.png" mode="list" text="暂无数据，快去添加吧！" width="180rpx" marginTop="120px"></u-empty>
<u-empty icon="/static/img/user/nodata.png" mode="list" text="暂无数据，快去添加吧！" width="180rpx" marginTop="120px"></u-empty>
<view class="newBtn">去创建</view>
</view>
@ -170,6 +173,11 @@ export default {
url: url,
});
},
//选项卡选择
tabChange(e)
{
console.log(e);
},
tools(item)
{
var _this =this;
@ -500,10 +508,18 @@ font-weight: 400;
.nowENV{ width: 200rpx; height: 60rpx; margin: 10rpx auto; text-align: center;}
.empty{width: 100%; height: 20rpx;}
.ad{ width: 100%; height: auto; text-align: center; margin:0rpx auto;}
.ad image{ width:100%; margin-top:20rpx;border-radius: 30rpx;}
.videoBox{ width: 750rpx; height: 900rpx;}
.videoBox video{ width: 100%; height: 100%;}
.newBtn{
width: 400rpx;
height: 88rpx;
line-height: 88rpx;
border-radius: 48rpx;
border: 2rpx solid #9B75FF;
text-align: center;
margin: 20rpx auto;
color: #9B75FF;
font-size: 30rpx;
font-weight: bold;
}
</style>

Write Preview
Loading…
Cancel
Save