1107
This commit is contained in:
@@ -0,0 +1,47 @@
|
||||
/* 这里是你自己写的全局css样式 */
|
||||
|
||||
/* 滚动条美化方案开始 去掉下方css的注释即可 */
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: rgba(135, 135, 135, 0.1);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: rgba(135, 135, 135, 0.4);
|
||||
border-radius: 6px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(135, 135, 135, 0.8);
|
||||
}
|
||||
|
||||
/* 滚动条美化方案结束 */
|
||||
|
||||
/* 富文本编辑器样式开始 */
|
||||
.ql-indent-1{
|
||||
padding-left: 3em;
|
||||
}
|
||||
.ql-indent-2{
|
||||
padding-left: 6em;
|
||||
}
|
||||
.ql-indent-3{
|
||||
padding-left: 9em;
|
||||
}
|
||||
.ql-indent-4{
|
||||
padding-left: 12em;
|
||||
}
|
||||
.ql-indent-5{
|
||||
padding-left: 15em;
|
||||
}
|
||||
.ql-indent-6{
|
||||
padding-left: 18em;
|
||||
}
|
||||
.ql-indent-7{
|
||||
padding-left: 21em;
|
||||
}
|
||||
.ql-indent-8{
|
||||
padding-left: 24em;
|
||||
}
|
||||
/* 富文本编辑器样式结束 */
|
||||
@@ -0,0 +1,104 @@
|
||||
// 这里是uni-app内置的常用样式变量
|
||||
|
||||
// uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
// 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
|
||||
|
||||
// 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
|
||||
// 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
|
||||
|
||||
// 颜色变量
|
||||
|
||||
// 行为相关颜色
|
||||
$uni-color-primary: #007aff;
|
||||
$uni-color-success: #4cd964;
|
||||
$uni-color-warning: #f0ad4e;
|
||||
$uni-color-error: #dd524d;
|
||||
|
||||
// 文字基本颜色
|
||||
$uni-text-color:#333; // 基本色
|
||||
$uni-text-color-inverse:#fff; // 反色
|
||||
$uni-text-color-grey:#999; // 辅助灰色，如加载更多的提示信息
|
||||
$uni-text-color-placeholder: #808080;
|
||||
$uni-text-color-disable:#c0c0c0;
|
||||
|
||||
// 背景颜色
|
||||
$uni-bg-color:#ffffff;
|
||||
$uni-bg-color-grey:#f8f8f8;
|
||||
$uni-bg-color-hover:#f1f1f1; //点 击状态颜色
|
||||
$uni-bg-color-mask:rgba(0, 0, 0, 0.4); // 遮罩颜色
|
||||
|
||||
// 边框颜色
|
||||
$uni-border-color:#e4e7ed;
|
||||
|
||||
// 尺寸变量
|
||||
|
||||
// 文字尺寸
|
||||
$uni-font-size-sm:12px;
|
||||
$uni-font-size-base:14px;
|
||||
$uni-font-size-lg:16px;
|
||||
|
||||
// 图片尺寸
|
||||
$uni-img-size-sm:20px;
|
||||
$uni-img-size-base:26px;
|
||||
$uni-img-size-lg:40px;
|
||||
|
||||
// Border Radius
|
||||
$uni-border-radius-sm: 3px;
|
||||
$uni-border-radius-base: 5px;
|
||||
$uni-border-radius-lg: 10px;
|
||||
$uni-border-radius-circle: 50%;
|
||||
|
||||
// 水平间距
|
||||
$uni-spacing-row-sm: 10px;
|
||||
$uni-spacing-row-base: 15px;
|
||||
$uni-spacing-row-lg: 20px;
|
||||
|
||||
// 垂直间距
|
||||
$uni-spacing-col-sm: 5px;
|
||||
$uni-spacing-col-base: 10px;
|
||||
$uni-spacing-col-lg: 15px;
|
||||
|
||||
// 透明度
|
||||
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
|
||||
|
||||
// 文章场景相关
|
||||
$uni-color-title: #2C405A; // 文章标题颜色
|
||||
$uni-font-size-title:20px;
|
||||
$uni-color-subtitle: #555555; // 二级标题颜色
|
||||
$uni-font-size-subtitle:18px;
|
||||
$uni-color-paragraph: #3F536E; // 文章段落颜色
|
||||
$uni-font-size-paragraph:14px;
|
||||
|
||||
|
||||
$menu-bg-color:#fff; // 一级菜单背景色
|
||||
$sub-menu-bg-color:darken($menu-bg-color, 8%); // 二级以下菜单背景色
|
||||
$menu-bg-color-hover:darken($menu-bg-color, 15%); // 菜单 hover 背景颜色
|
||||
|
||||
$menu-text-color: #333; // 菜单前景色
|
||||
$menu-text-color-actived: #409eff; // 菜单激活前景色
|
||||
|
||||
$left-window-bg-color: $menu-bg-color; // 左侧窗口背景色
|
||||
|
||||
$top-window-bg-color: #fff; // 顶部窗口背景色
|
||||
$top-window-text-color: #999; // 顶部窗口前景色
|
||||
// 水平垂直居中
|
||||
@mixin flex_center_center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
// 换行居中
|
||||
@mixin flex_direction_center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
// 水平可换行居中
|
||||
@mixin flex_justify_center{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* 自定义公共函数
|
||||
*/
|
||||
var myfn = {};
|
||||
/**
|
||||
* 测试函数test1
|
||||
* vk.myfn.test1();
|
||||
*/
|
||||
myfn.test1 = function(obj = {}) {
|
||||
let vk = uni.vk;
|
||||
console.log("执行了自定义公共函数test1");
|
||||
return obj;
|
||||
};
|
||||
|
||||
export default myfn;
|
||||
@@ -0,0 +1,23 @@
|
||||
// 纯黑主题
|
||||
export default {
|
||||
// 左侧菜单样式
|
||||
leftMenu: {
|
||||
backgroundColor: "#191a23",
|
||||
subBackgroundColor:"#101117",
|
||||
textColor: "rgba(255,255,255,0.9)",
|
||||
activeTextColor: "#ffffff",
|
||||
activeBackgroundColor: "#2d8cf0",
|
||||
collapseActiveTextColor:"#2d8cf0",
|
||||
collapseActiveBackgroundColor: "#2c3239",
|
||||
hoverTextColor: "#ffffff",
|
||||
hoverBackgroundColor: "#545f6c",
|
||||
boxShadow: "0px 0 0px rgba(0,21,4,0.2)",
|
||||
//boxShadow: "2px 0 2px rgba(0,21,4,0.2)",
|
||||
//borderTop: "1px solid #101117"
|
||||
},
|
||||
// 顶部菜单样式
|
||||
topMenu: {
|
||||
backgroundColor: "#191a23",
|
||||
textColor: "#f0f0f0",
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
// 黑白主题（左侧菜单黑，顶部白）
|
||||
export default {
|
||||
// 左侧菜单样式
|
||||
leftMenu: {
|
||||
backgroundColor: "#191a23",
|
||||
subBackgroundColor:"#101117",
|
||||
textColor: "rgba(255,255,255,0.9)",
|
||||
activeTextColor: "#ffffff",
|
||||
activeBackgroundColor: "#2d8cf0",
|
||||
collapseActiveTextColor:"#2d8cf0",
|
||||
collapseActiveBackgroundColor: "#2c3239",
|
||||
hoverTextColor: "#ffffff",
|
||||
hoverBackgroundColor: "#545f6c",
|
||||
boxShadow: "0px 0 0px rgba(0,21,4,0.25)",
|
||||
//boxShadow: "2px 0 4px rgba(0,21,4,0.25)",
|
||||
//borderTop: "1px solid #101117"
|
||||
},
|
||||
// 顶部菜单样式
|
||||
topMenu: {
|
||||
backgroundColor: "#ffffff",
|
||||
textColor: "#999999",
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
import white from './white.js'
|
||||
import black from './black.js'
|
||||
import blackWhite from './blackWhite.js'
|
||||
|
||||
export default {
|
||||
white,
|
||||
black,
|
||||
blackWhite
|
||||
};
|
||||
@@ -0,0 +1,23 @@
|
||||
// 纯白主题
|
||||
export default {
|
||||
// 左侧菜单样式
|
||||
leftMenu: {
|
||||
backgroundColor: "#ffffff",
|
||||
subBackgroundColor:"#ffffff",
|
||||
textColor: "#303133",
|
||||
activeTextColor: "#409EFF",
|
||||
activeBackgroundColor: "#ecf5ff",
|
||||
collapseActiveTextColor:"#409EFF",
|
||||
collapseActiveBackgroundColor: "#ecf5ff",
|
||||
hoverTextColor: "#303133",
|
||||
hoverBackgroundColor: "#efefef",
|
||||
boxShadow: "0px 0 0px 0 rgba(29,35,41,0.05)",
|
||||
//boxShadow: "2px 0 0px 0 rgba(29,35,41,0.05)",
|
||||
borderTop: "1px solid #f8f8f9"
|
||||
},
|
||||
// 顶部菜单样式
|
||||
topMenu: {
|
||||
backgroundColor: "#ffffff",
|
||||
textColor: "#999999",
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,543 @@
|
||||
/* 全局公共样式 */
|
||||
|
||||
/* body,
|
||||
html {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
font-size: 16px;
|
||||
} */
|
||||
|
||||
/* #ifdef H5 */
|
||||
|
||||
.uni-app--showleftwindow uni-main {
|
||||
position: relative;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.uni-mask+.uni-left-window,
|
||||
.uni-mask+.uni-right-window {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.uni-app--showleftwindow uni-page-head .uni-page-head {
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
uni-page-head .uni-btn-icon {
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
.uni-app--showleftwindow uni-page-head[uni-page-head-type=default]~uni-page-wrapper {
|
||||
height: auto;
|
||||
padding-top: 59px;
|
||||
}
|
||||
|
||||
/* .uni-app--showleftwindow uni-page-head~uni-page-wrapper uni-page-body {
|
||||
padding-top: 44px;
|
||||
} */
|
||||
|
||||
/*
|
||||
.uni-app--showleftwindow uni-page-wrapper {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
padding: 15px;
|
||||
overflow-y: auto;
|
||||
box-sizing: border-box;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
.uni-app--showleftwindow uni-page-body {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
box-sizing: border-box;
|
||||
border-radius: 5px;
|
||||
box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, .1);
|
||||
background-color: #fff;
|
||||
} */
|
||||
|
||||
.uni-app--showleftwindow .uni-container .uni-forms {
|
||||
padding: 15px;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
|
||||
/* #ifndef H5 */
|
||||
.uni-nav-menu {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.uni-top-window {
|
||||
z-index: 998;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.uni-tips {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* 容器 */
|
||||
.uni-container {
|
||||
padding: 15px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 标题栏 */
|
||||
.uni-header {
|
||||
padding: 0 15px;
|
||||
display: flex;
|
||||
min-height: 55px;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px #f5f5f5 solid;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.uni-title {
|
||||
margin-right: 10px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.uni-sub-title {
|
||||
margin-top: 3px;
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.uni-link {
|
||||
color: #3A8EE6;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.uni-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
/* 按钮样式 */
|
||||
.uni-button-group {
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.uni-button {
|
||||
padding: 10px 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
overflow: initial;
|
||||
}
|
||||
|
||||
.uni-group .uni-button {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.uni-group .uni-search {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.uni-group>.uni-button:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.uni-button:hover,
|
||||
.uni-button:focus {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.uni-button:active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.uni-button-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 搜索框样式 */
|
||||
.uni-search {
|
||||
width: 268px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
font-size: 12px;
|
||||
color: #606266;
|
||||
padding: 0 10px;
|
||||
border: 1px #dcdfe6 solid;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* 分页容器 */
|
||||
.uni-pagination-box {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
.uni-input-border,
|
||||
.uni-textarea-border {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
border: 1px #e5e5e5 solid;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.uni-input-border {
|
||||
padding: 0 10px;
|
||||
height: 35px;
|
||||
|
||||
}
|
||||
|
||||
.uni-textarea-border {
|
||||
padding: 10px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.uni-disabled {
|
||||
background-color: #F5F7FA;
|
||||
color: #C0C4CC;
|
||||
}
|
||||
|
||||
.uni-icon-password-eye {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 6px;
|
||||
font-family: uniicons;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.uni-eye-active {
|
||||
color: #007AFF;
|
||||
}
|
||||
|
||||
.uni-tabs__header {
|
||||
position: relative;
|
||||
background-color: #f5f7fa;
|
||||
border-bottom: 1px solid #e4e7ed;
|
||||
}
|
||||
|
||||
.uni-tabs__nav-wrap {
|
||||
overflow: hidden;
|
||||
margin-bottom: -1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.uni-tabs__nav-scroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.uni-tabs__nav {
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
.uni-tabs__item {
|
||||
position: relative;
|
||||
padding: 0 20px;
|
||||
height: 40px;
|
||||
box-sizing: border-box;
|
||||
line-height: 40px;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #909399;
|
||||
margin-top: -1px;
|
||||
margin-left: -1px;
|
||||
border: 1px solid transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.uni-tabs__item.is-active {
|
||||
color: #007aff;
|
||||
background-color: #fff;
|
||||
border-right-color: #dcdfe6;
|
||||
border-left-color: #dcdfe6;
|
||||
}
|
||||
|
||||
.uni-form-item-tips {
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
margin-top: 3px;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
|
||||
}
|
||||
|
||||
.uni-form-item-empty {
|
||||
color: #999;
|
||||
min-height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
::v-deep .uni-forms-item__label .label-text {
|
||||
color: #606266 !important;
|
||||
}
|
||||
|
||||
::v-deep .flex-center-x .uni-forms-item__content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.link-btn {
|
||||
line-height: 26px;
|
||||
margin-top: 5px;
|
||||
color: #007AFF;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* button 重置样式 */
|
||||
::v-deep button[size=mini] {
|
||||
line-height: 2.4;
|
||||
font-size: 12px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
button {
|
||||
background: #fff;
|
||||
border: 1px solid #dcdfe6;
|
||||
color: #606266;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button[type=primary] {
|
||||
background-color: #409EFF;
|
||||
border-color: #409EFF;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
button[type=warn] {
|
||||
background-color: #f56c6c;
|
||||
border-color: #f56c6c;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
button[type=default] {
|
||||
background: #fff;
|
||||
border: 1px solid #dcdfe6;
|
||||
color: #606266;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button[type=primary][plain] {
|
||||
border-color: #409EFF;
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
button[type=warn][plain] {
|
||||
border-color: #f56c6c;
|
||||
color: #f56c6c;
|
||||
}
|
||||
|
||||
button[type=default][plain] {
|
||||
border-color: #dcdfe6;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
button[plain] {
|
||||
border-color: #dcdfe6;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
button:after {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.uni-input-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
|
||||
.uni-pagination-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.select-picker {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.select-picker button {
|
||||
margin-top: 5px;
|
||||
line-height: 29px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.select-picker button text {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.select-picker-icon {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
|
||||
/* stat style start */
|
||||
.m-m {
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.mb-s {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.mb-m {
|
||||
margin-bottom: 15px !important;
|
||||
}
|
||||
|
||||
.mb-l {
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
|
||||
.ml-s {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.ml-m {
|
||||
margin-left: 15px !important;
|
||||
}
|
||||
|
||||
.ml-l {
|
||||
margin-left: 30px !important;
|
||||
}
|
||||
|
||||
.p-m {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.uni-charts-box {
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
.uni-stat--x {
|
||||
border-radius: 4px;
|
||||
box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.uni-stat__actived {
|
||||
outline: 1px solid #2979ff;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.label-text {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: #555;
|
||||
margin: auto 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.uni-stat-edit--x {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.uni-stat-edit--btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.uni-stat-datetime-picker {
|
||||
margin: 15px
|
||||
}
|
||||
|
||||
/* #ifndef APP-NVUE */
|
||||
@media screen and (max-width: 500px) {
|
||||
.hide-on-phone {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.uni-charts-box {
|
||||
width: 100%;
|
||||
height: 220px;
|
||||
}
|
||||
|
||||
.uni-group .uni-search {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
width: 100%;
|
||||
margin: 20px 20px 10px 20px;
|
||||
}
|
||||
|
||||
.uni-header {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
border: unset;
|
||||
}
|
||||
|
||||
.uni-group {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.uni-stat-breadcrumb-on-phone {
|
||||
padding: 0 20px !important;
|
||||
border-bottom: 1px #f5f5f5 solid;
|
||||
}
|
||||
|
||||
.uni-stat-datetime-picker {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 500px) {
|
||||
.dispaly-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
column-gap: 15px;
|
||||
}
|
||||
|
||||
.pc-flex-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.uni-stat-datetime-picker {
|
||||
max-width: 350px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
|
||||
/* #ifndef H5 */
|
||||
.fix-top-window {
|
||||
margin-top: 85px;
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
@@ -0,0 +1,35 @@
|
||||
### 此目录为 `uni-admin` 官方模板的一些样式文件
|
||||
|
||||
* 如果你需要引入 `uni-admin` 官方的一些插件，如[升级中心](https://ext.dcloud.net.cn/plugin?id=4470)
|
||||
* 你可能会碰到样式错乱的问题，那是因为 `vk-uni-admin` 并没有引入 `uni-admin` 的公共样式
|
||||
* 但框架已经帮你整理好了公共样式的文件，就在 `common/uni-admin` 目录内
|
||||
|
||||
### 在 `App.vue` 中引入 `uni-admin` 的公共样式
|
||||
|
||||
```html
|
||||
<style lang="scss">
|
||||
@import '@/common/uni-admin/css/uni.css';
|
||||
@import '@/common/uni-admin/css/uni-icons.css';
|
||||
</style>
|
||||
|
||||
```
|
||||
|
||||
|
||||
### 同时官方的插件一般是不通过 `云函数` 获取数据的，而是通过 `clientDB` 操作数据库（前端操作数据库）
|
||||
|
||||
* 因此，你需要上传一些数据库的 `schema.json` 文件
|
||||
|
||||
### 如 `升级中心` 需要上传以下两个 `schema.json` 文件
|
||||
|
||||
**特别注意：如果 `admin项目` 是绑定 `client项目`，则需要复制到 `client项目` 的 `uniCloud/database/`目录去上传**
|
||||
|
||||
* opendb-app-list.schema.json
|
||||
* opendb-app-versions.schema.json
|
||||
|
||||
#### 这些 `schema.json` 文件一般在插件包里就有，直接右键点击对应的文件即可上传。
|
||||
|
||||
* 如升级中心的 `schema.json` 目录在 `uni_modules/uni-upgrade-center/uniCloud/database/opendb-app-list.schema.json`
|
||||
|
||||
* 同时一般插件还会有一个自己的 `db_init.json` 文件 如 `uni_modules/uni-upgrade-center/uniCloud/database/db_init.json` （也是右键上传）
|
||||
|
||||
* 如还有样式问题，建议重启项目试试。
|
||||
Reference in New Issue
Block a user