子賬號按鈕css · 代碼梳理

文件路徑 D:\ireport365\ireport365.war\template\sponsor\list.html css樣式放到文件最上面 ~~~ <style> .btn-default:hover{ background:#2990ea; color:#fff; border-color:#2990ea; } </style> ~~~ 代碼 ~~~ <div class="modal-header"> <div ng-show="filter.query.length == 0 && !hasItemSelected()" style="float:left;margin-right:5px;"> <button class="btn btn-default" style="padding-left:10px;padding-right:10px;" ng-click="openEditFolderWindow($event)"><i class="fa fa-plus"></i>創建{{vsLang.department}}</button> </div> <span ng-show="filter.query.length == 0 && !hasItemSelected()" class="btn btn-default fileinput-button" style="float:left;margin-right:5px;padding-left:5px;padding-right:10px;" ng-click="openSponsorEditWindow()"> <i class="fa fa-plus"></i> <span>創建{{vsLang.user}}</span> </span> <span ng-show="filter.query.length == 0 && !hasItemSelected()" class="btn btn-default" style="padding-left:5px;" ng-click="openImportUserWindow($event)"> <i class="fa fa-download"></i> <span>{{vsLang.import}}</span> </span> <a ng-show="filter.query.length == 0 && !hasItemSelected()" ng-href="{{getExportUrl()}}" target="exportFrame" class="btn btn-default" style="padding-left:5px;padding-right:5px;"> <i class="fa fa-upload"></i> <span>{{vsLang.export}}</span> </a> <span ng-show="oneItemSelected()"> <button class="btn btn-default" ng-click="openSponsorEditWindow(true)">{{vsLang.edit}}</button> </span> <span ng-show="hasItemSelected()"> <button class="btn btn-default" ng-click="openSponsorMoveWindow()">{{vsLang.move}}</button> </span>          <span ng-show="hasItemSelected()"> <button class="btn btn-default" ng-show="$parent.enableSystemIntegration" ng-click="unbindWeixinSelectItems()">{{vsLang.wechat_unbind}}</button> <button class="btn btn-default" ng-show="$parent.enableSystemIntegration" ng-click="unbindDingtalkSelectItems()">{{vsLang.dingtalk_unbind}}</button> <button class="btn btn-default" ng-show="$parent.enableSystemIntegration" ng-click="unbindYunzhijiaSelectItems()">{{vsLang.yunzhijia_unbind}}</button> <button class="btn btn-default" ng-click="activeSelectItems()">{{vsLang.activate}}</button> <button class="btn btn-default" ng-click="forbiddenSelectItems()">{{vsLang.forbidden}}</button> </span> <div style="float:right;margin-top:2px;margin-right:5px;"> <div class="btn-group"> <div class="input-group" style="width:200px;"> <input ng-change="onFilterQueryChange()" ng-model="filter.query" type="text" class="form-control" placeholder="{{vsLang.search_user}}"> <span class="input-group-btn"> <button ng-click="search()" class="btn btn-default" type="button"><i class="fa fa-search" style="height:20px;line-height:20px;"></i></button> </span> </div> </div> </div> </div> ~~~ 代碼截圖 ![](https://box.kancloud.cn/d0c280baa394dccdc868543e56be6cb8_1248x648.png) 效果圖 ![](https://box.kancloud.cn/72805fcc17593ad5c7ed2a1e630c1a17_1367x401.png) 目錄操作按鈕代碼截圖 ![](https://box.kancloud.cn/3d08332f956119abcb49e4686eb2e68d_1194x210.png) 代碼 ~~~ <a href="javascript:" ng-show="selectedFolder != null" class="btn btn-default col-xs-4" style="border:0;border-top:1px solid #e0e0e0;" ng-click="openEditFolderWindow($event, selectedFolder)" uib-tooltip="{{vsLang.edit}}" tooltip-placement="top" tooltip-append-to-body="true">編輯</a> <a href="javascript:" ng-show="selectedFolder != null" class="btn btn-default col-xs-4" style="border:0;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;" ng-click="openEditSyncUserConfigWindow($event, selectedFolder)" uib-tooltip="{{vsLang.sync_user}}" tooltip-placement="top" tooltip-append-to-body="true">同步</a> <a href="javascript:" ng-show="selectedFolder != null" class="btn btn-danger col-xs-4" style="border:0;border-top:1px solid #e0e0e0;" ng-click="deleteSelectedFolder()" uib-tooltip="{{vsLang.delete}}" tooltip-placement="top" tooltip-append-to-body="true">刪除</a> ~~~ 效果圖 ![](https://box.kancloud.cn/c33450ffeca9345353410ab27364d10b_445x556.png)