添加新文件
|
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>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1 @@
|
||||
(function(){})();
|
||||
@@ -0,0 +1,223 @@
|
||||
{
|
||||
"@platforms": [
|
||||
"android",
|
||||
"iPhone",
|
||||
"iPad"
|
||||
],
|
||||
"id": "__UNI__DA4D660",
|
||||
"name": "德商汇",
|
||||
"version": {
|
||||
"name": "1.0.1",
|
||||
"code": 102
|
||||
},
|
||||
"description": "德商汇优品是一款集线上商城、线下联盟商家的DAO聚合商城;通过“有趣”“有利”“有希望”的卖货玩法,吸引消费者、推广者、商家、投资人参与生态,共同打造共创共享的全球产业生态。",
|
||||
"developer": {
|
||||
"name": "",
|
||||
"email": "",
|
||||
"url": ""
|
||||
},
|
||||
"permissions": {
|
||||
"Payment": {},
|
||||
"UniNView": {
|
||||
"description": "UniNView原生渲染"
|
||||
}
|
||||
},
|
||||
"plus": {
|
||||
"useragent": {
|
||||
"value": "uni-app",
|
||||
"concatenate": true
|
||||
},
|
||||
"splashscreen": {
|
||||
"target": "id:1",
|
||||
"autoclose": true,
|
||||
"waiting": true,
|
||||
"delay": 0
|
||||
},
|
||||
"popGesture": "close",
|
||||
"launchwebview": {
|
||||
"id": "1",
|
||||
"kernel": "WKWebview"
|
||||
},
|
||||
"name": "哈希优品",
|
||||
"usingComponents": true,
|
||||
"nvueStyleCompiler": "uni-app",
|
||||
"compilerVersion": 3,
|
||||
"distribute": {
|
||||
"icons": {
|
||||
"android": {
|
||||
"hdpi": "unpackage/res/icons/72x72.png",
|
||||
"xhdpi": "unpackage/res/icons/96x96.png",
|
||||
"xxhdpi": "unpackage/res/icons/144x144.png",
|
||||
"xxxhdpi": "unpackage/res/icons/192x192.png"
|
||||
},
|
||||
"ios": {
|
||||
"appstore": "unpackage/res/icons/1024x1024.png",
|
||||
"ipad": {
|
||||
"app": "unpackage/res/icons/76x76.png",
|
||||
"app@2x": "unpackage/res/icons/152x152.png",
|
||||
"notification": "unpackage/res/icons/20x20.png",
|
||||
"notification@2x": "unpackage/res/icons/40x40.png",
|
||||
"proapp@2x": "unpackage/res/icons/167x167.png",
|
||||
"settings": "unpackage/res/icons/29x29.png",
|
||||
"settings@2x": "unpackage/res/icons/58x58.png",
|
||||
"spotlight": "unpackage/res/icons/40x40.png",
|
||||
"spotlight@2x": "unpackage/res/icons/80x80.png"
|
||||
},
|
||||
"iphone": {
|
||||
"app@2x": "unpackage/res/icons/120x120.png",
|
||||
"app@3x": "unpackage/res/icons/180x180.png",
|
||||
"notification@2x": "unpackage/res/icons/40x40.png",
|
||||
"notification@3x": "unpackage/res/icons/60x60.png",
|
||||
"settings@2x": "unpackage/res/icons/58x58.png",
|
||||
"settings@3x": "unpackage/res/icons/87x87.png",
|
||||
"spotlight@2x": "unpackage/res/icons/80x80.png",
|
||||
"spotlight@3x": "unpackage/res/icons/120x120.png"
|
||||
}
|
||||
}
|
||||
},
|
||||
"google": {
|
||||
"permissions": [
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
||||
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
||||
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
|
||||
]
|
||||
},
|
||||
"apple": {
|
||||
"dSYMs": false
|
||||
},
|
||||
"plugins": {
|
||||
"payment": {
|
||||
"alipay": {
|
||||
"__platform__": [
|
||||
"ios",
|
||||
"android"
|
||||
]
|
||||
}
|
||||
},
|
||||
"audio": {
|
||||
"mp3": {
|
||||
"description": "Android平台录音支持MP3格式文件"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"statusbar": {
|
||||
"immersed": "supportedDevice",
|
||||
"style": "dark",
|
||||
"background": "#000000"
|
||||
},
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
},
|
||||
"allowsInlineMediaPlayback": true,
|
||||
"safearea": {
|
||||
"background": "#FFFFFF",
|
||||
"bottom": {
|
||||
"offset": "auto"
|
||||
}
|
||||
},
|
||||
"uni-app": {
|
||||
"control": "uni-v3",
|
||||
"vueVersion": "3",
|
||||
"compilerVersion": "4.56",
|
||||
"nvueCompiler": "uni-app",
|
||||
"renderer": "auto",
|
||||
"nvue": {
|
||||
"flex-direction": "column"
|
||||
},
|
||||
"nvueLaunchMode": "normal",
|
||||
"webView": {
|
||||
"minUserAgentVersion": "49.0"
|
||||
}
|
||||
},
|
||||
"tabBar": {
|
||||
"position": "bottom",
|
||||
"color": "#999",
|
||||
"selectedColor": "#007aff",
|
||||
"borderStyle": "rgba(0,0,0,0.4)",
|
||||
"blurEffect": "none",
|
||||
"fontSize": "10px",
|
||||
"iconWidth": "24px",
|
||||
"spacing": "3px",
|
||||
"height": "50px",
|
||||
"list": [
|
||||
{
|
||||
"pagePath": "pages/home/home",
|
||||
"text": "主页",
|
||||
"iconPath": "/static/column/home.png",
|
||||
"selectedIconPath": "/static/column/home_sel.png",
|
||||
"textLocales": {
|
||||
"en": "主页",
|
||||
"zh-Hans": "主页"
|
||||
}
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/sort/sort",
|
||||
"text": "分类",
|
||||
"iconPath": "/static/column/sort.png",
|
||||
"selectedIconPath": "/static/column/sort_sel.png",
|
||||
"textLocales": {
|
||||
"en": "分类",
|
||||
"zh-Hans": "分类"
|
||||
}
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/shopping_cart/shopping_cart",
|
||||
"text": "购物车",
|
||||
"iconPath": "/static/column/shopping.png",
|
||||
"selectedIconPath": "/static/column/shopping_sel.png",
|
||||
"textLocales": {
|
||||
"en": "购物车",
|
||||
"zh-Hans": "购物车"
|
||||
}
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/mine/mine",
|
||||
"text": "我的",
|
||||
"iconPath": "/static/column/mine.png",
|
||||
"selectedIconPath": "/static/column/mine_sel.png",
|
||||
"textLocales": {
|
||||
"en": "我的",
|
||||
"zh-Hans": "我的"
|
||||
}
|
||||
}
|
||||
],
|
||||
"custom": true,
|
||||
"selectedIndex": 0,
|
||||
"shown": true,
|
||||
"child": [
|
||||
"lauchwebview"
|
||||
],
|
||||
"selected": 0
|
||||
}
|
||||
},
|
||||
"app-harmony": {
|
||||
"useragent": {
|
||||
"value": "uni-app",
|
||||
"concatenate": true
|
||||
},
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
},
|
||||
"safearea": {
|
||||
"background": "#FFFFFF",
|
||||
"bottom": {
|
||||
"offset": "auto"
|
||||
}
|
||||
}
|
||||
},
|
||||
"launch_path": "__uniappview.html",
|
||||
"fallbackLocale": "en"
|
||||
}
|
||||
@@ -0,0 +1,541 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 轮盘容器样式 */
|
||||
.lucky-wheel-container[data-v-a25e7602] {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
.lucky-wheel-bg[data-v-a25e7602] {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
.lucky-wheel-d[data-v-a25e7602] {
|
||||
position: absolute;
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 0;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.wheel-image[data-v-a25e7602] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.wheel-image-1[data-v-a25e7602] {
|
||||
animation: blink-1-a25e7602 1000ms infinite linear;
|
||||
}
|
||||
.wheel-image-2[data-v-a25e7602] {
|
||||
animation: blink-2-a25e7602 1000ms infinite linear;
|
||||
}
|
||||
@keyframes blink-1-a25e7602 {
|
||||
0%, 100% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes blink-2-a25e7602 {
|
||||
0%, 100% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/* 轮盘主体样式 */
|
||||
.lucky-wheel[data-v-a25e7602] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
box-sizing: border-box;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
margin: auto;
|
||||
transition-property: transform;
|
||||
transition-timing-function: cubic-bezier(0.25, 0.46, 0.455, 0.995);
|
||||
}
|
||||
.lucky-wheel-wrap[data-v-a25e7602] {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 奖项扇形样式 */
|
||||
.prize-item[data-v-a25e7602] {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: -50%;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform-origin: 0 100%;
|
||||
}
|
||||
|
||||
/* 奖项内容样式 */
|
||||
.prize-content[data-v-a25e7602] {
|
||||
position: absolute;
|
||||
padding-top: 0.5rem;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: -50%;
|
||||
bottom: -50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.prize-content-bg[data-v-a25e7602] {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
/* 奖项图片样式 */
|
||||
.prize-image[data-v-a25e7602] {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* 奖项名称样式 */
|
||||
.prize-name[data-v-a25e7602] {
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
font-weight: 400;
|
||||
font-size: 0.875rem;
|
||||
color: #DA402B;
|
||||
}
|
||||
.prize-pro[data-v-a25e7602] {
|
||||
position: relative;
|
||||
}
|
||||
.prize-pro-txt[data-v-a25e7602] {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-weight: 400;
|
||||
font-size: 0.4375rem;
|
||||
color: #E26241;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* 指针样式 */
|
||||
.pointer[data-v-a25e7602] {
|
||||
position: absolute;
|
||||
top: 47%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
}
|
||||
.pointer-triangle[data-v-a25e7602] {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent;
|
||||
border-bottom: 40px solid #ff0000;
|
||||
/* 红色三角形 */
|
||||
/* 删除 transform: rotate(180deg); 这一行 */
|
||||
}
|
||||
.pointer-heart[data-v-a25e7602] {
|
||||
animation: heart-a25e7602 1s infinite;
|
||||
}
|
||||
@keyframes heart-a25e7602 {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
25% {
|
||||
transform: scale(1.03);
|
||||
}
|
||||
to {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
.lights-container[data-v-a25e7602] {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
pointer-events: none;
|
||||
}
|
||||
.light[data-v-a25e7602] {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.content{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.lottery {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 19.5625rem;
|
||||
height: 19.5625rem;
|
||||
margin-top: 3.125rem;
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
|
||||
.title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.description {
|
||||
font-size: 14px;
|
||||
opacity: 0.6;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.detail-link {
|
||||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
}
|
||||
.link {
|
||||
color: #007AFF;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.locale-setting {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
.list-item {
|
||||
font-size: 14px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.list-item .v {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.locale-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.locale-item .text {
|
||||
flex: 1;
|
||||
}
|
||||
.icon-check {
|
||||
margin-right: 5px;
|
||||
border: 2px solid #007aff;
|
||||
border-left: 0;
|
||||
border-top: 0;
|
||||
height: 12px;
|
||||
width: 6px;
|
||||
transform-origin: center;
|
||||
|
||||
transition: all 0.3s;
|
||||
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
@@ -0,0 +1,764 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-2af81691],
|
||||
.u-empty__wrap[data-v-2af81691],
|
||||
.u-tabs[data-v-2af81691],
|
||||
.u-tabs__wrapper[data-v-2af81691],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-2af81691],
|
||||
.u-tabs__wrapper__scroll-view[data-v-2af81691],
|
||||
.u-tabs__wrapper__nav[data-v-2af81691],
|
||||
.u-tabs__wrapper__nav__line[data-v-2af81691],
|
||||
.up-empty[data-v-2af81691],
|
||||
.up-empty__wrap[data-v-2af81691],
|
||||
.up-tabs[data-v-2af81691],
|
||||
.up-tabs__wrapper[data-v-2af81691],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-2af81691],
|
||||
.up-tabs__wrapper__scroll-view[data-v-2af81691],
|
||||
.up-tabs__wrapper__nav[data-v-2af81691],
|
||||
.up-tabs__wrapper__nav__line[data-v-2af81691] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-loading-icon[data-v-2af81691] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #c8c9cc;
|
||||
}
|
||||
.u-loading-icon__text[data-v-2af81691] {
|
||||
margin-left: 4px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.u-loading-icon__spinner[data-v-2af81691] {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
animation: u-rotate-2af81691 1s linear infinite;
|
||||
}
|
||||
.u-loading-icon__spinner--semicircle[data-v-2af81691] {
|
||||
border-width: 2px;
|
||||
border-color: transparent;
|
||||
border-top-right-radius: 100px;
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
border-style: solid;
|
||||
}
|
||||
.u-loading-icon__spinner--circle[data-v-2af81691] {
|
||||
border-top-right-radius: 100px;
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
border-width: 2px;
|
||||
border-top-color: #e5e5e5;
|
||||
border-right-color: #e5e5e5;
|
||||
border-bottom-color: #e5e5e5;
|
||||
border-left-color: #e5e5e5;
|
||||
border-style: solid;
|
||||
}
|
||||
.u-loading-icon--vertical[data-v-2af81691] {
|
||||
flex-direction: column;
|
||||
}
|
||||
[data-v-2af81691]:host {
|
||||
font-size: 0px;
|
||||
line-height: 1;
|
||||
}
|
||||
.u-loading-icon__spinner--spinner[data-v-2af81691] {
|
||||
animation-timing-function: steps(12);
|
||||
}
|
||||
.u-loading-icon__text[data-v-2af81691]:empty {
|
||||
display: none;
|
||||
}
|
||||
.u-loading-icon--vertical .u-loading-icon__text[data-v-2af81691] {
|
||||
margin: 6px 0 0;
|
||||
color: #606266;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:before {
|
||||
display: block;
|
||||
width: 2px;
|
||||
height: 25%;
|
||||
margin: 0 auto;
|
||||
background-color: currentColor;
|
||||
border-radius: 40%;
|
||||
content: " ";
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(1) {
|
||||
transform: rotate(30deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(2) {
|
||||
transform: rotate(60deg);
|
||||
opacity: 0.9375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(3) {
|
||||
transform: rotate(90deg);
|
||||
opacity: 0.875;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(4) {
|
||||
transform: rotate(120deg);
|
||||
opacity: 0.8125;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(5) {
|
||||
transform: rotate(150deg);
|
||||
opacity: 0.75;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(6) {
|
||||
transform: rotate(180deg);
|
||||
opacity: 0.6875;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(7) {
|
||||
transform: rotate(210deg);
|
||||
opacity: 0.625;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(8) {
|
||||
transform: rotate(240deg);
|
||||
opacity: 0.5625;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(9) {
|
||||
transform: rotate(270deg);
|
||||
opacity: 0.5;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(10) {
|
||||
transform: rotate(300deg);
|
||||
opacity: 0.4375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(11) {
|
||||
transform: rotate(330deg);
|
||||
opacity: 0.375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(12) {
|
||||
transform: rotate(360deg);
|
||||
opacity: 0.3125;
|
||||
}
|
||||
@keyframes u-rotate-2af81691 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-6fe44ee6],
|
||||
.u-empty__wrap[data-v-6fe44ee6],
|
||||
.u-tabs[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__scroll-view[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__nav[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__nav__line[data-v-6fe44ee6],
|
||||
.up-empty[data-v-6fe44ee6],
|
||||
.up-empty__wrap[data-v-6fe44ee6],
|
||||
.up-tabs[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__scroll-view[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__nav[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__nav__line[data-v-6fe44ee6] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-9112bed9],
|
||||
.u-empty__wrap[data-v-9112bed9],
|
||||
.u-tabs[data-v-9112bed9],
|
||||
.u-tabs__wrapper[data-v-9112bed9],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-9112bed9],
|
||||
.u-tabs__wrapper__scroll-view[data-v-9112bed9],
|
||||
.u-tabs__wrapper__nav[data-v-9112bed9],
|
||||
.u-tabs__wrapper__nav__line[data-v-9112bed9],
|
||||
.up-empty[data-v-9112bed9],
|
||||
.up-empty__wrap[data-v-9112bed9],
|
||||
.up-tabs[data-v-9112bed9],
|
||||
.up-tabs__wrapper[data-v-9112bed9],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-9112bed9],
|
||||
.up-tabs__wrapper__scroll-view[data-v-9112bed9],
|
||||
.up-tabs__wrapper__nav[data-v-9112bed9],
|
||||
.up-tabs__wrapper__nav__line[data-v-9112bed9] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-overlay[data-v-9112bed9] {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-e61e8fb9],
|
||||
.u-empty__wrap[data-v-e61e8fb9],
|
||||
.u-tabs[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__scroll-view[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__nav[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__nav__line[data-v-e61e8fb9],
|
||||
.up-empty[data-v-e61e8fb9],
|
||||
.up-empty__wrap[data-v-e61e8fb9],
|
||||
.up-tabs[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__scroll-view[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__nav[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__nav__line[data-v-e61e8fb9] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-toast__content[data-v-e61e8fb9] {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
background-color: #585858;
|
||||
color: #fff;
|
||||
align-items: center;
|
||||
max-width: 18.75rem;
|
||||
position: relative;
|
||||
}
|
||||
.u-toast__content--loading[data-v-e61e8fb9] {
|
||||
flex-direction: column;
|
||||
padding: 20px 20px;
|
||||
}
|
||||
.u-toast__content__text[data-v-e61e8fb9] {
|
||||
color: #fff;
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
}
|
||||
.u-toast__content__text--default[data-v-e61e8fb9] {
|
||||
color: #fff;
|
||||
}
|
||||
.u-toast__content__text--error[data-v-e61e8fb9] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-toast__content__text--primary[data-v-e61e8fb9] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-toast__content__text--success[data-v-e61e8fb9] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-toast__content__text--warning[data-v-e61e8fb9] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-type-primary[data-v-e61e8fb9] {
|
||||
color: #3c9cff;
|
||||
background-color: #ecf5ff;
|
||||
border-color: #d7eafe;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-success[data-v-e61e8fb9] {
|
||||
color: #5ac725;
|
||||
background-color: #dbf1e1;
|
||||
border-color: #BEF5C8;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-error[data-v-e61e8fb9] {
|
||||
color: #f56c6c;
|
||||
background-color: #fef0f0;
|
||||
border-color: #fde2e2;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-warning[data-v-e61e8fb9] {
|
||||
color: #f9ae3d;
|
||||
background-color: #fdf6ec;
|
||||
border-color: #faecd8;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-default[data-v-e61e8fb9] {
|
||||
color: #fff;
|
||||
background-color: #585858;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.invite_friends_warp[data-v-2c3d3045] {
|
||||
height: calc(100vh - 2.5rem);
|
||||
padding: 1.25rem;
|
||||
}
|
||||
.invite_img[data-v-2c3d3045] {
|
||||
margin-top: 1.625rem;
|
||||
height: 29.0625rem;
|
||||
}
|
||||
.invite_but[data-v-2c3d3045] {
|
||||
padding: 0.625rem 1.5625rem;
|
||||
margin-top: 1.625rem;
|
||||
}
|
||||
.invite_but .save_but[data-v-2c3d3045] {
|
||||
text-align: center;
|
||||
background: #FF7C41;
|
||||
border-radius: 1.40625rem;
|
||||
width: 100%;
|
||||
color: #FFF;
|
||||
padding: 0.9375rem 0;
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
@@ -0,0 +1,875 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-eeee7090],
|
||||
.u-empty__wrap[data-v-eeee7090],
|
||||
.u-tabs[data-v-eeee7090],
|
||||
.u-tabs__wrapper[data-v-eeee7090],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-eeee7090],
|
||||
.u-tabs__wrapper__scroll-view[data-v-eeee7090],
|
||||
.u-tabs__wrapper__nav[data-v-eeee7090],
|
||||
.u-tabs__wrapper__nav__line[data-v-eeee7090],
|
||||
.up-empty[data-v-eeee7090],
|
||||
.up-empty__wrap[data-v-eeee7090],
|
||||
.up-tabs[data-v-eeee7090],
|
||||
.up-tabs__wrapper[data-v-eeee7090],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-eeee7090],
|
||||
.up-tabs__wrapper__scroll-view[data-v-eeee7090],
|
||||
.up-tabs__wrapper__nav[data-v-eeee7090],
|
||||
.up-tabs__wrapper__nav__line[data-v-eeee7090] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-line-progress[data-v-eeee7090] {
|
||||
align-items: stretch;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
border-radius: 100px;
|
||||
}
|
||||
.u-line-progress__background[data-v-eeee7090] {
|
||||
background-color: #ececec;
|
||||
border-radius: 100px;
|
||||
flex: 1;
|
||||
}
|
||||
.u-line-progress__line[data-v-eeee7090] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
align-items: center;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
color: #ffffff;
|
||||
border-radius: 100px;
|
||||
transition: width 0.5s ease;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.u-line-progress__text[data-v-eeee7090] {
|
||||
font-size: 10px;
|
||||
align-items: center;
|
||||
text-align: right;
|
||||
color: #FFFFFF;
|
||||
margin-right: 5px;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-9112bed9],
|
||||
.u-empty__wrap[data-v-9112bed9],
|
||||
.u-tabs[data-v-9112bed9],
|
||||
.u-tabs__wrapper[data-v-9112bed9],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-9112bed9],
|
||||
.u-tabs__wrapper__scroll-view[data-v-9112bed9],
|
||||
.u-tabs__wrapper__nav[data-v-9112bed9],
|
||||
.u-tabs__wrapper__nav__line[data-v-9112bed9],
|
||||
.up-empty[data-v-9112bed9],
|
||||
.up-empty__wrap[data-v-9112bed9],
|
||||
.up-tabs[data-v-9112bed9],
|
||||
.up-tabs__wrapper[data-v-9112bed9],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-9112bed9],
|
||||
.up-tabs__wrapper__scroll-view[data-v-9112bed9],
|
||||
.up-tabs__wrapper__nav[data-v-9112bed9],
|
||||
.up-tabs__wrapper__nav__line[data-v-9112bed9] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-overlay[data-v-9112bed9] {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-2af81691],
|
||||
.u-empty__wrap[data-v-2af81691],
|
||||
.u-tabs[data-v-2af81691],
|
||||
.u-tabs__wrapper[data-v-2af81691],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-2af81691],
|
||||
.u-tabs__wrapper__scroll-view[data-v-2af81691],
|
||||
.u-tabs__wrapper__nav[data-v-2af81691],
|
||||
.u-tabs__wrapper__nav__line[data-v-2af81691],
|
||||
.up-empty[data-v-2af81691],
|
||||
.up-empty__wrap[data-v-2af81691],
|
||||
.up-tabs[data-v-2af81691],
|
||||
.up-tabs__wrapper[data-v-2af81691],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-2af81691],
|
||||
.up-tabs__wrapper__scroll-view[data-v-2af81691],
|
||||
.up-tabs__wrapper__nav[data-v-2af81691],
|
||||
.up-tabs__wrapper__nav__line[data-v-2af81691] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-loading-icon[data-v-2af81691] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #c8c9cc;
|
||||
}
|
||||
.u-loading-icon__text[data-v-2af81691] {
|
||||
margin-left: 4px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.u-loading-icon__spinner[data-v-2af81691] {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
animation: u-rotate-2af81691 1s linear infinite;
|
||||
}
|
||||
.u-loading-icon__spinner--semicircle[data-v-2af81691] {
|
||||
border-width: 2px;
|
||||
border-color: transparent;
|
||||
border-top-right-radius: 100px;
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
border-style: solid;
|
||||
}
|
||||
.u-loading-icon__spinner--circle[data-v-2af81691] {
|
||||
border-top-right-radius: 100px;
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
border-width: 2px;
|
||||
border-top-color: #e5e5e5;
|
||||
border-right-color: #e5e5e5;
|
||||
border-bottom-color: #e5e5e5;
|
||||
border-left-color: #e5e5e5;
|
||||
border-style: solid;
|
||||
}
|
||||
.u-loading-icon--vertical[data-v-2af81691] {
|
||||
flex-direction: column;
|
||||
}
|
||||
[data-v-2af81691]:host {
|
||||
font-size: 0px;
|
||||
line-height: 1;
|
||||
}
|
||||
.u-loading-icon__spinner--spinner[data-v-2af81691] {
|
||||
animation-timing-function: steps(12);
|
||||
}
|
||||
.u-loading-icon__text[data-v-2af81691]:empty {
|
||||
display: none;
|
||||
}
|
||||
.u-loading-icon--vertical .u-loading-icon__text[data-v-2af81691] {
|
||||
margin: 6px 0 0;
|
||||
color: #606266;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:before {
|
||||
display: block;
|
||||
width: 2px;
|
||||
height: 25%;
|
||||
margin: 0 auto;
|
||||
background-color: currentColor;
|
||||
border-radius: 40%;
|
||||
content: " ";
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(1) {
|
||||
transform: rotate(30deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(2) {
|
||||
transform: rotate(60deg);
|
||||
opacity: 0.9375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(3) {
|
||||
transform: rotate(90deg);
|
||||
opacity: 0.875;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(4) {
|
||||
transform: rotate(120deg);
|
||||
opacity: 0.8125;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(5) {
|
||||
transform: rotate(150deg);
|
||||
opacity: 0.75;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(6) {
|
||||
transform: rotate(180deg);
|
||||
opacity: 0.6875;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(7) {
|
||||
transform: rotate(210deg);
|
||||
opacity: 0.625;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(8) {
|
||||
transform: rotate(240deg);
|
||||
opacity: 0.5625;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(9) {
|
||||
transform: rotate(270deg);
|
||||
opacity: 0.5;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(10) {
|
||||
transform: rotate(300deg);
|
||||
opacity: 0.4375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(11) {
|
||||
transform: rotate(330deg);
|
||||
opacity: 0.375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(12) {
|
||||
transform: rotate(360deg);
|
||||
opacity: 0.3125;
|
||||
}
|
||||
@keyframes u-rotate-2af81691 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-6fe44ee6],
|
||||
.u-empty__wrap[data-v-6fe44ee6],
|
||||
.u-tabs[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__scroll-view[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__nav[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__nav__line[data-v-6fe44ee6],
|
||||
.up-empty[data-v-6fe44ee6],
|
||||
.up-empty__wrap[data-v-6fe44ee6],
|
||||
.up-tabs[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__scroll-view[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__nav[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__nav__line[data-v-6fe44ee6] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-e61e8fb9],
|
||||
.u-empty__wrap[data-v-e61e8fb9],
|
||||
.u-tabs[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__scroll-view[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__nav[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__nav__line[data-v-e61e8fb9],
|
||||
.up-empty[data-v-e61e8fb9],
|
||||
.up-empty__wrap[data-v-e61e8fb9],
|
||||
.up-tabs[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__scroll-view[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__nav[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__nav__line[data-v-e61e8fb9] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-toast__content[data-v-e61e8fb9] {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
background-color: #585858;
|
||||
color: #fff;
|
||||
align-items: center;
|
||||
max-width: 18.75rem;
|
||||
position: relative;
|
||||
}
|
||||
.u-toast__content--loading[data-v-e61e8fb9] {
|
||||
flex-direction: column;
|
||||
padding: 20px 20px;
|
||||
}
|
||||
.u-toast__content__text[data-v-e61e8fb9] {
|
||||
color: #fff;
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
}
|
||||
.u-toast__content__text--default[data-v-e61e8fb9] {
|
||||
color: #fff;
|
||||
}
|
||||
.u-toast__content__text--error[data-v-e61e8fb9] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-toast__content__text--primary[data-v-e61e8fb9] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-toast__content__text--success[data-v-e61e8fb9] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-toast__content__text--warning[data-v-e61e8fb9] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-type-primary[data-v-e61e8fb9] {
|
||||
color: #3c9cff;
|
||||
background-color: #ecf5ff;
|
||||
border-color: #d7eafe;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-success[data-v-e61e8fb9] {
|
||||
color: #5ac725;
|
||||
background-color: #dbf1e1;
|
||||
border-color: #BEF5C8;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-error[data-v-e61e8fb9] {
|
||||
color: #f56c6c;
|
||||
background-color: #fef0f0;
|
||||
border-color: #fde2e2;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-warning[data-v-e61e8fb9] {
|
||||
color: #f9ae3d;
|
||||
background-color: #fdf6ec;
|
||||
border-color: #faecd8;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-default[data-v-e61e8fb9] {
|
||||
color: #fff;
|
||||
background-color: #585858;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.mine_about_us {
|
||||
background-color: #F5F5F5;
|
||||
padding: 0.9375rem;
|
||||
height: calc(100% - 1.875rem);
|
||||
overflow: auto;
|
||||
}
|
||||
.mine_about_us .about_us_image {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
margin-top: 3.125rem;
|
||||
}
|
||||
.mine_about_us .about_us_image .msg_ {
|
||||
text-align: center;
|
||||
margin-top: 0.625rem;
|
||||
font-size: 0.96875rem;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
.mine_about_us .content_ {
|
||||
padding: 1.875rem 0;
|
||||
}
|
||||
.mine_about_us .version_ {
|
||||
margin-top: 0.625rem;
|
||||
}
|
||||
.mine_about_us .version_ .version_fg {
|
||||
width: 100%;
|
||||
border-bottom: 0.03125rem solid rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
.mine_about_us .version_ .version_item_ {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 0.875rem;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
.mine_about_us .version_ .title_ {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
.mine_about_us .version_ .value_ {
|
||||
color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
.mine_about_us .version_ .check_version {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.mine_about_us .version_ .check_version_msg {
|
||||
color: #FF7C41;
|
||||
}
|
||||
@@ -0,0 +1,531 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-41713600],
|
||||
.u-empty__wrap[data-v-41713600],
|
||||
.u-tabs[data-v-41713600],
|
||||
.u-tabs__wrapper[data-v-41713600],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-41713600],
|
||||
.u-tabs__wrapper__scroll-view[data-v-41713600],
|
||||
.u-tabs__wrapper__nav[data-v-41713600],
|
||||
.u-tabs__wrapper__nav__line[data-v-41713600],
|
||||
.up-empty[data-v-41713600],
|
||||
.up-empty__wrap[data-v-41713600],
|
||||
.up-tabs[data-v-41713600],
|
||||
.up-tabs__wrapper[data-v-41713600],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-41713600],
|
||||
.up-tabs__wrapper__scroll-view[data-v-41713600],
|
||||
.up-tabs__wrapper__nav[data-v-41713600],
|
||||
.up-tabs__wrapper__nav__line[data-v-41713600] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-checkbox[data-v-41713600] {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.u-checkbox-label--left[data-v-41713600] {
|
||||
flex-direction: row;
|
||||
}
|
||||
.u-checkbox-label--right[data-v-41713600] {
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.u-checkbox__icon-wrap[data-v-41713600] {
|
||||
box-sizing: border-box;
|
||||
transition-property: border-color, background-color, color;
|
||||
transition-duration: 0.2s;
|
||||
color: #606266;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: transparent;
|
||||
text-align: center;
|
||||
margin-right: 6px;
|
||||
font-size: 6px;
|
||||
border-width: 1px;
|
||||
border-color: #c8c9cc;
|
||||
border-style: solid;
|
||||
}
|
||||
.u-checkbox__icon-wrap--circle[data-v-41713600] {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.u-checkbox__icon-wrap--square[data-v-41713600] {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.u-checkbox__icon-wrap--checked[data-v-41713600] {
|
||||
color: #fff;
|
||||
background-color: red;
|
||||
border-color: #2979ff;
|
||||
}
|
||||
.u-checkbox__icon-wrap--disabled[data-v-41713600] {
|
||||
background-color: #ebedf0 !important;
|
||||
}
|
||||
.u-checkbox__icon-wrap--disabled--checked[data-v-41713600] {
|
||||
color: #c8c9cc !important;
|
||||
}
|
||||
.u-checkbox__label[data-v-41713600] {
|
||||
word-wrap: break-word;
|
||||
margin-left: 5px;
|
||||
margin-right: 12px;
|
||||
color: #606266;
|
||||
font-size: 15px;
|
||||
}
|
||||
.u-checkbox__label--disabled[data-v-41713600] {
|
||||
color: #c8c9cc;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.mine_address_warp[data-v-1172d71f] {
|
||||
height: calc(100vh - 5.875rem);
|
||||
overflow-y: auto;
|
||||
background-color: #F5F5F5;
|
||||
padding: 0.9375rem;
|
||||
}
|
||||
.address_item[data-v-1172d71f] {
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.75rem;
|
||||
padding: 0.9375rem;
|
||||
margin-bottom: 0.9375rem;
|
||||
}
|
||||
.address_item_info[data-v-1172d71f] {
|
||||
font-weight: bold;
|
||||
font-size: 1rem;
|
||||
color: #222222;
|
||||
display: flex;
|
||||
}
|
||||
.address_item_address[data-v-1172d71f] {
|
||||
font-weight: 500;
|
||||
font-size: 0.8125rem;
|
||||
color: #666666;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.address_operate[data-v-1172d71f] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.9375rem;
|
||||
}
|
||||
.operate_item[data-v-1172d71f] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.operate_[data-v-1172d71f] {
|
||||
padding: 0.3125rem 0.9375rem;
|
||||
background: #F3F3F3;
|
||||
border-radius: 0.78125rem;
|
||||
font-size: 0.75rem;
|
||||
color: #222222;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
@@ -0,0 +1,818 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-2af81691],
|
||||
.u-empty__wrap[data-v-2af81691],
|
||||
.u-tabs[data-v-2af81691],
|
||||
.u-tabs__wrapper[data-v-2af81691],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-2af81691],
|
||||
.u-tabs__wrapper__scroll-view[data-v-2af81691],
|
||||
.u-tabs__wrapper__nav[data-v-2af81691],
|
||||
.u-tabs__wrapper__nav__line[data-v-2af81691],
|
||||
.up-empty[data-v-2af81691],
|
||||
.up-empty__wrap[data-v-2af81691],
|
||||
.up-tabs[data-v-2af81691],
|
||||
.up-tabs__wrapper[data-v-2af81691],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-2af81691],
|
||||
.up-tabs__wrapper__scroll-view[data-v-2af81691],
|
||||
.up-tabs__wrapper__nav[data-v-2af81691],
|
||||
.up-tabs__wrapper__nav__line[data-v-2af81691] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-loading-icon[data-v-2af81691] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #c8c9cc;
|
||||
}
|
||||
.u-loading-icon__text[data-v-2af81691] {
|
||||
margin-left: 4px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.u-loading-icon__spinner[data-v-2af81691] {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
animation: u-rotate-2af81691 1s linear infinite;
|
||||
}
|
||||
.u-loading-icon__spinner--semicircle[data-v-2af81691] {
|
||||
border-width: 2px;
|
||||
border-color: transparent;
|
||||
border-top-right-radius: 100px;
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
border-style: solid;
|
||||
}
|
||||
.u-loading-icon__spinner--circle[data-v-2af81691] {
|
||||
border-top-right-radius: 100px;
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
border-width: 2px;
|
||||
border-top-color: #e5e5e5;
|
||||
border-right-color: #e5e5e5;
|
||||
border-bottom-color: #e5e5e5;
|
||||
border-left-color: #e5e5e5;
|
||||
border-style: solid;
|
||||
}
|
||||
.u-loading-icon--vertical[data-v-2af81691] {
|
||||
flex-direction: column;
|
||||
}
|
||||
[data-v-2af81691]:host {
|
||||
font-size: 0px;
|
||||
line-height: 1;
|
||||
}
|
||||
.u-loading-icon__spinner--spinner[data-v-2af81691] {
|
||||
animation-timing-function: steps(12);
|
||||
}
|
||||
.u-loading-icon__text[data-v-2af81691]:empty {
|
||||
display: none;
|
||||
}
|
||||
.u-loading-icon--vertical .u-loading-icon__text[data-v-2af81691] {
|
||||
margin: 6px 0 0;
|
||||
color: #606266;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:before {
|
||||
display: block;
|
||||
width: 2px;
|
||||
height: 25%;
|
||||
margin: 0 auto;
|
||||
background-color: currentColor;
|
||||
border-radius: 40%;
|
||||
content: " ";
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(1) {
|
||||
transform: rotate(30deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(2) {
|
||||
transform: rotate(60deg);
|
||||
opacity: 0.9375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(3) {
|
||||
transform: rotate(90deg);
|
||||
opacity: 0.875;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(4) {
|
||||
transform: rotate(120deg);
|
||||
opacity: 0.8125;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(5) {
|
||||
transform: rotate(150deg);
|
||||
opacity: 0.75;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(6) {
|
||||
transform: rotate(180deg);
|
||||
opacity: 0.6875;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(7) {
|
||||
transform: rotate(210deg);
|
||||
opacity: 0.625;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(8) {
|
||||
transform: rotate(240deg);
|
||||
opacity: 0.5625;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(9) {
|
||||
transform: rotate(270deg);
|
||||
opacity: 0.5;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(10) {
|
||||
transform: rotate(300deg);
|
||||
opacity: 0.4375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(11) {
|
||||
transform: rotate(330deg);
|
||||
opacity: 0.375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(12) {
|
||||
transform: rotate(360deg);
|
||||
opacity: 0.3125;
|
||||
}
|
||||
@keyframes u-rotate-2af81691 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-6fe44ee6],
|
||||
.u-empty__wrap[data-v-6fe44ee6],
|
||||
.u-tabs[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__scroll-view[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__nav[data-v-6fe44ee6],
|
||||
.u-tabs__wrapper__nav__line[data-v-6fe44ee6],
|
||||
.up-empty[data-v-6fe44ee6],
|
||||
.up-empty__wrap[data-v-6fe44ee6],
|
||||
.up-tabs[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__scroll-view[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__nav[data-v-6fe44ee6],
|
||||
.up-tabs__wrapper__nav__line[data-v-6fe44ee6] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-9112bed9],
|
||||
.u-empty__wrap[data-v-9112bed9],
|
||||
.u-tabs[data-v-9112bed9],
|
||||
.u-tabs__wrapper[data-v-9112bed9],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-9112bed9],
|
||||
.u-tabs__wrapper__scroll-view[data-v-9112bed9],
|
||||
.u-tabs__wrapper__nav[data-v-9112bed9],
|
||||
.u-tabs__wrapper__nav__line[data-v-9112bed9],
|
||||
.up-empty[data-v-9112bed9],
|
||||
.up-empty__wrap[data-v-9112bed9],
|
||||
.up-tabs[data-v-9112bed9],
|
||||
.up-tabs__wrapper[data-v-9112bed9],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-9112bed9],
|
||||
.up-tabs__wrapper__scroll-view[data-v-9112bed9],
|
||||
.up-tabs__wrapper__nav[data-v-9112bed9],
|
||||
.up-tabs__wrapper__nav__line[data-v-9112bed9] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-overlay[data-v-9112bed9] {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-e61e8fb9],
|
||||
.u-empty__wrap[data-v-e61e8fb9],
|
||||
.u-tabs[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__scroll-view[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__nav[data-v-e61e8fb9],
|
||||
.u-tabs__wrapper__nav__line[data-v-e61e8fb9],
|
||||
.up-empty[data-v-e61e8fb9],
|
||||
.up-empty__wrap[data-v-e61e8fb9],
|
||||
.up-tabs[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__scroll-view[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__nav[data-v-e61e8fb9],
|
||||
.up-tabs__wrapper__nav__line[data-v-e61e8fb9] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-toast__content[data-v-e61e8fb9] {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
padding: 12px 20px;
|
||||
border-radius: 4px;
|
||||
background-color: #585858;
|
||||
color: #fff;
|
||||
align-items: center;
|
||||
max-width: 18.75rem;
|
||||
position: relative;
|
||||
}
|
||||
.u-toast__content--loading[data-v-e61e8fb9] {
|
||||
flex-direction: column;
|
||||
padding: 20px 20px;
|
||||
}
|
||||
.u-toast__content__text[data-v-e61e8fb9] {
|
||||
color: #fff;
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
}
|
||||
.u-toast__content__text--default[data-v-e61e8fb9] {
|
||||
color: #fff;
|
||||
}
|
||||
.u-toast__content__text--error[data-v-e61e8fb9] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-toast__content__text--primary[data-v-e61e8fb9] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-toast__content__text--success[data-v-e61e8fb9] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-toast__content__text--warning[data-v-e61e8fb9] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-type-primary[data-v-e61e8fb9] {
|
||||
color: #3c9cff;
|
||||
background-color: #ecf5ff;
|
||||
border-color: #d7eafe;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-success[data-v-e61e8fb9] {
|
||||
color: #5ac725;
|
||||
background-color: #dbf1e1;
|
||||
border-color: #BEF5C8;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-error[data-v-e61e8fb9] {
|
||||
color: #f56c6c;
|
||||
background-color: #fef0f0;
|
||||
border-color: #fde2e2;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-warning[data-v-e61e8fb9] {
|
||||
color: #f9ae3d;
|
||||
background-color: #fdf6ec;
|
||||
border-color: #faecd8;
|
||||
border-width: 1px;
|
||||
}
|
||||
.u-type-default[data-v-e61e8fb9] {
|
||||
color: #fff;
|
||||
background-color: #585858;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.authentication_ok_warp[data-v-731ed15b] {
|
||||
height: 100vh;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.authentication_ok_warp .authentication_ok_content[data-v-731ed15b] {
|
||||
padding: 1.875rem;
|
||||
}
|
||||
.authentication_ok_warp .authentication_result[data-v-731ed15b] {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin-top: 3.125rem;
|
||||
}
|
||||
.authentication_ok_warp .authentication_result .result_title[data-v-731ed15b] {
|
||||
font-weight: bold;
|
||||
font-size: 1.25rem;
|
||||
color: #333333;
|
||||
}
|
||||
.authentication_ok_warp .authentication_result .result_value[data-v-731ed15b] {
|
||||
font-weight: bold;
|
||||
font-size: 0.9375rem;
|
||||
color: #666666;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
.authentication_ok_warp .authentication_info[data-v-731ed15b] {
|
||||
background: #F8F8F8;
|
||||
border-radius: 0.3125rem;
|
||||
padding: 0.9375rem;
|
||||
margin-top: 0.9375rem;
|
||||
}
|
||||
.authentication_ok_warp .info_item[data-v-731ed15b] {
|
||||
font-weight: 500;
|
||||
font-size: 0.875rem;
|
||||
color: #666666;
|
||||
line-height: 2.0625rem;
|
||||
}
|
||||
.authentication_ok_warp .info_item_value[data-v-731ed15b] {
|
||||
font-weight: bold;
|
||||
font-size: 0.875rem;
|
||||
color: #333333;
|
||||
}
|
||||
@@ -0,0 +1,438 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.mine_bank_warp[data-v-c1af5562] {
|
||||
height: calc(100vh - 1.8125rem);
|
||||
background-color: #F5F5F5;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.mine_bank_warp .mine_bank_content_warp[data-v-c1af5562] {
|
||||
padding: 0.9375rem;
|
||||
}
|
||||
.mine_bank_warp .bank_title[data-v-c1af5562] {
|
||||
font-weight: bold;
|
||||
font-size: 1.125rem;
|
||||
color: #333333;
|
||||
}
|
||||
.mine_bank_warp .bank_list[data-v-c1af5562] {
|
||||
margin-top: 0.625rem;
|
||||
height: calc(100vh - 7.8125rem);
|
||||
overflow: auto;
|
||||
}
|
||||
.mine_bank_warp .bank_item[data-v-c1af5562] {
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.9375rem;
|
||||
padding: 0.9375rem;
|
||||
margin-bottom: 0.625rem;
|
||||
}
|
||||
.mine_bank_warp .bank_data[data-v-c1af5562] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.mine_bank_warp .bank_info[data-v-c1af5562] {
|
||||
margin-left: 0.3125rem;
|
||||
}
|
||||
.mine_bank_warp .bank_bank_name[data-v-c1af5562] {
|
||||
font-weight: bold;
|
||||
font-size: 0.9375rem;
|
||||
color: #333333;
|
||||
}
|
||||
.mine_bank_warp .bank_user_name[data-v-c1af5562] {
|
||||
font-weight: 500;
|
||||
font-size: 0.6875rem;
|
||||
color: #999999;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.mine_bank_warp .bank_parting_line[data-v-c1af5562] {
|
||||
height: 0.03125rem;
|
||||
background: #EEEEEEFF;
|
||||
border-radius: 0 0 0.03125rem 0.03125rem;
|
||||
margin: 0.9375rem auto;
|
||||
}
|
||||
.mine_bank_warp .operate_item[data-v-c1af5562] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.mine_bank_warp .operate_item .operate_[data-v-c1af5562] {
|
||||
padding: 0.3125rem 0.9375rem;
|
||||
background: #F3F3F3;
|
||||
border-radius: 0.78125rem;
|
||||
font-size: 0.75rem;
|
||||
color: #222222;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
@@ -0,0 +1,393 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.privacy_agreement_warp {
|
||||
background-color: #F5F5F5;
|
||||
overflow: hidden;
|
||||
}
|
||||
.privacy_agreement_warp .privacy_agreement_content_warp {
|
||||
padding: 1.25rem;
|
||||
height: calc(100vh - 7.5625rem);
|
||||
overflow: auto;
|
||||
}
|
||||
.privacy_agreement_warp .interval {
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
.privacy_agreement_warp .interval2 {
|
||||
margin-left: 1.25rem;
|
||||
}
|
||||
@@ -0,0 +1,387 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.user_agreement_warp[data-v-461f3671] {
|
||||
background-color: #F5F5F5;
|
||||
overflow: hidden;
|
||||
}
|
||||
.user_agreement_warp .user_agreement_content_warp[data-v-461f3671] {
|
||||
padding: 1.25rem;
|
||||
height: calc(100vh - 7.5625rem);
|
||||
overflow: auto;
|
||||
}
|
||||
@@ -0,0 +1,383 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.mine_purse_bonus_warp[data-v-f08a8d54] {
|
||||
height: 100vh;
|
||||
background-color: #F5F5F5;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mine_purse_bonus_header[data-v-f08a8d54] {
|
||||
background: #FF7C41;
|
||||
padding: 1.25rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.mine_purse_bonus_header .header_title[data-v-f08a8d54] {
|
||||
font-weight: 500;
|
||||
font-size: 0.875rem;
|
||||
color: #EEEEEE;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
.mine_purse_bonus_header .header_but[data-v-f08a8d54] {
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.78125rem;
|
||||
padding: 0.3125rem 0.9375rem;
|
||||
color: #FF7C41;
|
||||
font-weight: 500;
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
.mine_purse_bonus_content[data-v-f08a8d54] {
|
||||
padding: 0.625rem;
|
||||
height: calc(100vh - 9.375rem);
|
||||
overflow-y: auto;
|
||||
}
|
||||
.mine_purse_bonus_content .title[data-v-f08a8d54] {
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
color: #666666;
|
||||
}
|
||||
.mine_purse_bonus_content .content_item[data-v-f08a8d54] {
|
||||
margin-top: 0.625rem;
|
||||
}
|
||||
@@ -0,0 +1,400 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.purse_bonus_withdraw_log[data-v-d522464c] {
|
||||
background-color: #F5F5F5;
|
||||
padding: 0.9375rem;
|
||||
}
|
||||
.purse_bonus_withdraw_log .log_item[data-v-d522464c] {
|
||||
padding: 0.9375rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.625rem;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.625rem;
|
||||
}
|
||||
.purse_bonus_withdraw_log .title_[data-v-d522464c] {
|
||||
font-weight: 500;
|
||||
font-size: 0.875rem;
|
||||
color: #333333;
|
||||
}
|
||||
.purse_bonus_withdraw_log .msg_[data-v-d522464c] {
|
||||
font-size: 0.75rem;
|
||||
color: #808080;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
@@ -0,0 +1,482 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.prize_draw_item[data-v-2436dd54] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0.625rem 0;
|
||||
border-bottom: 0.03125rem solid #EEEEEE;
|
||||
}
|
||||
.prize_draw_left_warp[data-v-2436dd54] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.title_[data-v-2436dd54] {
|
||||
font-weight: bold;
|
||||
font-size: 0.875rem;
|
||||
color: #333333;
|
||||
}
|
||||
.time_[data-v-2436dd54] {
|
||||
font-size: 0.75rem;
|
||||
color: #666666;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.delivery_[data-v-2436dd54] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 0.625rem;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.delivery_ .delivery_status[data-v-2436dd54] {
|
||||
padding: 0.1875rem 0.3125rem;
|
||||
border-radius: 0.3125rem;
|
||||
color: #FF7C41;
|
||||
border: 0.03125rem solid #FF7C41;
|
||||
}
|
||||
.delivery_ .delivery_num[data-v-2436dd54] {
|
||||
margin-left: 0.3125rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.prize_draw_right_warp[data-v-2436dd54] {
|
||||
background: #FF7C41;
|
||||
border-radius: 0.3125rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
padding: 0.3125rem 0.875rem;
|
||||
height: 1.5rem;
|
||||
}
|
||||
.yes_[data-v-2436dd54] {
|
||||
background: #F5F5F5;
|
||||
color: #666666;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.purse_log_warp[data-v-dd837133] {
|
||||
height: calc(100vh - 1.8125rem);
|
||||
padding: 0.9375rem;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.purse_log_warp .info_title_warp[data-v-dd837133] {
|
||||
display: flex;
|
||||
padding-left: 0.3125rem;
|
||||
}
|
||||
.purse_log_warp .info_title_item_warp[data-v-dd837133] {
|
||||
margin-right: 1.25rem;
|
||||
font-weight: 500;
|
||||
font-size: 0.875rem;
|
||||
color: #666666;
|
||||
}
|
||||
.purse_log_warp .info_title_item_sel_warp[data-v-dd837133] {
|
||||
font-weight: bold;
|
||||
font-size: 1rem;
|
||||
color: #000000;
|
||||
}
|
||||
.purse_log_warp .info_title_item_sel_but_warp[data-v-dd837133] {
|
||||
background: #FF7C41;
|
||||
border-radius: 0.125rem;
|
||||
width: 2.5rem;
|
||||
height: 0.25rem;
|
||||
margin-left: 0.5625rem;
|
||||
}
|
||||
.purse_log_warp .info_list_warp[data-v-dd837133] {
|
||||
margin-top: 0.9375rem;
|
||||
}
|
||||
@@ -0,0 +1,452 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.mine_setting {
|
||||
background-color: #F5F5F5;
|
||||
height: calc(100% - 1.875rem);
|
||||
}
|
||||
.mine_setting .mine_setting_content {
|
||||
padding: 0.9375rem;
|
||||
}
|
||||
.mine_setting .setting_comm {
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.9375rem;
|
||||
padding: 0.9375rem;
|
||||
margin-bottom: 0.625rem;
|
||||
}
|
||||
.mine_setting .mine_data {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.mine_setting .mine_info_not_login {
|
||||
font-weight: bold;
|
||||
font-size: 1.25rem;
|
||||
color: #111111;
|
||||
}
|
||||
.mine_setting .mine_info {
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
.mine_setting .mine_info_name {
|
||||
font-weight: bold;
|
||||
font-size: 1.25rem;
|
||||
color: #111111;
|
||||
display: flex;
|
||||
}
|
||||
.mine_setting .mine_info_id {
|
||||
font-weight: 500;
|
||||
font-size: 0.75rem;
|
||||
color: #666666;
|
||||
display: flex;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.mine_setting .header_user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.mine_setting .header_fg {
|
||||
width: 100%;
|
||||
height: 0.0625rem;
|
||||
background: #E7E7E7;
|
||||
margin: 0.9375rem 0;
|
||||
}
|
||||
.mine_setting .item_comm {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.login_out_warp {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
background-color: #FF7C41;
|
||||
padding: 0.625rem;
|
||||
width: calc(100% - 1.25rem);
|
||||
border-radius: 0.3125rem;
|
||||
margin: 4.375rem 0 0;
|
||||
}
|
||||
.cancel_but {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
width: calc(100% - 1.25rem);
|
||||
margin-top: 0.625rem;
|
||||
font-size: 0.9375rem;
|
||||
color: #999999;
|
||||
padding: 0.625rem;
|
||||
}
|
||||
@@ -0,0 +1,387 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.user_agreement_warp[data-v-213482f1] {
|
||||
background-color: #F5F5F5;
|
||||
overflow: hidden;
|
||||
}
|
||||
.user_agreement_warp .user_agreement_content_warp[data-v-213482f1] {
|
||||
padding: 1.25rem;
|
||||
height: calc(100vh - 7.5625rem);
|
||||
overflow: auto;
|
||||
}
|
||||
@@ -0,0 +1,420 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.prize_draw_item[data-v-2436dd54] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0.625rem 0;
|
||||
border-bottom: 0.03125rem solid #EEEEEE;
|
||||
}
|
||||
.prize_draw_left_warp[data-v-2436dd54] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.title_[data-v-2436dd54] {
|
||||
font-weight: bold;
|
||||
font-size: 0.875rem;
|
||||
color: #333333;
|
||||
}
|
||||
.time_[data-v-2436dd54] {
|
||||
font-size: 0.75rem;
|
||||
color: #666666;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.delivery_[data-v-2436dd54] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 0.625rem;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.delivery_ .delivery_status[data-v-2436dd54] {
|
||||
padding: 0.1875rem 0.3125rem;
|
||||
border-radius: 0.3125rem;
|
||||
color: #FF7C41;
|
||||
border: 0.03125rem solid #FF7C41;
|
||||
}
|
||||
.delivery_ .delivery_num[data-v-2436dd54] {
|
||||
margin-left: 0.3125rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.prize_draw_right_warp[data-v-2436dd54] {
|
||||
background: #FF7C41;
|
||||
border-radius: 0.3125rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
padding: 0.3125rem 0.875rem;
|
||||
height: 1.5rem;
|
||||
}
|
||||
.yes_[data-v-2436dd54] {
|
||||
background: #F5F5F5;
|
||||
color: #666666;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.mine_winning_record[data-v-d6e3bd52] {
|
||||
padding: 0.9375rem;
|
||||
}
|
||||
@@ -0,0 +1,402 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.order_sumbit_ok_warp[data-v-aaf4c377] {
|
||||
height: calc(100vh - 2.5rem);
|
||||
text-align: center;
|
||||
}
|
||||
.order_sumbit_ok_warp .order_sumbit_ok_content[data-v-aaf4c377] {
|
||||
padding: 1.25rem;
|
||||
}
|
||||
.order_sumbit_ok_warp .ok_img[data-v-aaf4c377] {
|
||||
display: grid;
|
||||
}
|
||||
.order_sumbit_ok_warp .ok_img .ok_img_msg[data-v-aaf4c377] {
|
||||
font-weight: bold;
|
||||
font-size: 1.125rem;
|
||||
color: #222222;
|
||||
}
|
||||
.order_sumbit_ok_warp .ok_but[data-v-aaf4c377] {
|
||||
margin-top: 3.125rem;
|
||||
background: #FF7C41;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
padding: 0.625rem 0;
|
||||
height: 1.4375rem;
|
||||
color: #FFF;
|
||||
}
|
||||
@@ -0,0 +1,402 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.order_sumbit_ok_warp[data-v-4af61460] {
|
||||
height: calc(100vh - 2.5rem);
|
||||
text-align: center;
|
||||
}
|
||||
.order_sumbit_ok_warp .order_sumbit_ok_content_warp[data-v-4af61460] {
|
||||
padding: 1.25rem;
|
||||
}
|
||||
.order_sumbit_ok_warp .ok_img[data-v-4af61460] {
|
||||
display: grid;
|
||||
}
|
||||
.order_sumbit_ok_warp .ok_img .ok_img_msg[data-v-4af61460] {
|
||||
font-weight: bold;
|
||||
font-size: 1.125rem;
|
||||
color: #FF7C41;
|
||||
}
|
||||
.order_sumbit_ok_warp .ok_but[data-v-4af61460] {
|
||||
margin-top: 3.125rem;
|
||||
background: #FF7C41;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
padding: 0.625rem 0;
|
||||
height: 1.4375rem;
|
||||
color: #FFF;
|
||||
}
|
||||
@@ -0,0 +1,565 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-2af81691],
|
||||
.u-empty__wrap[data-v-2af81691],
|
||||
.u-tabs[data-v-2af81691],
|
||||
.u-tabs__wrapper[data-v-2af81691],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-2af81691],
|
||||
.u-tabs__wrapper__scroll-view[data-v-2af81691],
|
||||
.u-tabs__wrapper__nav[data-v-2af81691],
|
||||
.u-tabs__wrapper__nav__line[data-v-2af81691],
|
||||
.up-empty[data-v-2af81691],
|
||||
.up-empty__wrap[data-v-2af81691],
|
||||
.up-tabs[data-v-2af81691],
|
||||
.up-tabs__wrapper[data-v-2af81691],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-2af81691],
|
||||
.up-tabs__wrapper__scroll-view[data-v-2af81691],
|
||||
.up-tabs__wrapper__nav[data-v-2af81691],
|
||||
.up-tabs__wrapper__nav__line[data-v-2af81691] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-loading-icon[data-v-2af81691] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #c8c9cc;
|
||||
}
|
||||
.u-loading-icon__text[data-v-2af81691] {
|
||||
margin-left: 4px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.u-loading-icon__spinner[data-v-2af81691] {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
animation: u-rotate-2af81691 1s linear infinite;
|
||||
}
|
||||
.u-loading-icon__spinner--semicircle[data-v-2af81691] {
|
||||
border-width: 2px;
|
||||
border-color: transparent;
|
||||
border-top-right-radius: 100px;
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
border-style: solid;
|
||||
}
|
||||
.u-loading-icon__spinner--circle[data-v-2af81691] {
|
||||
border-top-right-radius: 100px;
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
border-width: 2px;
|
||||
border-top-color: #e5e5e5;
|
||||
border-right-color: #e5e5e5;
|
||||
border-bottom-color: #e5e5e5;
|
||||
border-left-color: #e5e5e5;
|
||||
border-style: solid;
|
||||
}
|
||||
.u-loading-icon--vertical[data-v-2af81691] {
|
||||
flex-direction: column;
|
||||
}
|
||||
[data-v-2af81691]:host {
|
||||
font-size: 0px;
|
||||
line-height: 1;
|
||||
}
|
||||
.u-loading-icon__spinner--spinner[data-v-2af81691] {
|
||||
animation-timing-function: steps(12);
|
||||
}
|
||||
.u-loading-icon__text[data-v-2af81691]:empty {
|
||||
display: none;
|
||||
}
|
||||
.u-loading-icon--vertical .u-loading-icon__text[data-v-2af81691] {
|
||||
margin: 6px 0 0;
|
||||
color: #606266;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:before {
|
||||
display: block;
|
||||
width: 2px;
|
||||
height: 25%;
|
||||
margin: 0 auto;
|
||||
background-color: currentColor;
|
||||
border-radius: 40%;
|
||||
content: " ";
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(1) {
|
||||
transform: rotate(30deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(2) {
|
||||
transform: rotate(60deg);
|
||||
opacity: 0.9375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(3) {
|
||||
transform: rotate(90deg);
|
||||
opacity: 0.875;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(4) {
|
||||
transform: rotate(120deg);
|
||||
opacity: 0.8125;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(5) {
|
||||
transform: rotate(150deg);
|
||||
opacity: 0.75;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(6) {
|
||||
transform: rotate(180deg);
|
||||
opacity: 0.6875;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(7) {
|
||||
transform: rotate(210deg);
|
||||
opacity: 0.625;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(8) {
|
||||
transform: rotate(240deg);
|
||||
opacity: 0.5625;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(9) {
|
||||
transform: rotate(270deg);
|
||||
opacity: 0.5;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(10) {
|
||||
transform: rotate(300deg);
|
||||
opacity: 0.4375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(11) {
|
||||
transform: rotate(330deg);
|
||||
opacity: 0.375;
|
||||
}
|
||||
.u-loading-icon__dot[data-v-2af81691]:nth-of-type(12) {
|
||||
transform: rotate(360deg);
|
||||
opacity: 0.3125;
|
||||
}
|
||||
@keyframes u-rotate-2af81691 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.header_[data-v-5be51a94] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 2.3125rem 0.625rem 0.625rem;
|
||||
}
|
||||
.header_ .title_[data-v-5be51a94] {
|
||||
font-size: 1.125rem;
|
||||
color: #000000;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.payment_processing_warp[data-v-f7613669] {
|
||||
text-align: center;
|
||||
margin-top: 6.25rem;
|
||||
}
|
||||
.payment_processing_warp .payment_processing_msg[data-v-f7613669] {
|
||||
margin-top: 0.625rem;
|
||||
}
|
||||
@@ -0,0 +1,758 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下:
|
||||
* fade:淡入
|
||||
* zoom:缩放
|
||||
* fade-zoom:缩放淡入
|
||||
* fade-up:上滑淡入
|
||||
* fade-down:下滑淡入
|
||||
* fade-left:左滑淡入
|
||||
* fade-right:右滑淡入
|
||||
* slide-up:上滑进入
|
||||
* slide-down:下滑进入
|
||||
* slide-left:左滑进入
|
||||
* slide-right:右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-abebd402],
|
||||
.u-empty__wrap[data-v-abebd402],
|
||||
.u-tabs[data-v-abebd402],
|
||||
.u-tabs__wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.u-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav[data-v-abebd402],
|
||||
.u-tabs__wrapper__nav__line[data-v-abebd402],
|
||||
.up-empty[data-v-abebd402],
|
||||
.up-empty__wrap[data-v-abebd402],
|
||||
.up-tabs[data-v-abebd402],
|
||||
.up-tabs__wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-abebd402],
|
||||
.up-tabs__wrapper__scroll-view[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav[data-v-abebd402],
|
||||
.up-tabs__wrapper__nav__line[data-v-abebd402] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-image[data-v-abebd402] {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image[data-v-abebd402] {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading[data-v-abebd402], .u-image__error[data-v-abebd402] {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909193;
|
||||
font-size: 1.4375rem;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-df79975b],
|
||||
.u-empty__wrap[data-v-df79975b],
|
||||
.u-tabs[data-v-df79975b],
|
||||
.u-tabs__wrapper[data-v-df79975b],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-df79975b],
|
||||
.u-tabs__wrapper__scroll-view[data-v-df79975b],
|
||||
.u-tabs__wrapper__nav[data-v-df79975b],
|
||||
.u-tabs__wrapper__nav__line[data-v-df79975b],
|
||||
.up-empty[data-v-df79975b],
|
||||
.up-empty__wrap[data-v-df79975b],
|
||||
.up-tabs[data-v-df79975b],
|
||||
.up-tabs__wrapper[data-v-df79975b],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-df79975b],
|
||||
.up-tabs__wrapper__scroll-view[data-v-df79975b],
|
||||
.up-tabs__wrapper__nav[data-v-df79975b],
|
||||
.up-tabs__wrapper__nav__line[data-v-df79975b] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-input[data-v-df79975b] {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex: 1;
|
||||
}
|
||||
.u-input--radius[data-v-df79975b], .u-input--square[data-v-df79975b] {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.u-input--no-radius[data-v-df79975b] {
|
||||
border-radius: 0;
|
||||
}
|
||||
.u-input--circle[data-v-df79975b] {
|
||||
border-radius: 100px;
|
||||
}
|
||||
.u-input__content[data-v-df79975b] {
|
||||
flex: 1;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.u-input__content__field-wrapper[data-v-df79975b] {
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
margin: 0;
|
||||
flex: 1;
|
||||
}
|
||||
.u-input__content__field-wrapper__field[data-v-df79975b] {
|
||||
line-height: 26px;
|
||||
text-align: left;
|
||||
color: #303133;
|
||||
height: 24px;
|
||||
font-size: 15px;
|
||||
flex: 1;
|
||||
}
|
||||
.u-input__content__clear[data-v-df79975b] {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 100px;
|
||||
background-color: #c6c7cb;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transform: scale(0.82);
|
||||
margin-left: 4px;
|
||||
}
|
||||
.u-input__content__subfix-icon[data-v-df79975b] {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.u-input__content__prefix-icon[data-v-df79975b] {
|
||||
margin-right: 4px;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.u-empty[data-v-2fd891bb],
|
||||
.u-empty__wrap[data-v-2fd891bb],
|
||||
.u-tabs[data-v-2fd891bb],
|
||||
.u-tabs__wrapper[data-v-2fd891bb],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-2fd891bb],
|
||||
.u-tabs__wrapper__scroll-view[data-v-2fd891bb],
|
||||
.u-tabs__wrapper__nav[data-v-2fd891bb],
|
||||
.u-tabs__wrapper__nav__line[data-v-2fd891bb],
|
||||
.up-empty[data-v-2fd891bb],
|
||||
.up-empty__wrap[data-v-2fd891bb],
|
||||
.up-tabs[data-v-2fd891bb],
|
||||
.up-tabs__wrapper[data-v-2fd891bb],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-2fd891bb],
|
||||
.up-tabs__wrapper__scroll-view[data-v-2fd891bb],
|
||||
.up-tabs__wrapper__nav[data-v-2fd891bb],
|
||||
.up-tabs__wrapper__nav__line[data-v-2fd891bb] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-tag-wrapper[data-v-2fd891bb] {
|
||||
position: relative;
|
||||
}
|
||||
.u-tag[data-v-2fd891bb] {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
border-style: solid;
|
||||
}
|
||||
.u-tag--circle[data-v-2fd891bb] {
|
||||
border-radius: 100px;
|
||||
}
|
||||
.u-tag--square[data-v-2fd891bb] {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.u-tag__icon[data-v-2fd891bb] {
|
||||
margin-right: 4px;
|
||||
}
|
||||
.u-tag__text--mini[data-v-2fd891bb] {
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
.u-tag__text--medium[data-v-2fd891bb] {
|
||||
font-size: 13px;
|
||||
line-height: 13px;
|
||||
}
|
||||
.u-tag__text--large[data-v-2fd891bb] {
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
}
|
||||
.u-tag--mini[data-v-2fd891bb] {
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.u-tag--medium[data-v-2fd891bb] {
|
||||
height: 26px;
|
||||
line-height: 22px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.u-tag--large[data-v-2fd891bb] {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.u-tag--primary[data-v-2fd891bb] {
|
||||
background-color: #3c9cff;
|
||||
border-width: 1px;
|
||||
border-color: #3c9cff;
|
||||
}
|
||||
.u-tag--primary--plain[data-v-2fd891bb] {
|
||||
border-width: 1px;
|
||||
border-color: #3c9cff;
|
||||
}
|
||||
.u-tag--primary--plain--fill[data-v-2fd891bb] {
|
||||
background-color: #ecf5ff;
|
||||
}
|
||||
.u-tag__text--primary[data-v-2fd891bb] {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.u-tag__text--primary--plain[data-v-2fd891bb] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-tag--error[data-v-2fd891bb] {
|
||||
background-color: #f56c6c;
|
||||
border-width: 1px;
|
||||
border-color: #f56c6c;
|
||||
}
|
||||
.u-tag--error--plain[data-v-2fd891bb] {
|
||||
border-width: 1px;
|
||||
border-color: #f56c6c;
|
||||
}
|
||||
.u-tag--error--plain--fill[data-v-2fd891bb] {
|
||||
background-color: #fef0f0;
|
||||
}
|
||||
.u-tag__text--error[data-v-2fd891bb] {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.u-tag__text--error--plain[data-v-2fd891bb] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-tag--warning[data-v-2fd891bb] {
|
||||
background-color: #f9ae3d;
|
||||
border-width: 1px;
|
||||
border-color: #f9ae3d;
|
||||
}
|
||||
.u-tag--warning--plain[data-v-2fd891bb] {
|
||||
border-width: 1px;
|
||||
border-color: #f9ae3d;
|
||||
}
|
||||
.u-tag--warning--plain--fill[data-v-2fd891bb] {
|
||||
background-color: #fdf6ec;
|
||||
}
|
||||
.u-tag__text--warning[data-v-2fd891bb] {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.u-tag__text--warning--plain[data-v-2fd891bb] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-tag--success[data-v-2fd891bb] {
|
||||
background-color: #5ac725;
|
||||
border-width: 1px;
|
||||
border-color: #5ac725;
|
||||
}
|
||||
.u-tag--success--plain[data-v-2fd891bb] {
|
||||
border-width: 1px;
|
||||
border-color: #5ac725;
|
||||
}
|
||||
.u-tag--success--plain--fill[data-v-2fd891bb] {
|
||||
background-color: #f5fff0;
|
||||
}
|
||||
.u-tag__text--success[data-v-2fd891bb] {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.u-tag__text--success--plain[data-v-2fd891bb] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-tag--info[data-v-2fd891bb] {
|
||||
background-color: #909399;
|
||||
border-width: 1px;
|
||||
border-color: #909399;
|
||||
}
|
||||
.u-tag--info--plain[data-v-2fd891bb] {
|
||||
border-width: 1px;
|
||||
border-color: #909399;
|
||||
}
|
||||
.u-tag--info--plain--fill[data-v-2fd891bb] {
|
||||
background-color: #f4f4f5;
|
||||
}
|
||||
.u-tag__text--info[data-v-2fd891bb] {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.u-tag__text--info--plain[data-v-2fd891bb] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-tag__close[data-v-2fd891bb] {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
border-radius: 100px;
|
||||
background-color: #C6C7CB;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transform: scale(0.6) translate(80%, -80%);
|
||||
}
|
||||
.u-tag__close--mini[data-v-2fd891bb] {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.u-tag__close--medium[data-v-2fd891bb] {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
.u-tag__close--large[data-v-2fd891bb] {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.search_warp[data-v-c10c040c] {
|
||||
background-color: #F5F5F5;
|
||||
height: 100vh;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.search_warp .search_but_warp[data-v-c10c040c] {
|
||||
background: #FF7C41;
|
||||
border-radius: 0.5rem;
|
||||
padding: 0.625rem 1.25rem;
|
||||
text-align: center;
|
||||
color: #FFF;
|
||||
}
|
||||
.search_warp .search_history[data-v-c10c040c] {
|
||||
padding: 1.875rem 1.25rem;
|
||||
}
|
||||
.search_warp .search_history .search_history_title[data-v-c10c040c] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-weight: bold;
|
||||
font-size: 1rem;
|
||||
color: #333333;
|
||||
}
|
||||
.search_warp .search_history .search_history_cotent[data-v-c10c040c] {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 0.625rem;
|
||||
}
|
||||
.search_warp .poduct_list .poduct_search_warp[data-v-c10c040c] {
|
||||
background: #FFFFFF;
|
||||
font-weight: bold;
|
||||
font-size: 0.8125rem;
|
||||
color: #333333;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0.3125rem 1.875rem;
|
||||
}
|
||||
.search_warp .poduct_list .poduct_content_warp[data-v-c10c040c] {
|
||||
padding: 0.9375rem;
|
||||
height: calc(100vh - 10.625rem);
|
||||
overflow-y: auto;
|
||||
}
|
||||
.search_warp .poduct_list .poduct_content_warp .big_warp[data-v-c10c040c] {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.search_warp .poduct_list .poduct_content_warp .big_warp .big_item_warp[data-v-c10c040c] {
|
||||
width: 48%;
|
||||
margin-bottom: 0.625rem;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.75rem;
|
||||
}
|
||||
.search_warp .poduct_list .poduct_content_warp .big_warp .big_item_content_warp[data-v-c10c040c] {
|
||||
padding: 0.625rem;
|
||||
}
|
||||
.search_warp .poduct_list .poduct_content_warp .big_warp .big_item_content_warp .title[data-v-c10c040c] {
|
||||
font-weight: bold;
|
||||
font-size: 0.8125rem;
|
||||
color: #333333;
|
||||
}
|
||||
.search_warp .poduct_list .poduct_content_warp .min_warp .min_item_warp[data-v-c10c040c] {
|
||||
padding: 0.9375rem;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.75rem;
|
||||
display: flex;
|
||||
margin-bottom: 0.625rem;
|
||||
}
|
||||
.search_warp .poduct_list .poduct_content_warp .min_warp .min_item_content_warp[data-v-c10c040c] {
|
||||
margin-left: 0.3125rem;
|
||||
display: grid;
|
||||
width: 100%;
|
||||
}
|
||||
.search_warp .poduct_list .poduct_content_warp .min_warp .title[data-v-c10c040c] {
|
||||
font-weight: bold;
|
||||
font-size: 0.8125rem;
|
||||
color: #333333;
|
||||
}
|
||||
.search_warp .poduct_list .poduct_content_warp .total_or_quantity[data-v-c10c040c] {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 0.3125rem 0 0.1875rem;
|
||||
font-size: 0.625rem;
|
||||
color: #999999;
|
||||
}
|
||||
.search_warp .poduct_list .poduct_content_warp .total_[data-v-c10c040c] {
|
||||
font-weight: bold;
|
||||
font-size: 0.8125rem;
|
||||
color: #F52D1D;
|
||||
}
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 927 B |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 946 B |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 390 KiB |
|
After Width: | Height: | Size: 763 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 482 B |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 949 B |
|
After Width: | Height: | Size: 1002 B |
|
After Width: | Height: | Size: 960 B |
|
After Width: | Height: | Size: 6.7 KiB |