lcoco/pages/my/edit/nickname.vue

<template>
  <view class="form-box">
    <en-nav title="编辑昵称" :title-color="'#333'" :right-show="true" :right-type="2" >
      <template v-slot:right>
        <text class="nav-right sys-weight-600 sys-color-white">保存</text>
      </template>
    </en-nav>
    <view class="from-input">
      <input type="text" class="input-item sys-height-44" placeholder="设置昵称"></input>
    </view>
    <view class="from-text sys-color-gray-9">
      昵称不能为空
    </view>
  </view>
</template>

<script>
import EnNav from "@/components/en-utils/en-nav/en-nav";
export default {
  components: {EnNav},
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>

<style scoped lang="scss">
.form-box{
  padding: 0 32rpx;
  .nav-right{
    font-size: 28rpx;
    line-height: 44rpx;
    color: #333;

  }
  .from-input{
    margin-top: 56rpx;
    background-color: #F2F2F2;
    border-radius: 16rpx;
    padding: 32rpx;
    .input-item{
      font-size: 28rpx;
      color: #333;
    }
    .input-item::placeholder{
      color: #999;
    }
  }
  .from-text{
    margin-top: 24rpx;
        font-size: 24rpx;
  }

}

</style>