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

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"}
<style>
.keys-container {
min-width: 800px
}
.keys-container .control-label {
margin: 0;
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;
}
.keys-container{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 [data-tips-image]{width:112px;height:auto;}
.keys-container .layui-elem-field{width:535px;height:580px;position:absolute}
</style>
{/block}
@ -52,14 +24,13 @@
<div class="row keys-container">
<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">
<legend>{$title}</legend>
<div>
<!--{if !isset($vo.keys) or ($vo.keys neq 'default' and $vo.keys neq 'subscribe')}-->
<div class="form-group">
<label class="col-md-2 control-label layui-form-label "> </label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label "> </label>
<div class="col-xs-8">
<input required title='请输入关键字' maxlength='20' name='keys' class="layui-input" value='{$vo.keys|default=""}'>
</div>
</div>
@ -67,8 +38,8 @@
<input type="hidden" name="keys" value="{$vo.keys|default=''}">
<!--{/if}-->
<div class="form-group">
<label class="col-md-2 control-label layui-form-label label-required">规则状态</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label label-required">规则状态</label>
<div class="col-xs-8">
<div class="mt-radio-inline padding-bottom-0">
{foreach ['1'=>'启用','0'=>'禁用'] as $k=>$v}
<label class="think-radio">
@ -83,8 +54,8 @@
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label layui-form-label label-required">消息类型</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label label-required">消息类型</label>
<div class="col-xs-8">
{foreach ['text'=>'文字','news'=>'图文','image'=>'图片','music'=>'音乐','video'=>'视频'] as $k=>$v}
<label class="think-radio">
<!--{if (!isset($vo.type) and $k eq 'text') or (isset($vo.type) and$vo.type eq $k)}-->
@ -98,23 +69,23 @@
</div>
<div class="form-group" data-keys-type='text'>
<label class="col-md-2 control-label layui-form-label label-required">规则内容</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label label-required">规则内容</label>
<div class="col-xs-8">
<textarea name="content" maxlength="10000" class="form-control">{$vo.content|default='说点什么吧'|raw}</textarea>
</div>
</div>
<div class="form-group" data-keys-type='news'>
<label class="col-md-2 control-label layui-form-label">选取图文</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label">选取图文</label>
<div class="col-xs-8">
<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">
</div>
</div>
<div class="form-group" data-keys-type='image'>
<label class="col-md-2 control-label layui-form-label label-required">图片地址</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label label-required">图片地址</label>
<div class="col-xs-8">
<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'}"
name="image_url" required title="请上传图片或输入图片URL地址">
@ -125,8 +96,8 @@
</div>
<div class="form-group" data-keys-type='voice'>
<label class="col-md-2 control-label layui-form-label label-required">上传语音</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label label-required">上传语音</label>
<div class="col-xs-8">
<div class="input-group">
<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>
@ -136,14 +107,14 @@
</div>
<div class="form-group" data-keys-type='music'>
<label class="col-md-2 control-label layui-form-label">音乐标题</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label">音乐标题</label>
<div class="col-xs-8">
<input class='layui-input' value="{$vo.music_title|default='音乐标题'}" name="music_title" required title="请输入音乐标题">
</div>
</div>
<div class="form-group" data-keys-type='music'>
<label class="col-md-2 control-label layui-form-label label-required">上传音乐</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label label-required">上传音乐</label>
<div class="col-xs-8">
<div class="input-group">
<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>
@ -151,14 +122,14 @@
</div>
</div>
<div class="form-group" data-keys-type='music'>
<label class="col-md-2 control-label layui-form-label">音乐描述</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label">音乐描述</label>
<div class="col-xs-8">
<input name="music_desc" class="layui-input" value="{$vo.music_desc|default='音乐描述'|raw}">
</div>
</div>
<div class="form-group" data-keys-type='music'>
<label class="col-md-2 control-label layui-form-label">音乐图片</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label">音乐图片</label>
<div class="col-xs-8">
<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'}"
name="music_image" required title="请上传音乐图片或输入音乐图片URL地址  ">
@ -169,14 +140,14 @@
</div>
<div class="form-group" data-keys-type='video'>
<label class="col-md-2 control-label layui-form-label">视频标题</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label">视频标题</label>
<div class="col-xs-8">
<input class='layui-input' value="{$vo.video_title|default='视频标题'}" name="video_title" required title="请输入视频标题">
</div>
</div>
<div class="form-group" data-keys-type='video'>
<label class="col-md-2 control-label layui-form-label label-required">上传视频</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label label-required">上传视频</label>
<div class="col-xs-8">
<div class="input-group">
<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>
@ -185,8 +156,8 @@
</div>
</div>
<div class="form-group" data-keys-type='video'>
<label class="col-md-2 control-label layui-form-label">视频描述</label>
<div class="col-md-9">
<label class="col-xs-2 control-label layui-form-label">视频描述</label>
<div class="col-xs-8">
<textarea name="video_desc" maxlength="50" class="form-control">{$vo.video_desc|default='视频描述'|raw}</textarea>
</div>
</div>
@ -199,7 +170,7 @@
<!--{/if}-->
</div>
{if isset($vo['id'])}<input type='hidden' value='{$vo.id}' name='id'>{/if}
</div>
</fieldset>
</form>
</div>