调整搜索框和提示文字的样式细节

web/src/style/main.scss

@@ -1427,10 +1427,8 @@ $mainHight: 100vh;
     border-radius: 2px;
     margin-bottom: 12px;
     .el-form {
-        .el-form-item+.el-form-item {
-            .el-form-item__label {
-                padding-left: 28px;
-            }
+        .el-form-item {
+            padding-right: 28px;
         }
     }
 }

web/src/view/dashboard/index.vue

@@ -238,6 +238,15 @@ export default {
         text-align: center;
         color: #333;
         .quick-entrance-item {
+          padding: 16px 28px;
+          margin-top: -16px;
+          margin-bottom: -16px;
+          border-radius: 4px;
+          transition: all 0.2s;
+          &:hover{
+            box-shadow: 0px 0px 7px 0px rgba(217, 217, 217, 0.55);
+          }
+            cursor: pointer;
             height: auto;
             text-align: center;
             // align-items: center;

web/src/view/superAdmin/authority/components/datas.vue

@@ -9,16 +9,17 @@
     <el-checkbox-group v-model="dataAuthorityId" @change="selectAuthority">
       <el-checkbox v-for="(item,key) in authoritys" :key="key" :label="item">{{ item.authorityName }}</el-checkbox>
     </el-checkbox-group>
-    <span>
-      此功能仅用于创建角色和角色的many2many关系表，具体使用还须自己结合表实现业务，详情参考示例代码（客户示例）
-    </span>
+    <warning-bar title="此功能仅用于创建角色和角色的many2many关系表，具体使用还须自己结合表实现业务，详情参考示例代码（客户示例）" />
   </div>
 </template>
 
 <script>
 import { setDataAuthority } from '@/api/authority'
+import warningBar from '@/components/warningBar/warningBar.vue'
+
 export default {
   name: 'Datas',
+  components: { warningBar },
   props: {
     row: {
       default: function() {

web/src/view/superAdmin/dictionary/sysDictionary.vue

@@ -65,7 +65,10 @@
           </template>
         </el-table-column>
       </el-table>
-
+      <warning-bar
+        title="获取字典且缓存方法已在前端utils/dictionary 已经封装完成 不必自己书写 使用方法查看文件内注释"
+        style="margin-top:12px"
+      />
       <div class="gva-pagination">
         <el-pagination
           :current-page="page"
@@ -109,10 +112,7 @@
           <el-button size="small" type="primary" @click="enterDialog">确 定</el-button>
         </div>
       </template>
-
     </el-dialog>
-
-    <div style="margin-top:40px;color:red">获取字典且缓存方法已在前端utils/dictionary 已经封装完成 不必自己书写 使用方法查看文件内注释</div>
   </div>
 </template>
 
@@ -125,8 +125,12 @@ import {
   getSysDictionaryList
 } from '@/api/sysDictionary' //  此处请自行替换地址
 import infoList from '@/mixins/infoList'
+import warningBar from '@/components/warningBar/warningBar.vue'
 export default {
   name: 'SysDictionary',
+  components: {
+    warningBar
+  },
   mixins: [infoList],
   data() {
     return {