feat: 智念app iOS 第一次提交
BIN
HBuilder-Hello/Pandora/apps/__UNI__38F74B8/www/__uniapperror.png
Normal file
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>View</title>
|
||||
<link rel="icon" href="data:,">
|
||||
<link rel="stylesheet" href="app.css" />
|
||||
<script>var __uniConfig = {"globalStyle":{},"darkmode":false}</script>
|
||||
<script>
|
||||
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
|
||||
CSS.supports('top: constant(a)'))
|
||||
document.write(
|
||||
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
|
||||
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script src="uni-app-view.umd.js"></script>
|
||||
<script src="app-wxs.js"></script>
|
||||
<script src="app-renderjs.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
|
||||
;(function(){
|
||||
let u=void 0,isReady=false,onReadyCallbacks=[],isServiceReady=false,onServiceReadyCallbacks=[];
|
||||
const __uniConfig = {"pages":[],"globalStyle":{"navigationBarTextstyle":"black","navigationBarBackgroundcolor":"#F8F8F8","backgroundColor":"#F8F8F8","navigationBar":{"titleText":"","type":"default"},"isNVue":false},"nvue":{"compiler":"uni-app","styleCompiler":"uni-app","flex-direction":"column"},"renderer":"auto","appname":"YGChatCS","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":true},"compilerVersion":"4.76","entryPagePath":"pages/index/index","entryPageQuery":"","realEntryPagePath":"","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"fallbackLocale":"zh-Hans","locales":{},"darkmode":false,"themeConfig":{}};
|
||||
const __uniRoutes = [{"path":"pages/index/index","meta":{"isQuit":true,"isEntry":true,"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages/login/index","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages/goods/index","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages/goods/album/index","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages/webview/index","meta":{"backgroundColor":"#FFFFFF","navigationBar":{"backgroundColor":"#FFFFFF","style":"custom","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/ChatMain/ChatLongAnswer/index","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages/ChatMain/NoticeMessage/detail","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages-order/order/list","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages-order/order/detail","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages-service/order/list","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages-quick/list","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages-booking/index","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages-bridge/UploadImage","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages-bridge/SaveImage","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}}].map(uniRoute=>(uniRoute.meta.route=uniRoute.path,__uniConfig.pages.push(uniRoute.path),uniRoute.path='/'+uniRoute.path,uniRoute));
|
||||
__uniConfig.styles=[];//styles
|
||||
__uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
|
||||
__uniConfig.onServiceReady=function(callback){if(__uniConfig.serviceReady){callback()}else{onServiceReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"serviceReady",{get:function(){return isServiceReady},set:function(val){isServiceReady=val;if(!isServiceReady){return}const callbacks=onServiceReadyCallbacks.slice(0);onServiceReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
|
||||
service.register("uni-app-config",{create(a,b,c){if(!__uniConfig.viewport){var d=b.weex.config.env.scale,e=b.weex.config.env.deviceWidth,f=Math.ceil(e/d);Object.assign(__uniConfig,{viewport:f,defaultFontSize:16})}return{instance:{__uniConfig:__uniConfig,__uniRoutes:__uniRoutes,global:u,window:u,document:u,frames:u,self:u,location:u,navigator:u,localStorage:u,history:u,Caches:u,screen:u,alert:u,confirm:u,prompt:u,fetch:u,XMLHttpRequest:u,WebSocket:u,webkit:u,print:u}}}});
|
||||
})();
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
(function(){})();
|
||||
3
HBuilder-Hello/Pandora/apps/__UNI__38F74B8/www/app.css
Normal file
|
After Width: | Height: | Size: 130 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 844 B |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
@@ -0,0 +1 @@
|
||||
{"@platforms":["android","iPhone","iPad"],"app-harmony":{"uniStatistics":{"enable":false},"useragent":{"concatenate":true,"value":"uni-app"}},"description":"","developer":{"email":"","name":"","url":""},"id":"__UNI__38F74B8","launch_path":"__uniappview.html","name":"YGChatCS","permissions":{"UniNView":{"description":"UniNView原生渲染"}},"plus":{"allowsInlineMediaPlayback":true,"compatible":{"ignoreVersion":true},"compilerVersion":3,"launchwebview":{"id":"1","kernel":"WKWebview","render":"always"},"nvueStyleCompiler":"uni-app","optimization":{"subPackages":true},"popGesture":"close","safearea":{"bottom":{"offset":"auto"}},"splashscreen":{"autoclose":true,"delay":0,"target":"id:1","waiting":true},"statusbar":{"background":"#000000","immersed":"supportedDevice","style":"dark"},"uni-app":{"compilerVersion":"4.76","control":"uni-v3","nvue":{"flex-direction":"column"},"nvueCompiler":"uni-app","nvueLaunchMode":"normal","renderer":"auto","vueVersion":"3","webView":{"minUserAgentVersion":"49.0"}},"uniStatistics":{"enable":false},"useragent":{"concatenate":true,"value":"uni-app"},"usingComponents":true},"version":{"code":"100","name":"1.0.0"}}
|
||||
|
After Width: | Height: | Size: 56 KiB |
BIN
HBuilder-Hello/Pandora/apps/__UNI__38F74B8/www/static/dh.png
Normal file
|
After Width: | Height: | Size: 37 KiB |
@@ -0,0 +1,17 @@
|
||||
@font-face {
|
||||
font-family: "ZhiNian"; /* Project id 4988933 */
|
||||
src: url("/static/fonts/iconfont.ttf") format("truetype");
|
||||
}
|
||||
|
||||
.ZhiNian {
|
||||
font-family: "ZhiNian" !important;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.zn-food:before {
|
||||
content: "\e607";
|
||||
}
|
||||
|
||||
.zn-clock:before {
|
||||
content: "\e600";
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
export const zniconsMap = {
|
||||
"zn-wifi": "\ue681",
|
||||
"zn-bath": "\ue69a",
|
||||
"zn-frame": "\ue683",
|
||||
"zn-shower-gel": "\ue684",
|
||||
"zn-a-washingmachine": "\ue685",
|
||||
"zn-live": "\ue686",
|
||||
"zn-user": "\ue687",
|
||||
"zn-dish-cover": "\ue688",
|
||||
"zn-glass-cup": "\ue689",
|
||||
"zn-check-circle": "\ue68a",
|
||||
"zn-send-filled": "\ue68b",
|
||||
"zn-nav-arrow-right": "\ue68c",
|
||||
"zn-nav-arrow-left": "\ue68d",
|
||||
"zn-nav-arrow-down": "\ue68e",
|
||||
"zn-fast-arrow-down": "\ue68f",
|
||||
"zn-nav-arrow-up": "\ue690",
|
||||
"zn-microphone": "\ue691",
|
||||
"zn-warning-check-in": "\ue692",
|
||||
"zn-refund": "\ue693",
|
||||
"zn-warning-circle": "\ue694",
|
||||
"zn-dinsh": "\ue6a3",
|
||||
"zn-clock": "\ue6a6",
|
||||
"zn-edit": "\ue6a5",
|
||||
"zn-forkchopsticks": "\ue6a4",
|
||||
"zn-camera": "\ue6a2",
|
||||
"zn-nav-room": "\ue6a1",
|
||||
"zn-nav-ticket": "\ue6a0",
|
||||
"zn-ticket": "\ue69b",
|
||||
"zn-package": "\ue69d",
|
||||
"zn-nav-meal": "\ue69c",
|
||||
"zn-room": "\ue699",
|
||||
"zn-coffee": "\ue698",
|
||||
"zn-refresh": "\ue69f",
|
||||
"zn-keyborad": "\ue697",
|
||||
"zn-hotspring": "\ue696",
|
||||
"zn-bell": "\ue695",
|
||||
};
|
||||
@@ -0,0 +1,61 @@
|
||||
// 背景颜色
|
||||
.bg-white {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.bg-gray {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.bg-F7F7F7 {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
.bg-17294E {
|
||||
background-color: #17294e;
|
||||
}
|
||||
|
||||
.bg-E5E8EE {
|
||||
background-color: #e5e8ee;
|
||||
}
|
||||
|
||||
.bg-F5F7FA {
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
|
||||
.bg-F2F5F8 {
|
||||
background-color: #f2f5f8;
|
||||
}
|
||||
|
||||
.bg-FF3D60 {
|
||||
background-color: #ff3d60;
|
||||
}
|
||||
|
||||
.bg-theme-color-500 {
|
||||
background-color: $theme-color-500;
|
||||
}
|
||||
|
||||
.bg-theme-color-100 {
|
||||
background-color: $theme-color-100;
|
||||
}
|
||||
|
||||
.bg-theme-color-50 {
|
||||
background-color: $theme-color-50;
|
||||
}
|
||||
|
||||
.bg-liner {
|
||||
background: linear-gradient(205deg, $theme-color-100 0%, rgba(138, 227, 252, 0) 20%),
|
||||
linear-gradient(155deg, #fef7e1 0%, rgba(254, 247, 225, 0) 20%),
|
||||
radial-gradient(48% 48% at 61% 118%,
|
||||
#ffffff 0%,
|
||||
rgba(255, 255, 255, 0) 100%),
|
||||
linear-gradient(180deg, rgba(238, 248, 255, 0) 0%, $theme-color-50 50%), $theme-color-50;
|
||||
}
|
||||
|
||||
.bg-button {
|
||||
background: linear-gradient(90deg, $theme-color-500 0%, #4de4ff 100%);
|
||||
}
|
||||
|
||||
.bg-transparent {
|
||||
background-color: transparent;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
// 边框
|
||||
.border {
|
||||
border: 1px solid #e5e8ee;
|
||||
}
|
||||
|
||||
.border-top {
|
||||
border-top: 1px solid #e5e8ee;
|
||||
}
|
||||
|
||||
.border-bottom {
|
||||
border-bottom: 1px solid #e5e8ee;
|
||||
}
|
||||
|
||||
.border-top-8 {
|
||||
border-top: 8px solid #f5f5f5;
|
||||
}
|
||||
|
||||
.border-ff {
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.border-none {
|
||||
border: none;
|
||||
|
||||
&::after {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.border-box {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
// 字体颜色
|
||||
|
||||
.color-white {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.color-000 {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.color-333 {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.color-666 {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.color-999 {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.color-A3A3A3 {
|
||||
color: #a3a3a3;
|
||||
}
|
||||
|
||||
.color-525866 {
|
||||
color: #525866;
|
||||
}
|
||||
|
||||
.color-171717 {
|
||||
color: #171717;
|
||||
}
|
||||
|
||||
.color-99A0AE {
|
||||
color: #99a0ae;
|
||||
}
|
||||
|
||||
.color-FF3D60 {
|
||||
color: #ff3d60;
|
||||
}
|
||||
|
||||
.color-94A3B8 {
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
.theme-color-500 {
|
||||
color: $theme-color-500;
|
||||
}
|
||||
|
||||
.color-43669A {
|
||||
color: #43669a;
|
||||
}
|
||||
|
||||
.color-21B466 {
|
||||
color: #21b466;
|
||||
}
|
||||
|
||||
.color-FA7319 {
|
||||
color: #fa7319;
|
||||
}
|
||||
|
||||
.color-B45309 {
|
||||
color: #b45309;
|
||||
}
|
||||
|
||||
.color-D97706 {
|
||||
color: #d97706;
|
||||
}
|
||||
|
||||
// text 颜色
|
||||
.text-color-900 {
|
||||
color: $text-color-900; // #181B25
|
||||
}
|
||||
.text-color-800 {
|
||||
color: $text-color-800; // #222530
|
||||
}
|
||||
.text-color-700 {
|
||||
color: $text-color-700; // #2B303B
|
||||
}
|
||||
.text-color-600 {
|
||||
color: $text-color-600; // #525866
|
||||
}
|
||||
.text-color-500 {
|
||||
color: $text-color-500; // #717784
|
||||
}
|
||||
.text-color-400 {
|
||||
color: $text-color-400; // #99A0AE
|
||||
}
|
||||
.text-color-300 {
|
||||
color: $text-color-300; // #CACFD8
|
||||
}
|
||||
.text-color-200 {
|
||||
color: $text-color-200; // #E5E8EE
|
||||
}
|
||||
.text-color-100 {
|
||||
color: $text-color-100; // #F2F5F8
|
||||
}
|
||||
.text-color-50 {
|
||||
color: $text-color-50; // #F9FAFB
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
// 显示类型
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
// 省略号
|
||||
.ellipsis-1 {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ellipsis-2 {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ellipsis-3 {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 3;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
// 弹性布局
|
||||
.flex-items-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flex-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.flex-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.flex-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flex-justify-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.flex-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.flex-wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.flex-nowrap {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.flex-full {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.flex-shrink-0 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
// 字体-family
|
||||
.font-family-sans-serif {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.font-family-misans-vf {
|
||||
font-family: MiSans VF, MiSans VF;
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
// 字体-size
|
||||
.font-size-0 {
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
.font-size-9 {
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.font-size-10 {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.font-size-11 {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.font-size-12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.font-size-14 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.font-size-16 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.font-size-17 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.font-size-18 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.font-size-20 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.font-size-24 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.font-size-28 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.font-size-32 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.font-size-54 {
|
||||
font-size: 54px;
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
// 字体-weight
|
||||
.font-bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.font-400 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.font-500 {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.font-600 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.font-700 {
|
||||
font-weight: 700;
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
.h-screen {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.h-full {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.h-1 {
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.h-8 {
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.h-10 {
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.h-12 {
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.h-16 {
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.h-18 {
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.h-20 {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.h-24 {
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.h-32 {
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.h-44 {
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.h-64 {
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.h72 {
|
||||
height: 72px;
|
||||
}
|
||||
|
||||
.h-80 {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.h-96 {
|
||||
height: 96px;
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
@import "./background.scss";
|
||||
@import "./border.scss";
|
||||
@import "./colors.scss";
|
||||
@import "./display.scss";
|
||||
@import "./flex.scss";
|
||||
@import "./font-weight.scss";
|
||||
@import "./height.scss";
|
||||
@import "./line-height.scss";
|
||||
@import "./margin.scss";
|
||||
@import "./padding.scss";
|
||||
@import "./font-size.scss";
|
||||
@import "./font-family.scss";
|
||||
@import "./text-align.scss";
|
||||
@import "./rounded.scss";
|
||||
@import "./ellipsis.scss";
|
||||
@import "./position.scss";
|
||||
@import "./overflow.scss";
|
||||
@import "./scroll.scss";
|
||||
@import "./width.scss";
|
||||
@import "./z-index.scss";
|
||||
@import "./white-space.scss";
|
||||
@import "./box-sizing.scss";
|
||||
@import "./word-break.scss";
|
||||
@import "./min-height.scss";
|
||||
@import "./min-width.scss";
|
||||
@@ -0,0 +1,36 @@
|
||||
// 行高
|
||||
.line-height-16 {
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.line-height-17 {
|
||||
line-height: 17px;
|
||||
}
|
||||
|
||||
.line-height-18 {
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.line-height-20 {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.line-height-21 {
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
.line-height-22 {
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.line-height-24 {
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.line-height-30 {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.line-height-32 {
|
||||
line-height: 32px;
|
||||
}
|
||||
@@ -0,0 +1,356 @@
|
||||
// 外边距
|
||||
.ml-auto {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.mr-auto {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// 2px
|
||||
.m-2 {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.mt-2 {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.mb-2 {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.ml-2 {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.mr-2 {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.mx-2 {
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.my-2 {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
// 4px
|
||||
.m-4 {
|
||||
margin: 4px;
|
||||
}
|
||||
.mt-4 {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.mb-4 {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.ml-4 {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.mr-4 {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.mx-4 {
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.my-4 {
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
// 6px
|
||||
.m-6 {
|
||||
margin: 6px;
|
||||
}
|
||||
.mt-6 {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.mb-6 {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.ml-6 {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.mr-6 {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.mx-6 {
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.my-6 {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
// 8px
|
||||
.m-8 {
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
.mt-8 {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.mb-8 {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.ml-8 {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.mr-8 {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.mx-8 {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.my-8 {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
// 10px
|
||||
.m-10 {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.mt-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.mb-10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.ml-10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.mr-10 {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.mx-10 {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.my-10 {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
// 12px
|
||||
.m-12 {
|
||||
margin: 12px;
|
||||
}
|
||||
|
||||
.mt-12 {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.mb-12 {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.ml-12 {
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.mr-12 {
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.mx-12 {
|
||||
margin-left: 12px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.my-12 {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
// 14px
|
||||
.m-14 {
|
||||
margin: 14px;
|
||||
}
|
||||
|
||||
.mt-14 {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.mb-14 {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.ml-14 {
|
||||
margin-left: 14px;
|
||||
}
|
||||
|
||||
.mr-14 {
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.mx-14 {
|
||||
margin-left: 14px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.my-14 {
|
||||
margin-top: 14px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
// 16px
|
||||
.m-16 {
|
||||
margin: 16px;
|
||||
}
|
||||
|
||||
.mt-16 {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.mb-16 {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.ml-16 {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.mr-16 {
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.mx-16 {
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.my-16 {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
// 18px
|
||||
.m-18 {
|
||||
margin: 18px;
|
||||
}
|
||||
|
||||
.mt-18 {
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.mb-18 {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.ml-18 {
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
.mr-18 {
|
||||
margin-right: 18px;
|
||||
}
|
||||
|
||||
.mx-18 {
|
||||
margin-left: 18px;
|
||||
margin-right: 18px;
|
||||
}
|
||||
|
||||
.my-18 {
|
||||
margin-top: 18px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
// 20px
|
||||
.m-20 {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.mt-20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.mb-20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.ml-20 {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.mr-20 {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.mx-20 {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.my-20 {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
// 24px
|
||||
.m-24 {
|
||||
margin: 24px;
|
||||
}
|
||||
|
||||
.mt-24 {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.mb-24 {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.ml-24 {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.mr-24 {
|
||||
margin-right: 24px;
|
||||
}
|
||||
|
||||
.mx-24 {
|
||||
margin-left: 24px;
|
||||
margin-right: 24px;
|
||||
}
|
||||
|
||||
.my-24 {
|
||||
margin-top: 24px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
// 其他
|
||||
.ml-30 {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.mr-88 {
|
||||
margin-right: 88px;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.min-height-0 {
|
||||
min-height: 0;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.min-width-0 {
|
||||
min-width: 0;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
// 溢出
|
||||
.overflow-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.overflow-auto {
|
||||
overflow: auto;
|
||||
}
|
||||
@@ -0,0 +1,320 @@
|
||||
// 内边距
|
||||
.p-2 {
|
||||
padding: 2px;
|
||||
}
|
||||
.pt-2 {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.pb-2 {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.pl-2 {
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
.pr-2 {
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.px-2 {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.py-2 {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.p-4 {
|
||||
padding: 4px;
|
||||
}
|
||||
.pl-4 {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.pr-4 {
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.pt-4 {
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.pb-4 {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.px-4 {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.py-4 {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.p-6 {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.pt-6 {
|
||||
padding-top: 6px;
|
||||
}
|
||||
|
||||
.pb-6 {
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.pl-6 {
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.pr-6 {
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.px-6 {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.py-6 {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.p-8 {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.pt-8 {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.pl-8 {
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.pr-8 {
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.pb-8 {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.px-8 {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.py-8 {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.p-10 {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.pt-10 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.pb-10 {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.pl-10 {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.pr-10 {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.px-10 {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.py-10 {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.p-12 {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.pt-12 {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.pb-12 {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.pl-12 {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.pr-12 {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.px-12 {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.py-12 {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.p-14 {
|
||||
padding: 14px;
|
||||
}
|
||||
.pt-14 {
|
||||
padding-top: 14px;
|
||||
}
|
||||
.pb-14 {
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.pl-14 {
|
||||
padding-left: 14px;
|
||||
}
|
||||
.pr-14 {
|
||||
padding-right: 14px;
|
||||
}
|
||||
.px-14 {
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
}
|
||||
.py-14 {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
|
||||
.p-16 {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.pt-16 {
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
.pb-16 {
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.pl-16 {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
.pr-16 {
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.px-16 {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.py-16 {
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.p-20 {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.pt-20 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.pb-20 {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.pl-20 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.pr-20 {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.px-20 {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.py-20 {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.p-24 {
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.pt-24 {
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
.pb-24 {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
.pl-24 {
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.pr-24 {
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
.px-24 {
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
.py-24 {
|
||||
padding-top: 24px;
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
.p-32 {
|
||||
padding: 32px;
|
||||
}
|
||||
.pt-32 {
|
||||
padding-top: 32px;
|
||||
}
|
||||
.pb-32 {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
.pl-32 {
|
||||
padding-left: 32px;
|
||||
}
|
||||
.pr-32 {
|
||||
padding-right: 32px;
|
||||
}
|
||||
.px-32 {
|
||||
padding-left: 32px;
|
||||
padding-right: 32px;
|
||||
}
|
||||
.py-32 {
|
||||
padding-top: 32px;
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
|
||||
.pb-safe-area {
|
||||
padding-bottom: Max(env(safe-area-inset-bottom), 12px);
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
// 定位
|
||||
.relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.absolute {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.left-0 {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.right-0 {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.bottom-0 {
|
||||
bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
// 圆角
|
||||
.rounded-4 {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.rounded-5 {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.rounded-6 {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.rounded-8 {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.rounded-10 {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.rounded-12 {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.rounded-14 {
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
.rounded-16 {
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.rounded-20 {
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.rounded-24 {
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.rounded-50 {
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.rounded-full {
|
||||
border-radius: 50%;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
// 滚动条
|
||||
.scroll-y {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.scroll-x {
|
||||
overflow-x: auto;
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
// 文本-align
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.whitespace-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
.w-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.w-vw {
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.w-vw-24 {
|
||||
width: calc(100vw - 24px);
|
||||
}
|
||||
|
||||
.w-8 {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.w-10 {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.w-12 {
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
.w-16 {
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.w-24 {
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.w-32 {
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
.w-50 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.w-60 {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.w-64 {
|
||||
width: 64px;
|
||||
}
|
||||
|
||||
.w-80 {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.w-102 {
|
||||
width: 102px;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.break-all {
|
||||
word-break: break-all;
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
.z-0 {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.z-10 {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.z-20 {
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.z-30 {
|
||||
z-index: 30;
|
||||
}
|
||||