فهرست منبع

修改界面样式

chendi 7 سال پیش
والد
کامیت
b1ca1d0ac4
1فایلهای تغییر یافته به همراه70 افزوده شده و 53 حذف شده
  1. 70 53
      src/main/webapp/pages/add.jsp

+ 70 - 53
src/main/webapp/pages/add.jsp

@ -12,40 +12,20 @@
    <script src="js/ckeditor/ckeditor.js"></script>
    <title>文章管理列表</title>
    <style>
        .content{
            margin:0 auto; width:100%;
        }
        .title{
            margin:0 auto; width:500px;
        }
        input{
            width:250px;
        }
        .ad-padd{
            height: 100px;
            width: 95%;
            padding: 10px;
            margin:30px
            border: solid 1px #dcdcdc;
            border-radius: 2px;
            font-size: 12px;
        }
        .ad-padd::-webkit-input-placeholder{
            color:#ccc;
        }
        .ad-padd::-moz-placeholder{
            color:#ccc;
        }
        .ad-padd:-moz-placeholder{
            color:#ccc;
        }
        .ad-padd:-ms-input-placeholder{
            color:#ccc;
        }
        .hidden{
            display: none;
        }
        .content{  margin:0 auto; width:100%;  }
        .title{  margin:0 auto; width:500px;  }
        input{  width:350px; }
        .ad-padd{  height: 100px;  width: 95%;  padding: 10px;  margin:30px border: solid 1px #dcdcdc;  border-radius: 2px;  font-size: 12px;  }
        .ad-padd::-webkit-input-placeholder{  color:#ccc;  }
        .ad-padd::-moz-placeholder{  color:#ccc;  }
        .ad-padd:-moz-placeholder{  color:#ccc;  }
        .ad-padd:-ms-input-placeholder{  color:#ccc;  }
        .hidden{  display: none;  }
        table{    margin-top: 30px;}
        table tr{height: 40px;  line-height: 40px;}
        .td-left{text-align: right;}
        .td-right{text-align: left;}
        .width350{width: 350px !important;}
    </style>
</head>
@ -53,25 +33,62 @@
    <form  id="article" onsubmit="return sub()">
        <div class="liger-form">
            <div class="content">
                <div class="title" style="margin-top: 30px;">
                    <label>标题</label><input class="liger-textbox" name="title" data-label="标题" required="required" />
                </div>
                <div>
                    <label>文章类型</label><input id="typeSelect"   />
                    <input type="hidden" name="type" id="type"/>
                    <input type="hidden" name="typeName" id="typeName"/>
                    <label>文章来源</label><input id="articleFrom"  required="required" />
                </div>
                <div class="m-form-group" style="margin-left: 30px;margin-top: 20px">
                    <label class="fromUrl hidden">url</label><input class="fromUrl hidden" type="url" id="url" name="url"  class="liger-textbox" />
                    <label style="margin-left: 50px" class="bySelf hidden">关键字</label><input class="bySelf hidden" name="keyword" class="liger-textbox" />
                </div>
                <br/>
                <div style="width: 95%;margin:0 auto;" class="bySelf hidden"><textarea class="ad-padd" name="contentFirst" placeholder="简介" ></textarea></div>
                <div  style="width: 95%;margin:0 auto;" class="bySelf hidden"><textarea id="TextArea1"  cols="20" rows="2" name="ckeditor" class="ckeditor"></textarea></div>
                <input  type="hidden" name="content" id="content" />
                <div style="width: 95%;margin:0 auto;"><input type="reset" value="重置"><input type="submit" value="保存" /></div>
                <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="30%" class="td-left"><label>标&emsp;&emsp;题:</label></td>
                        <td width="70%" class="td-right">
                            <input class="liger-textbox width350" name="title" data-label="标题" required="required" />
                        </td>
                    </tr>
                    <tr>
                        <td width="30%" class="td-left"><label>文章类型:</label></td>
                        <td width="70%" class="td-right">
                            <input id="typeSelect"/>
                            <input type="hidden" name="type" id="type"/>
                            <input type="hidden" name="typeName" id="typeName"/>
                        </td>
                    </tr>
                    <tr>
                        <td width="30%" class="td-left"><label>文章来源:</label></td>
                        <td width="70%" class="td-right">
                            <input id="articleFrom"  required="required" />
                        </td>
                    </tr>
                    <tr class="fromUrl hidden">
                        <td width="30%" class="td-left">
                            URL:
                        </td>
                        <td width="70%" class="td-right">
                            <input type="url" id="url" name="url"  class="liger-textbox" class="width350"/>
                        </td>
                    </tr>
                    <tr class="bySelf hidden">
                        <td width="30%" class="td-left">
                            关&ensp;键&ensp;字:
                        </td>
                        <td width="70%" class="td-right">
                            <input name="keyword" class="liger-textbox" class="width350"/>
                        </td>
                    </tr>
                    <tr class="bySelf hidden">
                        <td width="30%" class="td-left"><label class="bySelf hidden">简&emsp;&emsp;介:</label></td>
                        <td width="70%" class="td-right">
                            <div class="width350"><textarea class="ad-padd" name="contentFirst" placeholder="简介" ></textarea></div>
                        </td>
                    </tr>
                    <tr class="bySelf hidden">
                        <td colspan="2">
                            <div  style="width: 80%;margin:0 auto;"><textarea id="TextArea1"  cols="20" rows="2" name="ckeditor" class="ckeditor"></textarea></div>
                            <input  type="hidden" name="content" id="content" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align: center">
                            <input type="reset" value="重置" style="width: 80px;">&emsp;&emsp;
                            <input type="submit" value="保存" style="width: 80px;"/>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </form>