pref:修改api服务页面

portal-manager-ui/admin/public/index.html

@@ -28,6 +28,7 @@ body {
   width: 100%;
   height: 100%;
 }
+
   </style>
 </head>
 

portal-manager-ui/admin/src/assets/css/common.css

+/* 颜色 */
+.primary {
+    color: #1890FF;
+}
+
+.delete {
+    color: #FF4D4F;
+}
+
+.green {
+    color: #1BBC9B;
+}
+
+.clofff {
+    color: #fff;
+}
+
+.orange {
+    color: orange;
+}
+
+.bgdel {
+    background-color: #FF4D4F;
+}
+
+.bgpr {
+    background-color: #1890FF;
+}
+
+.bgg {
+    background-color: #1BBC9B;
+}
+
+/* 版心 */
+.container {
+    width: 1200px;
+}
+
+/* 弹性布局 */
+.flex {
+    display: flex;
+}
+
+.flex1 {
+    flex: 1
+}
+
+.flexc {
+    flex-direction: column;
+}
+
+.flexwrap {
+    flex-wrap: wrap;
+}
+
+.jcc {
+    justify-content: center;
+}
+
+.jca {
+    justify-content: space-around;
+}
+
+.jcb {
+    justify-content: space-between;
+}
+
+.jce {
+    justify-content: space-evenly;
+}
+
+.aic {
+    align-items: center;
+}
+
+.aca {
+    align-content: space-around;
+}
+
+.acb {
+    align-content: space-between;
+}
+
+.ace {
+    align-content: space-evenly;
+}
+
+/* margin */
+.m10 {
+    margin: 10px
+}
+
+.m15 {
+    margin: 15px;
+}
+
+.m20 {
+    margin: 20px;
+}
+
+.mt10 {
+    margin-top: 10px;
+}
+
+.mt15 {
+    margin-top: 15px;
+}
+
+.mt20 {
+    margin-top: 20px;
+}
+
+.mt50 {
+    margin-top: 50px;
+}
+
+.ml10 {
+    margin-left: 10px;
+}
+
+.ml15 {
+    margin-left: 15px;
+}
+
+.ml20 {
+    margin-left: 20px;
+}
+
+.ml25 {
+    margin-left: 25px;
+}
+
+.mr10 {
+    margin-right: 10px;
+}
+
+.mr15 {
+    margin-right: 15px;
+}
+
+.mr20 {
+    margin-right: 20px;
+}
+
+.mr25 {
+    margin-right: 25px;
+}
+
+.mr50 {
+    margin-right: 50px;
+}
+
+.mb10 {
+    margin-bottom: 10px;
+}
+
+.mb15 {
+    margin-bottom: 15px;
+}
+
+.mb20 {
+    margin-bottom: 20px;
+}
+
+.mb25 {
+    margin-bottom: 25px;
+}
+
+/* padding */
+.pd10 {
+    padding: 10px;
+}
+
+.pd15 {
+    padding: 15px;
+}
+
+.pd20 {
+    padding: 20px;
+}
+
+.pdt10 {
+    padding-top: 10px;
+}
+
+.pdt15 {
+    padding-top: 15px;
+}
+
+.pdt20 {
+    padding-top: 20px;
+}
+
+.pdt30 {
+    padding-top: 30px;
+}
+
+.pdl8 {
+    padding-left: 8px;
+}
+
+.pdl10 {
+    padding-left: 10px;
+}
+
+.pdl15 {
+    padding-left: 15px;
+}
+
+.pdl20 {
+    padding-left: 20px;
+}
+
+.pdr10 {
+    padding-right: 10px;
+}
+
+.pdr15 {
+    padding-right: 15px;
+}
+
+.pdr20 {
+    padding-right: 20px;
+}
+
+.pdb10 {
+    padding-bottom: 10px;
+}
+
+.pdb15 {
+    padding-bottom: 15px;
+}
+
+.pdb20 {
+    padding-bottom: 20px;
+}
+
+/* 字体大小 */
+.font16 {
+    font-size: 16px;
+}
+
+.font18 {
+    font-size: 18px;
+}
+
+.font20 {
+    font-size: 20px;
+}
+
+.font22 {
+    font-size: 22px;
+}
+
+.font24 {
+    font-size: 24px;
+}
+
+.font26 {
+    font-size: 26px;
+}
+
+.font28 {
+    font-size: 28px;
+}
+
+.font30 {
+    font-size: 30px;
+}
+
+/* 字体位置 */
+.tac {
+    text-align: center;
+}
+
+.tal {
+    text-align: left;
+}
+
+.tar {
+    text-align: right;
+}
+
+/* 加粗 */
+.fontw600 {
+    font-weight: 600;
+}
+
+.fontw700 {
+    font-weight: 700;
+}
+
+.fontw800 {
+    font-weight: 800;
+}
+
+/* 手型鼠标 */
+.pointer {
+    cursor: pointer;
+}
+
+.pagination {
+    margin-top: 10px;
+    text-align: right;
+}
+
+
+.color_title {
+    margin-left: 15px;
+    position: relative;
+    margin-bottom: 15px;
+    color: #1890ff;
+
+}
+
+.color_title::before {
+    content: "";
+    width: 4px;
+    height: 20px;
+    position: absolute;
+    top: 0px;
+    left: -16px;
+    background-color: rgba(5, 149, 253, 1);
+}
+::-webkit-scrollbar {
+    width: 6px;
+    height:6px;
+    overflow-y: auto;
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    background-color: rgba(144, 147, 153, .5);
+}
+
+::-webkit-scrollbar-track {
+    border-radius: 6px;
+    background: #fff;
+}
\ No newline at end of file

portal-manager-ui/admin/src/main.js

-import 'babel-polyfill'
-import Vue from 'vue'
-import App from './App.vue'
-import router from './router'
-import store from './store'
-
-
-import Antd from 'ant-design-vue';
-import 'ant-design-vue/dist/antd.css';
+import "babel-polyfill";
+import Vue from "vue";
+import App from "./App.vue";
+import router from "./router";
+import store from "./store";
+
+import Antd from "ant-design-vue";
+import "ant-design-vue/dist/antd.css";
 Vue.use(Antd);
 
-import GlobalComponents from './utils/js/globalComponents';
-Vue.use(GlobalComponents)
+import GlobalComponents from "./utils/js/globalComponents";
+Vue.use(GlobalComponents);
 
-import common from './utils/commin'
-Vue.use(common)
+import common from "./utils/commin";
+Vue.use(common);
+import "@/assets/css/common.css";
 
 // 引入注册全局指令
-import * as directives from "@/directive"
-Object.keys(directives).forEach(name => Vue.directive(name, directives[name]))
+import * as directives from "@/directive";
+Object.keys(directives).forEach((name) =>
+  Vue.directive(name, directives[name])
+);
 
 // 全局过滤器
-import * as filters from "@/filters"
-Object.keys(filters).forEach(key => {
-  Vue.filter(key, filters[key])
-})
+import * as filters from "@/filters";
+Object.keys(filters).forEach((key) => {
+  Vue.filter(key, filters[key]);
+});
 
-Vue.prototype.$bus = new Vue
+Vue.prototype.$bus = new Vue();
 
 Vue.config.productionTip = false;
 new Vue({
   router,
   store,
-  render: h => h(App)
-}).$mount('#app')
+  render: (h) => h(App),
+}).$mount("#app");