示例代码调整。

src/main/webapp/resources/css/commonComponent.css

@@ -1,4 +1,18 @@
 /*---------------------提示框样式 start---------------------*/
+/*示例：
+<div class="com-del-box">
+    <div class="title">
+        <a><i class="fa fa-close fa-lg"></i></a>
+    </div>
+    <div class="content">
+        <p><i class="fa fa-exclamation-circle"></i>是否要删除此发票?</p>
+        <div>
+            <a>取消</a>
+            <a>确认</a>
+        </div>
+    </div>
+</div>
+*/
 .com-del-box{
     position: fixed;
     z-index: 2;
@@ -67,6 +81,9 @@
 /*---------------------提示框样式 end---------------------*/
 
 /*---------------------btn样式 start---------------------*/
+/*示例(size+type)：
+<span class="com-btn-level1 com-btn-submit"></span>
+*/
 /*btnSize*/
 .com-btn-level1 {
     display: inline-block;
@@ -134,12 +151,12 @@ i.fa-minus-circle{
 /*---------------------标准控件-单选框start---------------------*/
 /** html代码
     <label class="check-act">
-        <input type="radio" id="effect" name="radio" ng-model="isActive" ng-click="exchangeActive(true)" ng-checked="isActive" class="ng-pristine ng-untouched ng-valid">
+        <input type="radio" id="effect" name="radio">
         <label for="effect"></label>
         生效
     </label>
     <label class="check-act">
-        <input type="radio" id="no-effect" name="radio" ng-model="isActive" ng-click="exchangeActive(false)" ng-checked="!isActive" class="ng-untouched ng-valid ng-dirty" checked="checked">
+        <input type="radio" id="no-effect" name="radio" checked="checked">
         <label for="no-effect"></label>
         暂不生效
     </label>
@@ -172,7 +189,7 @@ i.fa-minus-circle{
 /*---------------------标准控件-复选框start---------------------*/
 /** html代码
     <label class="check-act">
-       <input type="checkbox" id="1" ng-checked="item.checked" ng-click="checkInvoice(item)" checked="checked">
+       <input type="checkbox" id="1" checked="checked">
            <label for="1"></label>
     </label>
 **/
@@ -198,10 +215,10 @@ i.fa-minus-circle{
 /*---------------------标准控件-开关（蓝色）start---------------------*/
 /** html代码
     <div class="switch">
-        <span class="checkbox" ng-if="takeSelf.active==0" ng-click="changeActive(takeSelf, true)">
+        <span class="checkbox">
             <span><em></em></span>
         </span>
-        <span class="checkbox active" ng-if="takeSelf.active==1" ng-click="changeActive(takeSelf, false)">
+        <span class="checkbox active">
             <span><em></em></span>
         </span>
 	</div>
@@ -261,10 +278,10 @@ div.switch .checkbox span em:after{
 /*---------------------标准控件-开关（绿色）start---------------------*/
 /** html代码
     <div class="switch">
-        <span class="checkbox" ng-if="takeSelf.active==0" ng-click="changeActive(takeSelf, true)">
+        <span class="checkbox">
             <span><em></em></span>
         </span>
-        <span class="checkbox active" ng-if="takeSelf.active==1" ng-click="changeActive(takeSelf, false)">
+        <span class="checkbox active">
             <span><em></em></span>
         </span>
 	</div>
@@ -350,7 +367,7 @@ div.tip{
     border-radius:5px;
 }
 .com-supernatant-box div{
-    position:absolute;
+    position:fixed;
     top:59%;
     left:50%;
     width:100%;
@@ -368,7 +385,7 @@ div.tip{
 /*------下拉选框的使用样式方法------------------------------*/
 /*
 <div class='com-select-option'>
-    <input id="classesType" ng-blur="onBlur()"  ng-click="changeShowLogistics()" type="text" class="form-control" ng-model="message.classes"  placeholder="请选择消息类型"             readonly="true" >
+    <input id="classesType" ng-blur="onBlur()"  ng-click="changeShowLogistics()" type="text" class="form-control" ng-model="message.classes"  placeholder="请选择消息类型" readonly="true" >
     <ul id="ulContent" ng-if="matchData && showContent" class="dropdown-menu">
      <li ng-click="showText(classes)" ng-repeat="classes in resultList" ng-class="{'active': $index==selectIndex}" ng-bind="classes" ng-bind="message.classes"></li>
     </ul>