一元捐后台管理项目—前台管理—banner设置页面添加删除按钮并设置没有修改数据时保存按钮为不可点击状态

donate-console/src/main/webapp/WEB-INF/views/bannerSetting.html

@@ -149,16 +149,30 @@
         .banner-setting .button{
             margin-top: 30px;
         }
-        .banner-setting .button a{
-            display: inline-block ;
+        .banner-setting .button button{
             width: 140px;
             height: 34px;
             line-height: 34px;
+            font-family: 'SimHei'!important;
             text-align: center;
             font-size: 16px;
+            border-radius: 3px;
+            outline: none ;
+        }
+        .banner-setting .button button:first-child {
+            margin-right: 20px;
             color: #fff;
             background: #3c8dbc;
-            border-radius: 3px;
+            border: 1px solid #d2d2d2;
+        }
+        .banner-setting .button button:first-child:disabled {
+            color: #fff;
+            background: #d2d2d2;
+        }
+        .banner-setting .button button:last-child {
+            color: #787878;
+            background: none;
+            border: 1px solid #dcdcdc;
         }
     </style>
 </head>
@@ -317,7 +331,7 @@
                         <div class="form-group clearfix">
                             <label for="" class="control-label fl">图片名称</label>
                             <input type="text" class="form-control fl"/>
-                            <a href="" class="fl delete">删除</a>
+                            <!--<a href="" class="fl delete">删除</a>-->
                         </div>
                         <div class="form-group clearfix">
                             <label for="" class="control-label fl">图片地址</label>
@@ -343,7 +357,7 @@
                             <label for="" class="control-label fl">轮播文本</label>
                             <input type="text" class="form-control fl"/>
                         </div>
-                        <div class="button"><a href="">保存</a></div>
+                        <div class="button"><button disabled>保存</button><button>删除</button></div>
                     </div>
                 </div>
             </section>