样式优化

This commit is contained in:
gongfuxiang 2019-02-20 22:02:14 +08:00
parent 6562ecca51
commit 3856b8c90c
2 changed files with 13 additions and 2 deletions

View File

@ -39,14 +39,17 @@
<div class="am-form-group">
<label>背景色</label>
<input type="hidden" name="bg_color" value="{{if !empty($data['bg_color'])}}{{$data.bg_color}}{{/if}}" />
<button class="am-btn am-btn-default colorpicker-submit bg-color-tag am-btn-block bk-cr-white t-r" type="button" data-input-tag="button.bg-color-tag" data-color-tag="input[name='bg_color']" data-color-style="background-color" {{if !empty($data['bg_color'])}}style="background:{{$data.bg_color}}"{{/if}}>
<button class="am-btn am-btn-default colorpicker-submit bg-color-tag am-btn-block bk-cr-white t-r am-radius" type="button" data-input-tag="button.bg-color-tag" data-color-tag="input[name='bg_color']" data-color-style="background-color" {{if !empty($data['bg_color'])}}style="background:{{$data.bg_color}}"{{/if}}>
<img src="{{$attachment_host}}/static/common/images/colorpicker.png" />
</button>
</div>
<div class="am-form-group">
<label>距离顶部<span class="fs-12 fw-100 cr-999">默认距离顶部30%</span></label>
<input type="number" name="distance_top" placeholder="距离顶部" min="0" max="100" data-validation-message="距离顶部 0~100" class="am-radius" value="{{if isset($data['distance_top'])}}{{$data.distance_top}}{{else /}}30{{/if}}" required />
<div class="am-input-group am-input-radius am-input-group-sm">
<input type="number" name="distance_top" placeholder="距离顶部" min="0" max="100" data-validation-message="距离顶部 0~100" class="am-form-field" value="{{if isset($data['distance_top'])}}{{$data.distance_top}}{{else /}}30{{/if}}" required />
<span class="am-input-group-label">%</span>
</div>
</div>
<div class="am-form-group">

View File

@ -217,6 +217,14 @@ ul.plug-file-upload-view-video li {
border-color: #f9e4d3;
color: #f37b1d;
}
.am-input-radius input.am-form-field {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.am-input-radius span.am-input-group-label {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
/**
* 颜色选择插件