[更新]修改关键字表单样式

This commit is contained in:
Anyon 2018-03-19 17:42:12 +08:00
parent c209909d95
commit 51dff74326

View File

@ -2,40 +2,12 @@
{block name="style"} {block name="style"}
<style> <style>
.keys-container { .keys-container{min-width:800px}
min-width: 800px .keys-container textarea{width:95%;height:100px;border-radius:0}
} .keys-container .input-group input{border-right:0}
.keys-container .input-group-addon{border-left:0;border-radius:0}
.keys-container .control-label { .keys-container [data-tips-image]{width:112px;height:auto;}
margin: 0; .keys-container .layui-elem-field{width:535px;height:580px;position:absolute}
padding-left: 0;
padding-right: 0;
}
.keys-container textarea {
width: 95%;
height: 100px;
}
.keys-container .input-group input {
border-right: 0
}
.keys-container .input-group-addon {
border-left: 0;
border-radius: 0;
}
.keys-container [data-tips-image] {
width: 112px;
height: auto;
}
.keys-container .layui-elem-field {
width: 535px;
height: 580px;
position: absolute;
}
</style> </style>
{/block} {/block}
@ -52,14 +24,13 @@
<div class="row keys-container"> <div class="row keys-container">
<div class='col-xs-6 margin-left-15'> <div class='col-xs-6 margin-left-15'>
<form class="form-horizontal" role="form" data-auto="true" action="{:request()->url()}" method="post"> <form class="form-horizontal layui-form" role="form" data-auto="true" action="{:request()->url()}" method="post">
<fieldset class="layui-elem-field layui-box"> <fieldset class="layui-elem-field layui-box">
<legend>{$title}</legend> <legend>{$title}</legend>
<div>
<!--{if !isset($vo.keys) or ($vo.keys neq 'default' and $vo.keys neq 'subscribe')}--> <!--{if !isset($vo.keys) or ($vo.keys neq 'default' and $vo.keys neq 'subscribe')}-->
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label layui-form-label "> </label> <label class="col-xs-2 control-label layui-form-label "> </label>
<div class="col-md-9"> <div class="col-xs-8">
<input required title='请输入关键字' maxlength='20' name='keys' class="layui-input" value='{$vo.keys|default=""}'> <input required title='请输入关键字' maxlength='20' name='keys' class="layui-input" value='{$vo.keys|default=""}'>
</div> </div>
</div> </div>
@ -67,8 +38,8 @@
<input type="hidden" name="keys" value="{$vo.keys|default=''}"> <input type="hidden" name="keys" value="{$vo.keys|default=''}">
<!--{/if}--> <!--{/if}-->
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label layui-form-label label-required">规则状态</label> <label class="col-xs-2 control-label layui-form-label label-required">规则状态</label>
<div class="col-md-9"> <div class="col-xs-8">
<div class="mt-radio-inline padding-bottom-0"> <div class="mt-radio-inline padding-bottom-0">
{foreach ['1'=>'启用','0'=>'禁用'] as $k=>$v} {foreach ['1'=>'启用','0'=>'禁用'] as $k=>$v}
<label class="think-radio"> <label class="think-radio">
@ -83,8 +54,8 @@
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label layui-form-label label-required">消息类型</label> <label class="col-xs-2 control-label layui-form-label label-required">消息类型</label>
<div class="col-md-9"> <div class="col-xs-8">
{foreach ['text'=>'文字','news'=>'图文','image'=>'图片','music'=>'音乐','video'=>'视频'] as $k=>$v} {foreach ['text'=>'文字','news'=>'图文','image'=>'图片','music'=>'音乐','video'=>'视频'] as $k=>$v}
<label class="think-radio"> <label class="think-radio">
<!--{if (!isset($vo.type) and $k eq 'text') or (isset($vo.type) and$vo.type eq $k)}--> <!--{if (!isset($vo.type) and $k eq 'text') or (isset($vo.type) and$vo.type eq $k)}-->
@ -98,23 +69,23 @@
</div> </div>
<div class="form-group" data-keys-type='text'> <div class="form-group" data-keys-type='text'>
<label class="col-md-2 control-label layui-form-label label-required">规则内容</label> <label class="col-xs-2 control-label layui-form-label label-required">规则内容</label>
<div class="col-md-9"> <div class="col-xs-8">
<textarea name="content" maxlength="10000" class="form-control">{$vo.content|default='说点什么吧'|raw}</textarea> <textarea name="content" maxlength="10000" class="form-control">{$vo.content|default='说点什么吧'|raw}</textarea>
</div> </div>
</div> </div>
<div class="form-group" data-keys-type='news'> <div class="form-group" data-keys-type='news'>
<label class="col-md-2 control-label layui-form-label">选取图文</label> <label class="col-xs-2 control-label layui-form-label">选取图文</label>
<div class="col-md-9"> <div class="col-xs-8">
<a class="btn btn-link" data-title="选择图文" data-iframe="{:url('wechat/news/select')}?field={:encode('news_id')}">选择图文</a> <a class="btn btn-link" data-title="选择图文" data-iframe="{:url('wechat/news/select')}?field={:encode('news_id')}">选择图文</a>
<input type="hidden" class='layui-input' value="{$vo.news_id|default=0}" name="news_id"> <input type="hidden" class='layui-input' value="{$vo.news_id|default=0}" name="news_id">
</div> </div>
</div> </div>
<div class="form-group" data-keys-type='image'> <div class="form-group" data-keys-type='image'>
<label class="col-md-2 control-label layui-form-label label-required">图片地址</label> <label class="col-xs-2 control-label layui-form-label label-required">图片地址</label>
<div class="col-md-9"> <div class="col-xs-8">
<input type="text" class="layui-input" onchange="$(this).nextAll('img').attr('src', this.value);" <input type="text" class="layui-input" onchange="$(this).nextAll('img').attr('src', this.value);"
value="{$vo.image_url|default='http://plugs.ctolog.com/theme/default/img/image.png'}" value="{$vo.image_url|default='http://plugs.ctolog.com/theme/default/img/image.png'}"
name="image_url" required title="请上传图片或输入图片URL地址"> name="image_url" required title="请上传图片或输入图片URL地址">
@ -125,8 +96,8 @@
</div> </div>
<div class="form-group" data-keys-type='voice'> <div class="form-group" data-keys-type='voice'>
<label class="col-md-2 control-label layui-form-label label-required">上传语音</label> <label class="col-xs-2 control-label layui-form-label label-required">上传语音</label>
<div class="col-md-9"> <div class="col-xs-8">
<div class="input-group"> <div class="input-group">
<input class='layui-input' type="text" value="{$vo.voice_url|default=''}" name="voice_url" required title="请上传语音文件或输入语音URL地址  "> <input class='layui-input' type="text" value="{$vo.voice_url|default=''}" name="voice_url" required title="请上传语音文件或输入语音URL地址  ">
<a data-file="one" data-type="mp3,wma,wav,amr" data-field="voice_url" class="input-group-addon"><i class="fa fa-upload"></i></a> <a data-file="one" data-type="mp3,wma,wav,amr" data-field="voice_url" class="input-group-addon"><i class="fa fa-upload"></i></a>
@ -136,14 +107,14 @@
</div> </div>
<div class="form-group" data-keys-type='music'> <div class="form-group" data-keys-type='music'>
<label class="col-md-2 control-label layui-form-label">音乐标题</label> <label class="col-xs-2 control-label layui-form-label">音乐标题</label>
<div class="col-md-9"> <div class="col-xs-8">
<input class='layui-input' value="{$vo.music_title|default='音乐标题'}" name="music_title" required title="请输入音乐标题"> <input class='layui-input' value="{$vo.music_title|default='音乐标题'}" name="music_title" required title="请输入音乐标题">
</div> </div>
</div> </div>
<div class="form-group" data-keys-type='music'> <div class="form-group" data-keys-type='music'>
<label class="col-md-2 control-label layui-form-label label-required">上传音乐</label> <label class="col-xs-2 control-label layui-form-label label-required">上传音乐</label>
<div class="col-md-9"> <div class="col-xs-8">
<div class="input-group"> <div class="input-group">
<input class='layui-input' type="text" value="{$vo.music_url|default=''}" name="music_url" required title="请上传音乐文件或输入音乐URL地址  "> <input class='layui-input' type="text" value="{$vo.music_url|default=''}" name="music_url" required title="请上传音乐文件或输入音乐URL地址  ">
<a data-file="one" data-type="mp3,wma,wav,amr" data-field="music_url" class="input-group-addon"><i class="fa fa-upload"></i></a> <a data-file="one" data-type="mp3,wma,wav,amr" data-field="music_url" class="input-group-addon"><i class="fa fa-upload"></i></a>
@ -151,14 +122,14 @@
</div> </div>
</div> </div>
<div class="form-group" data-keys-type='music'> <div class="form-group" data-keys-type='music'>
<label class="col-md-2 control-label layui-form-label">音乐描述</label> <label class="col-xs-2 control-label layui-form-label">音乐描述</label>
<div class="col-md-9"> <div class="col-xs-8">
<input name="music_desc" class="layui-input" value="{$vo.music_desc|default='音乐描述'|raw}"> <input name="music_desc" class="layui-input" value="{$vo.music_desc|default='音乐描述'|raw}">
</div> </div>
</div> </div>
<div class="form-group" data-keys-type='music'> <div class="form-group" data-keys-type='music'>
<label class="col-md-2 control-label layui-form-label">音乐图片</label> <label class="col-xs-2 control-label layui-form-label">音乐图片</label>
<div class="col-md-9"> <div class="col-xs-8">
<input onchange="$(this).nextAll('img').attr('src', this.value);" type="text" class="layui-input" <input onchange="$(this).nextAll('img').attr('src', this.value);" type="text" class="layui-input"
value="{$vo.music_image|default='http://plugs.ctolog.com/theme/default/img/image.png'}" value="{$vo.music_image|default='http://plugs.ctolog.com/theme/default/img/image.png'}"
name="music_image" required title="请上传音乐图片或输入音乐图片URL地址  "> name="music_image" required title="请上传音乐图片或输入音乐图片URL地址  ">
@ -169,14 +140,14 @@
</div> </div>
<div class="form-group" data-keys-type='video'> <div class="form-group" data-keys-type='video'>
<label class="col-md-2 control-label layui-form-label">视频标题</label> <label class="col-xs-2 control-label layui-form-label">视频标题</label>
<div class="col-md-9"> <div class="col-xs-8">
<input class='layui-input' value="{$vo.video_title|default='视频标题'}" name="video_title" required title="请输入视频标题"> <input class='layui-input' value="{$vo.video_title|default='视频标题'}" name="video_title" required title="请输入视频标题">
</div> </div>
</div> </div>
<div class="form-group" data-keys-type='video'> <div class="form-group" data-keys-type='video'>
<label class="col-md-2 control-label layui-form-label label-required">上传视频</label> <label class="col-xs-2 control-label layui-form-label label-required">上传视频</label>
<div class="col-md-9"> <div class="col-xs-8">
<div class="input-group"> <div class="input-group">
<input class='layui-input' type="text" value="{$vo.video_url|default=''}" name="video_url" required title="请上传音乐视频或输入音乐视频URL地址  "> <input class='layui-input' type="text" value="{$vo.video_url|default=''}" name="video_url" required title="请上传音乐视频或输入音乐视频URL地址  ">
<a data-file="one" data-type="mp4" data-field="video_url" class="input-group-addon"><i class="fa fa-upload"></i></a> <a data-file="one" data-type="mp4" data-field="video_url" class="input-group-addon"><i class="fa fa-upload"></i></a>
@ -185,8 +156,8 @@
</div> </div>
</div> </div>
<div class="form-group" data-keys-type='video'> <div class="form-group" data-keys-type='video'>
<label class="col-md-2 control-label layui-form-label">视频描述</label> <label class="col-xs-2 control-label layui-form-label">视频描述</label>
<div class="col-md-9"> <div class="col-xs-8">
<textarea name="video_desc" maxlength="50" class="form-control">{$vo.video_desc|default='视频描述'|raw}</textarea> <textarea name="video_desc" maxlength="50" class="form-control">{$vo.video_desc|default='视频描述'|raw}</textarea>
</div> </div>
</div> </div>
@ -199,7 +170,7 @@
<!--{/if}--> <!--{/if}-->
</div> </div>
{if isset($vo['id'])}<input type='hidden' value='{$vo.id}' name='id'>{/if} {if isset($vo['id'])}<input type='hidden' value='{$vo.id}' name='id'>{/if}
</div>
</fieldset> </fieldset>
</form> </form>
</div> </div>