修改样式

This commit is contained in:
邹景立 2021-06-21 10:17:17 +08:00
parent 51a8c96896
commit 6f59486e33
7 changed files with 22 additions and 13 deletions

View File

@ -14,7 +14,7 @@
<label class="layui-form-item relative block">
<span class="color-green font-w7">浏览器小图标</span>
<span class="color-desc margin-left-5">Icon</span>
<input class="layui-input" required pattern="^(http|/)" placeholder="请上传浏览器图标  " value="{:sysconf('site_icon')}" name="site_icon">
<input class="layui-input" required pattern="^(http|/)" placeholder="请上传浏览器图标" value="{:sysconf('site_icon')}" name="site_icon">
<a class="input-right-icon layui-icon layui-icon-upload-drag" style="top:25px" data-file="btn" data-type="ico,png" data-field="site_icon"></a>
<span class="help-block">建议上传 <span class="color-blue">128x128</span> ico png 图片,可以通过 <a href="http://www.favicon-icon-generator.com" target="_blank">ICON </a>在线制作 ico 文件!</span>
</label>

View File

@ -8,7 +8,7 @@
<span class="color-green font-w7 label-required-prev">支付方式图标</span>
<span class="color-desc margin-left-5">Payment Image</span>
<label class="relative block label-required-null">
<input class="layui-input" name="cover" placeholder="请上传支付方式图标 &nbsp;&nbsp;&nbsp;&nbsp;" required value='{$vo.cover|default=""}'>
<input class="layui-input" name="cover" placeholder="请上传支付方式图标" required value='{$vo.cover|default=""}'>
<a class="layui-icon layui-icon-upload input-right-icon" data-field="cover" data-file data-type="png,jpg,gif"></a>
<script>$('[name="cover"]').uploadOneImage()</script>
</label>

View File

@ -44,11 +44,11 @@
<label class="layui-form-label"><b>PushApi</b><br><span class="nowrap color-desc">消息推送接收</span></label>
<div class="layui-input-block">
<div class="relative">
<input value="服务器授权IP{$geoip}" disabled class="layui-input layui-bg-gray border-0">
<input value="服务器授权IP{$geoip}" disabled class="layui-input layui-bg-gray">
<a data-copy="{$geoip}" class="input-right-icon"><i class="iconfont icon-copy"></i></a>
</div>
<div class="relative margin-top-5">
<input value="消息推送地址:{$thrNotify}" disabled class="layui-input layui-bg-gray border-0">
<input value="消息推送地址:{$thrNotify}" disabled class="layui-input layui-bg-gray">
<a data-copy="{$thrNotify}" class="input-right-icon"><i class="iconfont icon-copy"></i></a>
</div>
<p class="help-block">公众号服务平台消息推送接口及服务器授权IP地址需在公众号接口开发处配置。</p>

View File

@ -448,9 +448,11 @@ $(function () {
};
/*! 错误消息标签插入 */
this.insertError = function (ele) {
var $html = $('<span style="padding-right:12px;color:#a94442;position:absolute;right:0;font-size:12px;z-index:2;display:block;width:34px;text-align:center;pointer-events:none"></span>');
$html.css({top: $(ele).position().top + 'px', paddingBottom: $(ele).css('paddingBottom'), lineHeight: $(ele).css('height')});
$(ele).data('input-info') || $(ele).data('input-info', $html.insertAfter(ele));
if ($(ele).data('input-info')) return true;
var $next = $(ele).nextAll('.input-right-icon'), right = ($next ? $next.width() + parseFloat($next.css('right') || '0') : 0) + 10;
var $html = $('<span style="color:#a44;display:block;position:absolute;font-size:12px;z-index:2;text-align:center;pointer-events:none"></span>');
var style = {top: $(ele).position().top + 'px', right: right + 'px', lineHeight: $(ele).css('height'), paddingBottom: $(ele).css('paddingBottom')};
$(ele).data('input-info', $html.css(style).insertAfter(ele));
};
/*! 表单验证入口 */
this.check = function (form, callback) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -271,14 +271,21 @@
}
.input-right-icon {
top: 0;
right: 0;
width: 30px;
height: 38px;
top: 1px;
right: 1px;
color: #098;
width: 36px;
height: 36px;
display: inline-block;
position: absolute;
background: #E9E9E9;
text-align: center;
line-height: 38px;
&:hover {
color: #009080;
background: #E0E0E0;
}
}
/** 加载进度 */