修改用户中心移动端排版问题

This commit is contained in:
技术老胡 2025-03-18 13:53:07 +08:00
parent d570aa88b3
commit 9d928451d9

View File

@ -19,6 +19,23 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.infomsg {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 10px;
width: calc(100% - 20px);
}
.infomsg div:first-child {
width: 100%;
word-break: break-all;
}
.infomsg div:last-child {
text-align: center;
}
</style> </style>
</head> </head>
@ -55,22 +72,26 @@
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">API 接口</label> <label class="layui-form-label">API 接口</label>
<div class="layui-input-block"> <div class="layui-input-block">
<div class="layui-form-mid" style="margin-left: 10px;color: #5f5f5f;float: none;"> <div class="layui-form-mid infomsg">
<?php echo $url ?> <div>
<a href="javascript:;" lay-on="copyinfo" data-info="<?php echo $url ?>" <?php echo $url ?>
style="float: right;" title="复制"><span </div>
class="icon pear-icon pear-icon-survey"></span></a> <div><a href="javascript:;" lay-on="copyinfo" data-info="<?php echo $url ?>"
title="复制"><span class="icon pear-icon pear-icon-survey"></span></a>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">商户 PID</label> <label class="layui-form-label">商户 PID</label>
<div class="layui-input-block"> <div class="layui-input-block">
<div class="layui-form-mid" style="margin-left: 10px;color: #5f5f5f;float: none;"> <div class="layui-form-mid infomsg">
<?php echo $pid ?> <div>
<a href="javascript:;" lay-on="copyinfo" data-info="<?php echo $pid ?>" <?php echo $pid ?>
style="float: right;" title="复制"><span </div>
class="icon pear-icon pear-icon-survey"></span></a> <div><a href="javascript:;" lay-on="copyinfo" data-info="<?php echo $pid ?>"
title="复制"><span class="icon pear-icon pear-icon-survey"></span></a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -78,12 +99,15 @@
<label class="layui-form-label">商户密钥 <a href="javascript:;" lay-on="resetKey" <label class="layui-form-label">商户密钥 <a href="javascript:;" lay-on="resetKey"
title="重置密钥"><span class="icon pear-icon pear-icon-refresh"></span></a></label> title="重置密钥"><span class="icon pear-icon pear-icon-refresh"></span></a></label>
<div class="layui-input-block"> <div class="layui-input-block">
<div class="layui-form-mid layui-elip" <div class="layui-form-mid infomsg">
style="margin-left: 10px;color: #5f5f5f;float: none;"> <div>
<?php echo $secret_key ?> <?php echo $secret_key ?>
<a href="javascript:;" lay-on="copyinfo" data-info="<?php echo $secret_key ?>" </div>
style="float: right;" title="复制"><span <div>
class="icon pear-icon pear-icon-survey"></span></a> <a href="javascript:;" lay-on="copyinfo"
data-info="<?php echo $secret_key ?>" title="复制"><span
class="icon pear-icon pear-icon-survey"></span></a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -98,12 +122,14 @@
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">订单监控</label> <label class="layui-form-label">订单监控</label>
<div class="layui-input-block"> <div class="layui-input-block">
<div class="layui-form-mid layui-elip" <div class="layui-form-mid infomsg">
style="margin-left: 10px;color: #5f5f5f;float: none;"> <div>
<?php echo $orderurl ?> <?php echo $orderurl ?>
<a href="javascript:;" lay-on="copyinfo" data-info="<?php echo $orderurl ?>" </div>
style="float: right;" title="复制"><span <div><a href="javascript:;" lay-on="copyinfo"
class="icon pear-icon pear-icon-survey"></span></a> data-info="<?php echo $orderurl ?>" title="复制"><span
class="icon pear-icon pear-icon-survey"></span></a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -123,94 +149,103 @@
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">Webhook</label> <label class="layui-form-label">Webhook</label>
<div class="layui-input-block"> <div class="layui-input-block">
<div class="layui-form-mid layui-elip" <div class="layui-form-mid infomsg">
style="margin-left: 10px;color: #5f5f5f;float: none;"> <div>
<?php echo $url . 'mpayNotify' ?> <?php echo $url . 'mpayNotify' ?>
<a href="javascript:;" lay-on="copyinfo" </div>
data-info="<?php echo $url . 'mpayNotify' ?>" style="float: right;" <div><a href="javascript:;" lay-on="copyinfo"
title="复制"><span class="icon pear-icon pear-icon-survey"></span></a> data-info="<?php echo $url . 'mpayNotify' ?>" title="复制"><span
class="icon pear-icon pear-icon-survey"></span></a>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">消息模版</label> <label class="layui-form-label">消息模版</label>
<div class="layui-input-block"> <div class="layui-input-block">
<div class="layui-form-mid layui-elip" <div class="layui-form-mid infomsg">
style="margin-left: 10px;color: #5f5f5f;float: none;"> <div>{"action": "mpay","data": "[msg]","time":"[timestamp]","sign":
{"action": "mpay","data": "[msg]","time":"[timestamp]","sign": "[sign]"} "[sign]"}
<a href="javascript:;" lay-on="copyinfo" </div>
data-info='{"action": "mpay","data": "[msg]","time":"[timestamp]","sign": "[sign]"}' <div><a href="javascript:;" lay-on="copyinfo"
style="float: right;" title="复制"><span data-info='{"action": "mpay","data": "[msg]","time":"[timestamp]","sign": "[sign]"}'
class="icon pear-icon pear-icon-survey"></span></a> title="复制"><span
class="icon pear-icon pear-icon-survey"></span></a>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">Secret</label> <label class="layui-form-label">Secret</label>
<div class="layui-input-block"> <div class="layui-input-block">
<div class="layui-form-mid layui-elip" <div class="layui-form-mid infomsg">
style="margin-left: 10px;color: #5f5f5f;float: none;"> <div>
<?php echo $secret_key ?> <?php echo $secret_key ?>
<a href="javascript:;" lay-on="copyinfo" </div>
data-info="<?php echo $secret_key ?>" style="float: right;" <div><a href="javascript:;" lay-on="copyinfo"
title="复制"><span class="icon pear-icon pear-icon-survey"></span></a> data-info="<?php echo $secret_key ?>" title="复制"><span
class="icon pear-icon pear-icon-survey"></span></a>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="layui-form-item" pane> <div class="layui-form-item" pane>
<label class="layui-form-label">成功关键字</label> <label class="layui-form-label">成功关键字</label>
<div class="layui-input-block"> <div class="layui-input-block">
<div class="layui-form-mid layui-elip" <div class="layui-form-mid infomsg">
style="margin-left: 10px;color: #5f5f5f;float: none;"> <div>200</div>
200 <div><a href="javascript:;" lay-on="copyinfo" data-info="200"
<a href="javascript:;" lay-on="copyinfo" data-info="200" title="复制"><span
style="float: right;" title="复制"><span class="icon pear-icon pear-icon-survey"></span></a>
class="icon pear-icon pear-icon-survey"></span></a> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</fieldset>
<fieldset class="layui-elem-field">
<legend style="font-size: 14px;">应用转发规则·多重匹配</legend>
<div class="layui-field-box">
<div class="layui-form layui-form-pane">
<div class="layui-form-item" pane>
<label class="layui-form-label">微信支付</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-elip"
style="margin-left: 10px;color: #5f5f5f;float: none;">
<?php echo '并且 是 APP包名 相等 com.tencent.mm<br />并且 是 通知标题 相等 微信支付<br />[空格]或者 是 通知标题 相等 微信收款助手<br />[空格]或者 是 通知标题 相等 微信收款商业版' ?>
<a href="javascript:;" lay-on="copyinfo"
data-info='<?php echo "并且 是 APP包名 相等 com.tencent.mm\n并且 是 通知标题 相等 微信支付\n[空格]或者 是 通知标题 相等 微信收款助手\n[空格]或者 是 通知标题 相等 微信收款商业版" ?>'
style="float: right;" title="复制"><span
class="icon pear-icon pear-icon-survey"></span></a>
</div>
</div>
</div>
<div class="layui-form-item" pane>
<label class="layui-form-label">支付宝</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-elip"
style="margin-left: 10px;color: #5f5f5f;float: none;">
<?php echo '并且 是 APP包名 相等 com.eg.android.AlipayGphone<br />并且 是 通知标题 包含 元<br />[空格]或者 是 通知内容 包含 元' ?>
<a href="javascript:;" lay-on="copyinfo"
data-info='<?php echo "并且 是 APP包名 相等 com.eg.android.AlipayGphone\n并且 是 通知标题 包含 元\n[空格]或者 是 通知内容 包含 元" ?>'
style="float: right;" title="复制"><span
class="icon pear-icon pear-icon-survey"></span></a>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div> </div>
</fieldset>
<fieldset class="layui-elem-field">
<legend style="font-size: 14px;">应用转发规则·多重匹配</legend>
<div class="layui-field-box">
<div class="layui-form layui-form-pane">
<div class="layui-form-item" pane>
<label class="layui-form-label">微信支付</label>
<div class="layui-input-block">
<div class="layui-form-mid infomsg">
<div>
<?php echo '并且 是 APP包名 相等 com.tencent.mm<br />并且 是 通知标题 相等 微信支付<br />[空格]或者 是 通知标题 相等 微信收款助手<br />[空格]或者 是 通知标题 相等 微信收款商业版' ?>
</div>
<div><a href="javascript:;" lay-on="copyinfo"
data-info='<?php echo "并且 是 APP包名 相等 com.tencent.mm\n并且 是 通知标题 相等 微信支付\n[空格]或者 是 通知标题 相等 微信收款助手\n[空格]或者 是 通知标题 相等 微信收款商业版" ?>'
title="复制"><span class="icon pear-icon pear-icon-survey"></span></a>
</div>
</div>
</div>
</div>
<div class="layui-form-item" pane>
<label class="layui-form-label">支付宝</label>
<div class="layui-input-block">
<div class="layui-form-mid infomsg">
<div>
<?php echo '并且 是 APP包名 相等 com.eg.android.AlipayGphone<br />并且 是 通知标题 包含 元<br />[空格]或者 是 通知内容 包含 元' ?>
</div>
<div><a href="javascript:;" lay-on="copyinfo"
data-info='<?php echo "并且 是 APP包名 相等 com.eg.android.AlipayGphone\n并且 是 通知标题 包含 元\n[空格]或者 是 通知内容 包含 元" ?>'
title="复制"><span class="icon pear-icon pear-icon-survey"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<script src="/component/layui/layui.js"></script> <script src="/component/layui/layui.js"></script>
<script src="/component/pear/pear.js"></script> <script src="/component/pear/pear.js"></script>
<script> <script>