You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.1 KiB
54 lines
1.1 KiB
<!--
|
|
* @Author: ch
|
|
* @Date: 2022-03-28 15:38:23
|
|
* @LastEditors: ch
|
|
* @LastEditTime: 2022-03-28 17:08:34
|
|
* @Description: file content
|
|
-->
|
|
<template>
|
|
<view>
|
|
<UiPageHeader title="设置昵称">
|
|
<view slot="operation" class="headerBtn">确定</view>
|
|
</UiPageHeader>
|
|
<u--input class="input" placeholder="请输入昵称" clearable ></u--input>
|
|
<view class="tips">
|
|
<text>请输入1-10个字符</text>
|
|
<text>(1/10)</text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import UiButton from '@/components/UiButton.vue'
|
|
import UiCell from '@/components/UiCell.vue'
|
|
import UiPageHeader from '@/components/UiPageHeader.vue'
|
|
export default {
|
|
components: { UiCell, UiButton, UiPageHeader },
|
|
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
page{
|
|
background: #f8f8f8;
|
|
}
|
|
.headerBtn{
|
|
height: 88rpx;
|
|
line-height: 88rpx;
|
|
font-size: 28rpx;
|
|
color: #FF875B;
|
|
}
|
|
.input{
|
|
padding: 20rpx 40rpx !important;
|
|
height: 60rpx;
|
|
background: #fff;
|
|
border: 0;
|
|
font-size: 28rpx;
|
|
color: #333;
|
|
}
|
|
.tips{
|
|
padding: 20rpx 40rpx;
|
|
font-size: 24rpx;
|
|
color: #999;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
</style> |