feat:添加边距

张含笑

2025-10-29 f6233d966da5c1063100ab7acc863658c2c72a12

feat:添加边距

 src/subPackages/userDetail/infos/index.vue

@@ -4,24 +4,26 @@
            <u-avatar @click="uploadAvatar" :src="userInfo.avatar" size="114" mode="aspectFill" />
        </div>
        <view class="detailBox">
            <div class="orderRow">
                <div class="rowTitle">姓名</div>
                <div>{{userInfo.realName}}</div>
            </div>
            <div class="orderRow">
                <div class="rowTitle">所属单位</div>
                <div>{{userInfo.deptName}}</div>
            </div>
            <div class="orderRow">
                <div class="rowTitle">手机号</div>
                <u-input input-align="right" v-model="userInfo.phone" type="number" placeholder="请输入手机号"
                    class="input-item" />

            </div>
            <div class="orderRow">
                <div class="rowTitle">邮箱</div>
                <u-input input-align="right" v-model="userInfo.email" type="email" placeholder="请输入邮箱"
                    class="input-item" />
            <div class="detailCon">
                <div class="orderRow">
                    <div class="rowTitle">姓名</div>
                    <div>{{userInfo.realName}}</div>
                </div>
                <div class="orderRow">
                    <div class="rowTitle">所属单位</div>
                    <div>{{userInfo.deptName}}</div>
                </div>
                <div class="orderRow">
                    <div class="rowTitle">手机号</div>
                    <u-input input-align="right" v-model="userInfo.phone" type="number" placeholder="请输入手机号"
                        class="input-item" />
				
                </div>
                <div class="orderRow">
                    <div class="rowTitle">邮箱</div>
                    <u-input input-align="right" v-model="userInfo.email" type="email" placeholder="请输入邮箱"
                        class="input-item" />
                </div>
            </div>
        </view>
        <view class="btngroup">
@@ -219,6 +221,9 @@
        background: #FFFFFF;
        border-radius: 12rpx;
        box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
        .detailCon {
            padding: 0 24rpx;
        }
        .orderRow {
            display: flex;
            justify-content: space-between;
@@ -226,7 +231,7 @@
            height: 96rpx;
            border-bottom: 2rpx solid #f5f5f5;
            color: #7b7b7b;
            padding: 0 24rpx;
			
            .rowTitle {
                font-family: Source Han Sans CN, Source Han Sans CN;
                font-weight: 400;

 src/subPackages/userDetail/password/index.vue

@@ -2,22 +2,24 @@
<template>
    <view class="container">
        <view class="detailBox">
            <div class="orderRow">
                <!-- type="password" :password-icon="passwordIcon" -->
                <div class="rowTitle">原始密码</div>
                <u-input input-align="right" v-model="passwordForm.oldPassword"   placeholder="请输入"
                    class="input-item" />
            </div>
            <div class="orderRow">
                <div class="rowTitle">新密码</div>
                <u-input input-align="right" v-model="passwordForm.newPassword" placeholder="请输入"
                    class="input-item" />

            </div>
            <div class="orderRow">
                <div class="rowTitle">确认密码</div>
                <u-input input-align="right" v-model="passwordForm.newPassword1"  placeholder="请输入"
                    class="input-item" />
            <div class="detailCon">
                <div class="orderRow">
                    <!-- type="password" :password-icon="passwordIcon" -->
                    <div class="rowTitle">原始密码</div>
                    <u-input input-align="right" v-model="passwordForm.oldPassword"   placeholder="请输入"
                        class="input-item" />
                </div>
                <div class="orderRow">
                    <div class="rowTitle">新密码</div>
                    <u-input input-align="right" v-model="passwordForm.newPassword" placeholder="请输入"
                        class="input-item" />
				
                </div>
                <div class="orderRow">
                    <div class="rowTitle">确认密码</div>
                    <u-input input-align="right" v-model="passwordForm.newPassword1"  placeholder="请输入"
                        class="input-item" />
                </div>
            </div>
        </view>
        <view class="btngroup">
@@ -107,7 +109,9 @@
        background: #FFFFFF;
        border-radius: 12rpx;
        box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);

.detailCon {
            padding: 0 24rpx;
        }
        .orderRow {
        display: flex;
        justify-content: space-between;
@@ -115,7 +119,7 @@
        height: 96rpx;
        border-bottom: 2rpx solid #f5f5f5;
        color: #7b7b7b;
        padding: 0 24rpx;
		

            .rowTitle {
                font-family: Source Han Sans CN, Source Han Sans CN;