129 lines
2.9 KiB
Vue
129 lines
2.9 KiB
Vue
<template>
|
|
<view class="content">
|
|
<!-- 占位符导航栏 -->
|
|
<navseat :opacity='opacity' :title='titlename' :titleshow='true'></navseat>
|
|
<view class="onecontent">
|
|
<view :style="[{'padding-top':HeighT.customBar +44+'px'}]"></view>
|
|
<view class="onecontentbox">
|
|
<image class="onecontentboximage" src="@/static/avatar.png" mode=""></image>
|
|
<view class="onecontentboxitem flex-between">
|
|
<view class="onecontentboxitemtext">
|
|
昵称
|
|
</view>
|
|
<input class="onecontentboxiteminput" type="text" placeholder="请输入昵称">
|
|
</view>
|
|
<view class="onecontentboxitem flex-between" style="border-top: 1rpx dotted #333333;">
|
|
<view class="onecontentboxitemtext">
|
|
手机号
|
|
</view>
|
|
<input class="onecontentboxiteminput" type="text" placeholder="请输入手机号">
|
|
</view>
|
|
</view>
|
|
<view class="onecontentboxitemnamber">
|
|
保存
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import navseat from '@/components/navseat.vue'
|
|
export default {
|
|
components: {
|
|
navseat
|
|
},
|
|
data() {
|
|
return {
|
|
titlename: '完善信息',
|
|
opacity: false,
|
|
form: {
|
|
address: '', //地址
|
|
type: '', //品类
|
|
orderBy: '', //1.理我最近 2.销量优先 3.价格优先
|
|
other: '', //附近1KM 1选中 0不选中
|
|
page: 1, //页数
|
|
size: 10, //页容量
|
|
status: 'loadmore'
|
|
},
|
|
};
|
|
},
|
|
onPageScroll(e) {
|
|
if (e.scrollTop <= 44) { //搜索导航栏
|
|
this.opacitys = false
|
|
} else {
|
|
this.opacitys = true
|
|
}
|
|
},
|
|
computed: {
|
|
HeighT() { //手机类型的尺寸
|
|
return this.$store.getters.is_BarHeight
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
page {
|
|
background: #F9F9F9;
|
|
}
|
|
|
|
.content {
|
|
.onecontent {
|
|
padding: 0 28rpx;
|
|
width: 100%;
|
|
height: 446rpx;
|
|
background: linear-gradient(180deg, #FFD158 0%, #F9F9F9 100%);
|
|
|
|
.onecontentbox {
|
|
position: relative;
|
|
margin-top: 116rpx;
|
|
width: 100%;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
|
padding: 75rpx 32rpx 0rpx 32rpx;
|
|
|
|
.onecontentboximage {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: -60rpx;
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
border-radius: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.onecontentboxitem {
|
|
padding: 24rpx 0;
|
|
.onecontentboxitemtext{
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
color: #333333;
|
|
}
|
|
.onecontentboxiteminput{
|
|
text-align: right;
|
|
flex: auto;
|
|
font-family: PingFang SC, PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
.onecontentboxitemnamber{
|
|
margin-top: 84rpx;
|
|
text-align: center;
|
|
width: 100%;
|
|
padding: 20rpx 0;
|
|
background: #FFD158;
|
|
border-radius: 46rpx 46rpx 46rpx 46rpx;
|
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
|
font-weight: 500;
|
|
font-size: 36rpx;
|
|
color: #333333;
|
|
}
|
|
}
|
|
}
|
|
</style> |