Página inicial Explorar Ajuda
Entrar
zkpk
/
PunchSettle-MiniProgram
1
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Ver código fonte

【feat】【第一版开发】

1.新建项目
2.完成第一版界面样式开发
ChenYL 1 ano atrás
commit
857631828b
39 arquivos alterados com 3934 adições e 0 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. 1 0
      .gitignore
  2. 16 0
      .hbuilderx/launch.json
  3. 17 0
      App.vue
  4. 7 0
      common/style/common-style.scss
  5. 20 0
      index.html
  6. 22 0
      main.js
  7. 72 0
      manifest.json
  8. 39 0
      pages.json
  9. 149 0
      pages/detail/detail.vue
  10. 288 0
      pages/index/index.vue
  11. 82 0
      pages/login/login.vue
  12. 82 0
      pages/userInfo/userInfo.vue
  13. BIN
      static/logo.png
  14. 13 0
      uni.promisify.adaptor.js
  15. 78 0
      uni.scss
  16. 42 0
      uni_modules/uni-icons/changelog.md
  17. 91 0
      uni_modules/uni-icons/components/uni-icons/uni-icons.uvue
  18. 110 0
      uni_modules/uni-icons/components/uni-icons/uni-icons.vue
  19. 664 0
      uni_modules/uni-icons/components/uni-icons/uniicons.css
  20. BIN
      uni_modules/uni-icons/components/uni-icons/uniicons.ttf
  21. 664 0
      uni_modules/uni-icons/components/uni-icons/uniicons_file.ts
  22. 649 0
      uni_modules/uni-icons/components/uni-icons/uniicons_file_vue.js
  23. 89 0
      uni_modules/uni-icons/package.json
  24. 8 0
      uni_modules/uni-icons/readme.md
  25. 8 0
      uni_modules/uni-scss/changelog.md
  26. 1 0
      uni_modules/uni-scss/index.scss
  27. 82 0
      uni_modules/uni-scss/package.json
  28. 4 0
      uni_modules/uni-scss/readme.md
  29. 7 0
      uni_modules/uni-scss/styles/index.scss
  30. 3 0
      uni_modules/uni-scss/styles/setting/_border.scss
  31. 66 0
      uni_modules/uni-scss/styles/setting/_color.scss
  32. 55 0
      uni_modules/uni-scss/styles/setting/_radius.scss
  33. 56 0
      uni_modules/uni-scss/styles/setting/_space.scss
  34. 167 0
      uni_modules/uni-scss/styles/setting/_styles.scss
  35. 24 0
      uni_modules/uni-scss/styles/setting/_text.scss
  36. 146 0
      uni_modules/uni-scss/styles/setting/_variables.scss
  37. 19 0
      uni_modules/uni-scss/styles/tools/functions.scss
  38. 31 0
      uni_modules/uni-scss/theme.scss
  39. 62 0
      uni_modules/uni-scss/variables.scss

+ 1 - 0
.gitignore
Ver arquivo 

@@ -0,0 +1 @@
 
+unpackage/

+ 16 - 0
.hbuilderx/launch.json
Ver arquivo 

@@ -0,0 +1,16 @@
 
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
 
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
 
+    "version": "0.0",
 
+    "configurations": [{
 
+     	"default" : 
+     	{
 
+     		"launchtype" : "local"
 
+     	},
 
+     	"mp-weixin" : 
+     	{
 
+     		"launchtype" : "local"
 
+     	},
 
+     	"type" : "uniCloud"
 
+     }
 
+    ]
 
+}

+ 17 - 0
App.vue
Ver arquivo 

@@ -0,0 +1,17 @@
 
+<script>
 
+	export default {
 
+		onLaunch: function() {
 
+			console.log('App Launch')
 
+		},
 
+		onShow: function() {
 
+			console.log('App Show')
 
+		},
 
+		onHide: function() {
 
+			console.log('App Hide')
 
+		}
 
+	}
 
+</script>
 
+
 
+<style>
 
+	/*每个页面公共css */
 
+</style>

+ 7 - 0
common/style/common-style.scss
Ver arquivo 

@@ -0,0 +1,7 @@
 
+view {
 
+	box-sizing: border-box;
 
+}
 
+
 
+.page-bg {
 
+	background: linear-gradient(180deg, #B9D3FF 0%, #F2F7FF 22.23%);
 
+}

+ 20 - 0
index.html
Ver arquivo 

@@ -0,0 +1,20 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <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>
 
+    <title></title>
 
+    <!--preload-links-->
 
+    <!--app-context-->
 
+  </head>
 
+  <body>
 
+    <div id="app"><!--app-html--></div>
 
+    <script type="module" src="/main.js"></script>
 
+  </body>
 
+</html>

+ 22 - 0
main.js
Ver arquivo 

@@ -0,0 +1,22 @@
 
+import App from './App'
 
+
 
+// #ifndef VUE3
 
+import Vue from 'vue'
 
+import './uni.promisify.adaptor'
 
+Vue.config.productionTip = false
 
+App.mpType = 'app'
 
+const app = new Vue({
 
+  ...App
 
+})
 
+app.$mount()
 
+// #endif
 
+
 
+// #ifdef VUE3
 
+import { createSSRApp } from 'vue'
 
+export function createApp() {
 
+  const app = createSSRApp(App)
 
+  return {
 
+    app
 
+  }
 
+}
 
+// #endif

+ 72 - 0
manifest.json
Ver arquivo 

@@ -0,0 +1,72 @@
 
+{
 
+    "name" : "PunchSettle-MiniProgram",
 
+    "appid" : "",
 
+    "description" : "",
 
+    "versionName" : "1.0.0",
 
+    "versionCode" : "100",
 
+    "transformPx" : false,
 
+    /* 5+App特有相关 */
 
+    "app-plus" : {
 
+        "usingComponents" : true,
 
+        "nvueStyleCompiler" : "uni-app",
 
+        "compilerVersion" : 3,
 
+        "splashscreen" : {
 
+            "alwaysShowBeforeRender" : true,
 
+            "waiting" : true,
 
+            "autoclose" : true,
 
+            "delay" : 0
 
+        },
 
+        /* 模块配置 */
 
+        "modules" : {},
 
+        /* 应用发布信息 */
 
+        "distribute" : {
 
+            /* android打包配置 */
 
+            "android" : {
 
+                "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\"/>"
 
+                ]
 
+            },
 
+            /* ios打包配置 */
 
+            "ios" : {},
 
+            /* SDK配置 */
 
+            "sdkConfigs" : {}
 
+        }
 
+    },
 
+    /* 快应用特有相关 */
 
+    "quickapp" : {},
 
+    /* 小程序特有相关 */
 
+    "mp-weixin" : {
 
+        "appid" : "",
 
+        "setting" : {
 
+            "urlCheck" : false
 
+        },
 
+        "usingComponents" : true
 
+    },
 
+    "mp-alipay" : {
 
+        "usingComponents" : true
 
+    },
 
+    "mp-baidu" : {
 
+        "usingComponents" : true
 
+    },
 
+    "mp-toutiao" : {
 
+        "usingComponents" : true
 
+    },
 
+    "uniStatistics" : {
 
+        "enable" : false
 
+    },
 
+    "vueVersion" : "3"
 
+}

+ 39 - 0
pages.json
Ver arquivo 

@@ -0,0 +1,39 @@
 
+{
 
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 
+		{
 
+			"path": "pages/index/index",
 
+			"style": {
 
+				"navigationBarTitleText": "uni-app"
 
+			}
 
+		},
 
+		{
 
+			"path" : "pages/login/login",
 
+			"style" : 
+			{
 
+				"navigationBarTitleText" : ""
 
+			}
 
+		},
 
+		{
 
+			"path" : "pages/userInfo/userInfo",
 
+			"style" : 
+			{
 
+				"navigationBarTitleText" : ""
 
+			}
 
+		},
 
+		{
 
+			"path" : "pages/detail/detail",
 
+			"style" : 
+			{
 
+				"navigationBarTitleText" : ""
 
+			}
 
+		}
 
+	],
 
+	"globalStyle": {
 
+		"navigationBarTextStyle": "black",
 
+		"navigationBarTitleText": "uni-app",
 
+		"navigationBarBackgroundColor": "#F8F8F8",
 
+		"backgroundColor": "#F8F8F8",
 
+		"navigationStyle": "custom"
 
+	},
 
+	"uniIdRouter": {}
 
+}

+ 149 - 0
pages/detail/detail.vue
Ver arquivo 

@@ -0,0 +1,149 @@
 
+<template>
 
+	<view class="container page-bg">
 
+		<view class="back-container">
 
+			<navigator url="/pages/index/index">
 
+				<uni-icons type="back" size="40" color="#FFFFFF"></uni-icons>
 
+			</navigator>
 
+		</view>
 
+		<view class="edit-container">
 
+			<view class="input-item">
 
+				<view class="input-title">任务名称</view>
 
+				<input class="input-box" placeholder="请输入任务名称" />
 
+			</view>
 
+			<view class="input-item">
 
+				<view class="input-title">奖励倍数</view>
 
+				<input class="input-box" type="number" placeholder="请输入任务倍数" />
 
+			</view>
 
+			<view class="switch-item">
 
+				<view class="input-title">周末双倍</view>
 
+				<switch class="input-switch"/>
 
+			</view>
 
+			<view class="switch-item">
 
+				<view class="input-title">全勤奖励</view>
 
+				<switch class="input-switch"/>
 
+			</view>
 
+			<view class="btn-container">
 
+				<view class="cancel-btn">取消</view>
 
+				<view class="save-btn">保存</view>
 
+			</view>
 
+		</view>
 
+		
+	</view>
 
+</template>
 
+
 
+<script setup>
 
+	
+</script>
 
+
 
+<style lang="scss" scoped>
 
+.container {
 
+	width: 100vw;
 
+	height: 100vh;
 
+	padding: 16rpx;
 
+	
+	.back-container {
 
+		left: 16rpx;
 
+		top: 39px;
 
+		width: 90rpx;
 
+		height: 90rpx;
 
+		border-radius: 50%;
 
+		background-color: rgba(0, 0, 0, 0.1);
 
+		
+		display: flex;
 
+		justify-content: center;
 
+		align-items: center;
 
+	}
 
+	
+	.edit-container {
 
+		margin-top: 32rpx;
 
+		width: 100%;
 
+		
+		.input-item {
 
+			margin-top: 30rpx;
 
+			width: 100%;
 
+			
+			.input-title {
 
+				font-size: 36rpx;
 
+				font-weight: 400;
 
+				letter-spacing: 0rpx;
 
+				line-height: 52.13rpx;
 
+				color: rgba(0, 0, 0, 1);
 
+			}
 
+			
+			.input-box {
 
+				box-sizing: border-box;
 
+				margin-top: 10rpx;
 
+				width: 100%;
 
+				height: 65rpx;
 
+				padding: 10rpx 10rpx;
 
+				border-radius: 5rpx;
 
+				background: #FFFFFF;
 
+			}
 
+		}
 
+		
+		.switch-item {
 
+			margin-top: 30rpx;
 
+			display: flex;
 
+			align-items: center;
 
+			
+			.input-title {
 
+				font-size: 36rpx;
 
+				font-weight: 400;
 
+				letter-spacing: 0rpx;
 
+				line-height: 52.13rpx;
 
+				color: rgba(0, 0, 0, 1);
 
+			}
 
+			
+			.input-switch {
 
+				position: absolute;
 
+				right: 0rpx;
 
+			}	
+		}
 
+	}
 
+	
+	.btn-container {
 
+		position: absolute;
 
+		bottom: 44rpx;
 
+		left: 0rpx;
 
+		width: 100%;
 
+		display: grid;
 
+		grid-template-columns: 1fr 1fr;
 
+		place-items: center;
 
+		
+		.cancel-btn {
 
+			width: 298rpx;
 
+			height: 67rpx;
 
+			border-radius: 30rpx;
 
+			background: #E5E5E5;
 
+			
+			display: flex;
 
+			justify-content: center;
 
+			align-items: center;
 
+			
+			font-size: 36rpx;
 
+			font-weight: 400;
 
+			letter-spacing: 0rpx;
 
+			line-height: 52.13rpx;
 
+			color: #FFFFFF;
 
+
 
+		}
 
+		
+		.save-btn {
 
+			width: 298rpx;
 
+			height: 67rpx;
 
+			border-radius: 30rpx;
 
+			background: #2A82E4;
 
+			
+			display: flex;
 
+			justify-content: center;
 
+			align-items: center;
 
+
 
+			font-size: 36rpx;
 
+			font-weight: 400;
 
+			letter-spacing: 0rpx;
 
+			line-height: 52.13rpx;
 
+			color: #FFFFFF;
 
+		}
 
+	}
 
+}
 
+</style>

+ 288 - 0
pages/index/index.vue
Ver arquivo 

@@ -0,0 +1,288 @@
 
+<template>
 
+	<view class="container page-bg">
 
+		<view class="header-container">
 
+			<navigator url="/pages/login/login">
 
+				<view class="user-info">
 
+					<uni-icons type="person" size="30" color="#FFFFFF"></uni-icons>
 
+				</view>
 
+			</navigator>
 
+		</view>
 
+		<view class="settle-container">
 
+			<view class="settle-text-container">
 
+				<view class="settle-title">待领取奖励数</view>
 
+				<view class="settle-num">3</view>
 
+			</view>
 
+			<view class="settle-btn">领取</view>
 
+		</view>
 
+		<view class="task-container">
 
+			<view class="task-header">
 
+				<view class="task-title">任务（3个）</view>
 
+				<view class="task-add-btn">
 
+					<navigator url="/pages/detail/detail">
 
+						<uni-icons type="plusempty" size="30" color="#406CE7"></uni-icons>
 
+					</navigator>
 
+				</view>
 
+			</view>
 
+			<view class="task-item" v-for="item in 10">
 
+				<view class="item-header">
 
+					<view class="item-title">锻炼身体</view>
 
+					<navigator url="/pages/detail/detail">
 
+						<uni-icons class="item-icon" type="settings" size="30" color="#C4C4C4"></uni-icons>
 
+					</navigator>
 
+					<view class="item-tag-container">
 
+						<view class="item-tag">全勤奖励</view>
 
+						<view class="item-tag">周末双倍</view>
 
+					</view>
 
+					<view class="item-btn">完成</view>
 
+				</view>
 
+				<view class="item-detail-list">
 
+					<view class="item-detail">
 
+						<view class="detail-text">11月20日</view>
 
+						<view class="detail-box"></view>
 
+					</view>
 
+					<view class="item-detail">
 
+						<view class="detail-text">11月21日</view>
 
+						<view class="detail-box"></view>
 
+					</view>
 
+					<view class="item-detail">
 
+						<view class="detail-text">11月22日</view>
 
+						<view class="detail-box"></view>
 
+					</view>
 
+					<view class="item-detail">
 
+						<view class="detail-text">11月22日</view>
 
+						<view class="detail-box"></view>
 
+					</view>
 
+					<view class="item-detail">
 
+						<view class="detail-text">11月22日</view>
 
+						<view class="detail-box"></view>
 
+					</view>
 
+					<view class="item-detail">
 
+						<view class="detail-text">11月22日</view>
 
+						<view class="detail-box"></view>
 
+					</view>
 
+					<view class="item-detail">
 
+						<view class="detail-text">11月22日</view>
 
+						<view class="detail-box"></view>
 
+					</view>
 
+				</view>
 
+			</view>
 
+		</view>
 
+	</view>
 
+</template>
 
+
 
+<script setup>
 
+
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+	.container {
 
+		width: 100vw;
 
+		height: 100vh;
 
+		padding: 16rpx;
 
+		
+		.header-container {
 
+			position: relative;
 
+			height: 83rpx;
 
+			
+			.user-info {
 
+				width: 83rpx;
 
+				height: 83rpx;
 
+				
+				display: flex;
 
+				justify-content: center; /* 水平居中 */
 
+				align-items: center; /* 垂直居中 */
 
+				
+				position: absolute;
 
+				right: 0rpx;
 
+				top: 0rpx;
 
+				
+				border-radius: 50%;
 
+				background: rgba(210, 239, 243, 1);
 
+			}
 
+		}
 
+		
+		.settle-container {
 
+			margin-top: 16rpx;
 
+			height: 228rpx;
 
+			position: relative;
 
+			border-radius: 20rpx;
 
+			background: rgba(64, 108, 231, 1);
 
+			box-shadow: 1rpx 2rpx 4rpx  rgba(0, 0, 0, 0.25);
 
+			
+			.settle-text-container {
 
+				position: absolute;
 
+				left: 108rpx;
 
+				top: 20rpx;
 
+				
+				.settle-title {
 
+					font-size: 24rpx;
 
+					line-height: 34.75rpx;
 
+					color: rgba(255, 255, 255, 1);
 
+				}
 
+				
+				.settle-num {
 
+					font-size: 100rpx;
 
+					font-weight: 700;
 
+					line-height: 144.8rpx;
 
+					color: rgba(255, 255, 255, 1);
 
+					
+					display: flex;
 
+					justify-content: center; /* 水平居中 */
 
+					align-items: center; /* 垂直居中 */
 
+				}
 
+			}
 
+			
+			.settle-btn {
 
+				position: absolute;
 
+				left: 503rpx;
 
+				top: 76rpx;
 
+				width: 164rpx;
 
+				height: 99rpx;
 
+				border-radius: 40rpx;
 
+				background: rgba(242, 247, 255, 1);
 
+
 
+				font-size: 48rpx;
 
+				font-weight: 700;
 
+				line-height: 69.5px;
 
+				color: rgba(64, 108, 231, 1);
 
+				display: flex;
 
+				justify-content: center; /* 水平居中 */
 
+				align-items: center; /* 垂直居中 */
 
+			}
 
+		}
 
+		
+		.task-container {
 
+			margin-top: 16rpx;
 
+			
+			.task-header {
 
+				position: relative;
 
+				height: 80rpx;
 
+				display: flex;
 
+				justify-content: center; /* 水平居中 */
 
+				align-items: center; /* 垂直居中 */
 
+				
+				.task-title {
 
+					position: absolute;
 
+					left: 0rpx;
 
+					font-size: 30rpx;
 
+					font-weight: 400;
 
+					line-height: 43.44rpx;
 
+					color: rgba(0, 0, 0, 1);
 
+				}
 
+				
+				.task-add-btn {
 
+					display: inline-flex;
 
+					justify-content: center;
 
+					align-items: center;
 
+					position: absolute;
 
+					right: 0rpx;
 
+					width: 60rpx;
 
+					height: 60rpx;
 
+					border-radius: 10rpx;
 
+					border: 3px solid rgba(64, 108, 231, 1);	
+				}
 
+			}
 
+			
+			.task-item {
 
+				margin-top: 16rpx;
 
+				width: 100%;
 
+				height: 201rpx;
 
+				border-radius: 20px;
 
+				background: #FFFFFF;
 
+				box-shadow: 1px 2px 4px  #000000;
 
+				box-sizing: border-box;
 
+				padding: 16rpx;
 
+				
+				
+				.item-header {
 
+					position: relative;
 
+					display: flex;
 
+					align-items: center;
 
+					
+					.item-title {
 
+						display: inline-block;
 
+						// margin-left: 20rpx;
 
+						font-size: 36rpx;
 
+						font-weight: 400;
 
+						letter-spacing: 0rpx;
 
+						line-height: 52.13rpx;
 
+						color: rgba(0, 0, 0, 1);
 
+					}
 
+					
+					.item-icon {
 
+						margin-left: 10rpx;
 
+					}
 
+					
+					.item-tag-container {
 
+						display: inline-block;
 
+						margin-left: 10rpx;
 
+						
+						.item-tag:not(:first-child) {
 
+							margin-left: 10rpx;
 
+						}
 
+						
+						.item-tag {
 
+							display: inline-block;
 
+							background-color: #F2F7FF;
 
+							padding: 10rpx;
 
+							border-radius: 40rpx;
 
+							background: #F2F7FF;
 
+							font-size: 16rpx;
 
+							font-weight: 400;
 
+							line-height: 23.17rpx;
 
+							color: rgba(0, 0, 0, 1);
 
+							text-align: center;
 
+							vertical-align: top;
 
+						}
 
+					}
 
+					
+					.item-btn {
 
+						display: inline-flex;
 
+						position: absolute;
 
+						right: 0rpx;
 
+						width: 123rpx;
 
+						height: 42rpx;
 
+						border-radius: 30rpx;
 
+						border: 1rpx solid #2A82E4;
 
+						justify-content: center;
 
+						align-items: center;
 
+						
+						font-size: 20rpx;
 
+						font-weight: 400;
 
+						line-height: 28.96px;
 
+						color: rgba(64, 108, 231, 1);
 
+					}
 
+				}
 
+				
+				.item-detail-list {
 
+					margin-top: 16rpx;
 
+					display: grid;
 
+					grid-template-columns: repeat(7, 1fr);
 
+					
+					.item-detail {
 
+						display: flex;
 
+						flex-direction: column;
 
+						justify-content: center;
 
+						align-items: center;
 
+						
+						.detail-text {
 
+							font-size: 20rpx;
 
+							font-weight: 400;
 
+							letter-spacing: 0rpx;
 
+							line-height: 28.96rpx;
 
+							color: rgba(0, 0, 0, 1);
 
+						}
 
+						
+						.detail-box {
 
+							// display: block;
 
+							width: 42rpx;
 
+							height: 42rpx;
 
+							margin-top: 5rpx;
 
+							border: 5rpx solid #000000;
 
+						}
 
+					}
 
+				}
 
+			}
 
+		}
 
+	}
 
+</style>

+ 82 - 0
pages/login/login.vue
Ver arquivo 

@@ -0,0 +1,82 @@
 
+<template>
 
+	<view class="page-bg container">
 
+		<view class="back-container">
 
+			<navigator url="/pages/index/index">
 
+				<uni-icons type="back" size="40" color="#FFFFFF"></uni-icons>
 
+			</navigator>
 
+		</view>
 
+		<view class="login-container">
 
+			<view class="avator-container">
 
+				<uni-icons type="person" size="130" color="#FFFFFF"></uni-icons>
 
+			</view>
 
+			<view class="btn-container">登录</view>
 
+		</view>
 
+	</view>
 
+</template>
 
+
 
+<script setup>
 
+	
+</script>
 
+
 
+<style lang="scss" scoped>
 
+.container {
 
+	width: 100vw;
 
+	height: 100vh;
 
+	padding: 16rpx;
 
+	
+	.back-container {
 
+		left: 16rpx;
 
+		top: 39px;
 
+		width: 90rpx;
 
+		height: 90rpx;
 
+		border-radius: 50%;
 
+		background-color: rgba(0, 0, 0, 0.1);
 
+		
+		display: flex;
 
+		justify-content: center;
 
+		align-items: center;
 
+	}
 
+	
+	.login-container {
 
+		width: 100%;
 
+		height: 100%;
 
+		display: flex;
 
+		justify-content: center;
 
+		align-items: center;
 
+		flex-direction: column;
 
+		
+		.avator-container {
 
+			left: 222rpx;
 
+			top: 254rpx;
 
+			width: 307rpx;
 
+			height: 307rpx;
 
+			background: #D2EFF3;
 
+			border-radius: 50%;
 
+			box-shadow: 0px 2px 2px 0px #DBDBDB;
 
+		
+			display: flex;
 
+			justify-content: center;
 
+			align-items: center;
 
+		}
 
+		
+		.btn-container {
 
+			margin-top: 57rpx;
 
+			
+			width: 500rpx;
 
+			height: 100rpx;
 
+			border-radius: 20rpx;
 
+			background: #2A82E4;
 
+		
+			font-size: 48rpx;
 
+			font-weight: 700;
 
+			letter-spacing: 0rpx;
 
+			line-height: 69.5rpx;
 
+			color: #FFFFFF;
 
+			
+			display: flex;
 
+			justify-content: center;
 
+			align-items: center;
 
+		}
 
+	}
 
+}	       
+</style>

+ 82 - 0
pages/userInfo/userInfo.vue
Ver arquivo 

@@ -0,0 +1,82 @@
 
+<template>
 
+	<view class="page-bg container">
 
+		<view class="back-container">
 
+			<navigator url="/pages/index/index">
 
+				<uni-icons type="back" size="40" color="#FFFFFF"></uni-icons>
 
+			</navigator>
 
+		</view>
 
+		<view class="login-container">
 
+			<view class="avator-container">
 
+				<uni-icons type="person" size="130" color="#FFFFFF"></uni-icons>
 
+			</view>
 
+			<view class="btn-container">注销</view>
 
+		</view>
 
+	</view>
 
+</template>
 
+
 
+<script setup>
 
+	
+</script>
 
+
 
+<style lang="scss" scoped>
 
+.container {
 
+	width: 100vw;
 
+	height: 100vh;
 
+	padding: 16rpx;
 
+	
+	.back-container {
 
+		left: 16rpx;
 
+		top: 39px;
 
+		width: 90rpx;
 
+		height: 90rpx;
 
+		border-radius: 50%;
 
+		background-color: rgba(0, 0, 0, 0.1);
 
+		
+		display: flex;
 
+		justify-content: center;
 
+		align-items: center;
 
+	}
 
+	
+	.login-container {
 
+		width: 100%;
 
+		height: 100%;
 
+		display: flex;
 
+		justify-content: center;
 
+		align-items: center;
 
+		flex-direction: column;
 
+		
+		.avator-container {
 
+			left: 222rpx;
 
+			top: 254rpx;
 
+			width: 307rpx;
 
+			height: 307rpx;
 
+			background: #D2EFF3;
 
+			border-radius: 50%;
 
+			box-shadow: 0px 2px 2px 0px #DBDBDB;
 
+		
+			display: flex;
 
+			justify-content: center;
 
+			align-items: center;
 
+		}
 
+		
+		.btn-container {
 
+			margin-top: 57rpx;
 
+			
+			width: 500rpx;
 
+			height: 100rpx;
 
+			border-radius: 20rpx;
 
+			background: #FA2525;
 
+		
+			font-size: 48rpx;
 
+			font-weight: 700;
 
+			letter-spacing: 0rpx;
 
+			line-height: 69.5rpx;
 
+			color: #FFFFFF;
 
+			
+			display: flex;
 
+			justify-content: center;
 
+			align-items: center;
 
+		}
 
+	}
 
+}	       
+</style>

BIN
static/logo.png
Ver arquivo


+ 13 - 0
uni.promisify.adaptor.js
Ver arquivo 

@@ -0,0 +1,13 @@
 
+uni.addInterceptor({
 
+  returnValue (res) {
 
+    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
 
+      return res;
 
+    }
 
+    return new Promise((resolve, reject) => {
 
+      res.then((res) => {
 
+        if (!res) return resolve(res) 
+        return res[0] ? reject(res[0]) : resolve(res[1])
 
+      });
 
+    });
 
+  },
 
+});

+ 78 - 0
uni.scss
Ver arquivo 

@@ -0,0 +1,78 @@
 
+/**
 
+ * 这里是uni-app内置的常用样式变量
 
+ *
 
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 
+ *
 
+ */
 
+
 
+/**
 
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 
+ *
 
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 
+ */
 
+
 
+/* 颜色变量 */
 
+
 
+/* 行为相关颜色 */
 
+$uni-color-primary: #007aff;
 
+$uni-color-success: #4cd964;
 
+$uni-color-warning: #f0ad4e;
 
+$uni-color-error: #dd524d;
 
+
 
+/* 文字基本颜色 */
 
+$uni-text-color:#333;//基本色
 
+$uni-text-color-inverse:#fff;//反色
 
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
 
+$uni-text-color-placeholder: #808080;
 
+$uni-text-color-disable:#c0c0c0;
 
+
 
+/* 背景颜色 */
 
+$uni-bg-color:#ffffff;
 
+$uni-bg-color-grey:#f8f8f8;
 
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
 
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
 
+
 
+/* 边框颜色 */
 
+$uni-border-color:#c8c7cc;
 
+
 
+/* 尺寸变量 */
 
+
 
+/* 文字尺寸 */
 
+$uni-font-size-sm:12px;
 
+$uni-font-size-base:14px;
 
+$uni-font-size-lg:16px;
 
+
 
+/* 图片尺寸 */
 
+$uni-img-size-sm:20px;
 
+$uni-img-size-base:26px;
 
+$uni-img-size-lg:40px;
 
+
 
+/* Border Radius */
 
+$uni-border-radius-sm: 2px;
 
+$uni-border-radius-base: 3px;
 
+$uni-border-radius-lg: 6px;
 
+$uni-border-radius-circle: 50%;
 
+
 
+/* 水平间距 */
 
+$uni-spacing-row-sm: 5px;
 
+$uni-spacing-row-base: 10px;
 
+$uni-spacing-row-lg: 15px;
 
+
 
+/* 垂直间距 */
 
+$uni-spacing-col-sm: 4px;
 
+$uni-spacing-col-base: 8px;
 
+$uni-spacing-col-lg: 12px;
 
+
 
+/* 透明度 */
 
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
 
+
 
+/* 文章场景相关 */
 
+$uni-color-title: #2C405A; // 文章标题颜色
 
+$uni-font-size-title:20px;
 
+$uni-color-subtitle: #555555; // 二级标题颜色
 
+$uni-font-size-subtitle:26px;
 
+$uni-color-paragraph: #3F536E; // 文章段落颜色
 
+$uni-font-size-paragraph:15px;
 
+
 
+@import "@/common/style/common-style.scss";

+ 42 - 0
uni_modules/uni-icons/changelog.md
Ver arquivo 

@@ -0,0 +1,42 @@
 
+## 2.0.10（2024-06-07）
 
+- 优化 uni-app x 中，size 属性的类型
 
+## 2.0.9（2024-01-12）
 
+fix: 修复图标大小默认值错误的问题
 
+## 2.0.8（2023-12-14）
 
+- 修复 项目未使用 ts 情况下，打包报错的bug
 
+## 2.0.7（2023-12-14）
 
+- 修复 size 属性为 string 时，不加单位导致尺寸异常的bug
 
+## 2.0.6（2023-12-11）
 
+- 优化 兼容老版本icon类型，如 top ，bottom 等
 
+## 2.0.5（2023-12-11）
 
+- 优化 兼容老版本icon类型，如 top ，bottom 等
 
+## 2.0.4（2023-12-06）
 
+- 优化 uni-app x 下示例项目图标排序
 
+## 2.0.3（2023-12-06）
 
+- 修复 nvue下引入组件报错的bug
 
+## 2.0.2（2023-12-05）
 
+-优化 size 属性支持单位
 
+## 2.0.1（2023-12-05）
 
+- 新增 uni-app x 支持定义图标
 
+## 1.3.5（2022-01-24）
 
+- 优化 size 属性可以传入不带单位的字符串数值
 
+## 1.3.4（2022-01-24）
 
+- 优化 size 支持其他单位
 
+## 1.3.3（2022-01-17）
 
+- 修复 nvue 有些图标不显示的bug，兼容老版本图标
 
+## 1.3.2（2021-12-01）
 
+- 优化 示例可复制图标名称
 
+## 1.3.1（2021-11-23）
 
+- 优化 兼容旧组件 type 值
 
+## 1.3.0（2021-11-19）
 
+- 新增 更多图标
 
+- 优化 自定义图标使用方式
 
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
 
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-icons](https://uniapp.dcloud.io/component/uniui/uni-icons)
 
+## 1.1.7（2021-11-08）
 
+## 1.2.0（2021-07-30）
 
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
 
+## 1.1.5（2021-05-12）
 
+- 新增 组件示例地址
 
+## 1.1.4（2021-02-05）
 
+- 调整为uni_modules目录规范

+ 91 - 0
uni_modules/uni-icons/components/uni-icons/uni-icons.uvue
Ver arquivo 

@@ -0,0 +1,91 @@
 
+<template>
 
+  <text class="uni-icons" :style="styleObj">
 
+    <slot>{{unicode}}</slot>
 
+  </text>
 
+</template>
 
+
 
+<script>
 
+  import { fontData, IconsDataItem } from './uniicons_file'
 
+
 
+  /**
 
+   * Icons 图标
 
+   * @description 用于展示 icon 图标
 
+   * @tutorial https://ext.dcloud.net.cn/plugin?id=28
 
+   * @property {Number,String} size 图标大小
 
+   * @property {String} type 图标图案，参考示例
 
+   * @property {String} color 图标颜色
 
+   * @property {String} customPrefix 自定义图标
 
+   * @event {Function} click 点击 Icon 触发事件
 
+   */
 
+  export default {
 
+    name: "uni-icons",
 
+    props: {
 
+      type: {
 
+        type: String,
 
+        default: ''
 
+      },
 
+      color: {
 
+        type: String,
 
+        default: '#333333'
 
+      },
 
+      size: {
 
+        type: [Number, String],
 
+        default: 16
 
+      },
 
+      fontFamily: {
 
+        type: String,
 
+        default: ''
 
+      }
 
+    },
 
+    data() {
 
+      return {};
 
+    },
 
+    computed: {
 
+      unicode() : string {
 
+        let codes = fontData.find((item : IconsDataItem) : boolean => { return item.font_class == this.type })
 
+        if (codes !== null) {
 
+          return codes.unicode
 
+        }
 
+        return ''
 
+      },
 
+      iconSize() : string {
 
+        const size = this.size
 
+        if (typeof size == 'string') {
 
+          const reg = /^[0-9]*$/g
 
+          return reg.test(size as string) ? '' + size + 'px' : '' + size;
 
+          // return '' + this.size
 
+        }
 
+        return this.getFontSize(size as number)
 
+      },
 
+      styleObj() : UTSJSONObject {
 
+        if (this.fontFamily !== '') {
 
+          return { color: this.color, fontSize: this.iconSize, fontFamily: this.fontFamily }
 
+        }
 
+        return { color: this.color, fontSize: this.iconSize }
 
+      }
 
+    },
 
+    created() { },
 
+    methods: {
 
+      /**
 
+       * 字体大小
 
+       */
 
+      getFontSize(size : number) : string {
 
+        return size + 'px';
 
+      },
 
+    },
 
+  }
 
+</script>
 
+
 
+<style scoped>
 
+  @font-face {
 
+    font-family: UniIconsFontFamily;
 
+    src: url('./uniicons.ttf');
 
+  }
 
+
 
+  .uni-icons {
 
+    font-family: UniIconsFontFamily;
 
+    font-size: 18px;
 
+    font-style: normal;
 
+    color: #333;
 
+  }
 
+</style>

+ 110 - 0
uni_modules/uni-icons/components/uni-icons/uni-icons.vue
Ver arquivo 

@@ -0,0 +1,110 @@
 
+<template>
 
+	<!-- #ifdef APP-NVUE -->
 
+	<text :style="styleObj" class="uni-icons" @click="_onClick">{{unicode}}</text>
 
+	<!-- #endif -->
 
+	<!-- #ifndef APP-NVUE -->
 
+	<text :style="styleObj" class="uni-icons" :class="['uniui-'+type,customPrefix,customPrefix?type:'']" @click="_onClick">
 
+		<slot></slot>
 
+	</text>
 
+	<!-- #endif -->
 
+</template>
 
+
 
+<script>
 
+	import { fontData } from './uniicons_file_vue.js';
 
+
 
+	const getVal = (val) => {
 
+		const reg = /^[0-9]*$/g
 
+		return (typeof val === 'number' || reg.test(val)) ? val + 'px' : val;
 
+	}
 
+
 
+	// #ifdef APP-NVUE
 
+	var domModule = weex.requireModule('dom');
 
+	import iconUrl from './uniicons.ttf'
 
+	domModule.addRule('fontFace', {
 
+		'fontFamily': "uniicons",
 
+		'src': "url('" + iconUrl + "')"
 
+	});
 
+	// #endif
 
+
 
+	/**
 
+	 * Icons 图标
 
+	 * @description 用于展示 icons 图标
 
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=28
 
+	 * @property {Number} size 图标大小
 
+	 * @property {String} type 图标图案，参考示例
 
+	 * @property {String} color 图标颜色
 
+	 * @property {String} customPrefix 自定义图标
 
+	 * @event {Function} click 点击 Icon 触发事件
 
+	 */
 
+	export default {
 
+		name: 'UniIcons',
 
+		emits: ['click'],
 
+		props: {
 
+			type: {
 
+				type: String,
 
+				default: ''
 
+			},
 
+			color: {
 
+				type: String,
 
+				default: '#333333'
 
+			},
 
+			size: {
 
+				type: [Number, String],
 
+				default: 16
 
+			},
 
+			customPrefix: {
 
+				type: String,
 
+				default: ''
 
+			},
 
+			fontFamily: {
 
+				type: String,
 
+				default: ''
 
+			}
 
+		},
 
+		data() {
 
+			return {
 
+				icons: fontData
 
+			}
 
+		},
 
+		computed: {
 
+			unicode() {
 
+				let code = this.icons.find(v => v.font_class === this.type)
 
+				if (code) {
 
+					return code.unicode
 
+				}
 
+				return ''
 
+			},
 
+			iconSize() {
 
+				return getVal(this.size)
 
+			},
 
+			styleObj() {
 
+				if (this.fontFamily !== '') {
 
+					return `color: ${this.color}; font-size: ${this.iconSize}; font-family: ${this.fontFamily};`
 
+				}
 
+				return `color: ${this.color}; font-size: ${this.iconSize};`
 
+			}
 
+		},
 
+		methods: {
 
+			_onClick() {
 
+				this.$emit('click')
 
+			}
 
+		}
 
+	}
 
+</script>
 
+
 
+<style lang="scss">
 
+	/* #ifndef APP-NVUE */
 
+	@import './uniicons.css';
 
+
 
+	@font-face {
 
+		font-family: uniicons;
 
+		src: url('./uniicons.ttf');
 
+	}
 
+
 
+	/* #endif */
 
+	.uni-icons {
 
+		font-family: uniicons;
 
+		text-decoration: none;
 
+		text-align: center;
 
+	}
 
+</style>

+ 664 - 0
uni_modules/uni-icons/components/uni-icons/uniicons.css
Ver arquivo 

@@ -0,0 +1,664 @@
 
+
 
+.uniui-cart-filled:before {
 
+  content: "\e6d0";
 
+}
 
+
 
+.uniui-gift-filled:before {
 
+  content: "\e6c4";
 
+}
 
+
 
+.uniui-color:before {
 
+  content: "\e6cf";
 
+}
 
+
 
+.uniui-wallet:before {
 
+  content: "\e6b1";
 
+}
 
+
 
+.uniui-settings-filled:before {
 
+  content: "\e6ce";
 
+}
 
+
 
+.uniui-auth-filled:before {
 
+  content: "\e6cc";
 
+}
 
+
 
+.uniui-shop-filled:before {
 
+  content: "\e6cd";
 
+}
 
+
 
+.uniui-staff-filled:before {
 
+  content: "\e6cb";
 
+}
 
+
 
+.uniui-vip-filled:before {
 
+  content: "\e6c6";
 
+}
 
+
 
+.uniui-plus-filled:before {
 
+  content: "\e6c7";
 
+}
 
+
 
+.uniui-folder-add-filled:before {
 
+  content: "\e6c8";
 
+}
 
+
 
+.uniui-color-filled:before {
 
+  content: "\e6c9";
 
+}
 
+
 
+.uniui-tune-filled:before {
 
+  content: "\e6ca";
 
+}
 
+
 
+.uniui-calendar-filled:before {
 
+  content: "\e6c0";
 
+}
 
+
 
+.uniui-notification-filled:before {
 
+  content: "\e6c1";
 
+}
 
+
 
+.uniui-wallet-filled:before {
 
+  content: "\e6c2";
 
+}
 
+
 
+.uniui-medal-filled:before {
 
+  content: "\e6c3";
 
+}
 
+
 
+.uniui-fire-filled:before {
 
+  content: "\e6c5";
 
+}
 
+
 
+.uniui-refreshempty:before {
 
+  content: "\e6bf";
 
+}
 
+
 
+.uniui-location-filled:before {
 
+  content: "\e6af";
 
+}
 
+
 
+.uniui-person-filled:before {
 
+  content: "\e69d";
 
+}
 
+
 
+.uniui-personadd-filled:before {
 
+  content: "\e698";
 
+}
 
+
 
+.uniui-arrowthinleft:before {
 
+  content: "\e6d2";
 
+}
 
+
 
+.uniui-arrowthinup:before {
 
+  content: "\e6d3";
 
+}
 
+
 
+.uniui-arrowthindown:before {
 
+  content: "\e6d4";
 
+}
 
+
 
+.uniui-back:before {
 
+  content: "\e6b9";
 
+}
 
+
 
+.uniui-forward:before {
 
+  content: "\e6ba";
 
+}
 
+
 
+.uniui-arrow-right:before {
 
+  content: "\e6bb";
 
+}
 
+
 
+.uniui-arrow-left:before {
 
+  content: "\e6bc";
 
+}
 
+
 
+.uniui-arrow-up:before {
 
+  content: "\e6bd";
 
+}
 
+
 
+.uniui-arrow-down:before {
 
+  content: "\e6be";
 
+}
 
+
 
+.uniui-arrowthinright:before {
 
+  content: "\e6d1";
 
+}
 
+
 
+.uniui-down:before {
 
+  content: "\e6b8";
 
+}
 
+
 
+.uniui-bottom:before {
 
+  content: "\e6b8";
 
+}
 
+
 
+.uniui-arrowright:before {
 
+  content: "\e6d5";
 
+}
 
+
 
+.uniui-right:before {
 
+  content: "\e6b5";
 
+}
 
+
 
+.uniui-up:before {
 
+  content: "\e6b6";
 
+}
 
+
 
+.uniui-top:before {
 
+  content: "\e6b6";
 
+}
 
+
 
+.uniui-left:before {
 
+  content: "\e6b7";
 
+}
 
+
 
+.uniui-arrowup:before {
 
+  content: "\e6d6";
 
+}
 
+
 
+.uniui-eye:before {
 
+  content: "\e651";
 
+}
 
+
 
+.uniui-eye-filled:before {
 
+  content: "\e66a";
 
+}
 
+
 
+.uniui-eye-slash:before {
 
+  content: "\e6b3";
 
+}
 
+
 
+.uniui-eye-slash-filled:before {
 
+  content: "\e6b4";
 
+}
 
+
 
+.uniui-info-filled:before {
 
+  content: "\e649";
 
+}
 
+
 
+.uniui-reload:before {
 
+  content: "\e6b2";
 
+}
 
+
 
+.uniui-micoff-filled:before {
 
+  content: "\e6b0";
 
+}
 
+
 
+.uniui-map-pin-ellipse:before {
 
+  content: "\e6ac";
 
+}
 
+
 
+.uniui-map-pin:before {
 
+  content: "\e6ad";
 
+}
 
+
 
+.uniui-location:before {
 
+  content: "\e6ae";
 
+}
 
+
 
+.uniui-starhalf:before {
 
+  content: "\e683";
 
+}
 
+
 
+.uniui-star:before {
 
+  content: "\e688";
 
+}
 
+
 
+.uniui-star-filled:before {
 
+  content: "\e68f";
 
+}
 
+
 
+.uniui-calendar:before {
 
+  content: "\e6a0";
 
+}
 
+
 
+.uniui-fire:before {
 
+  content: "\e6a1";
 
+}
 
+
 
+.uniui-medal:before {
 
+  content: "\e6a2";
 
+}
 
+
 
+.uniui-font:before {
 
+  content: "\e6a3";
 
+}
 
+
 
+.uniui-gift:before {
 
+  content: "\e6a4";
 
+}
 
+
 
+.uniui-link:before {
 
+  content: "\e6a5";
 
+}
 
+
 
+.uniui-notification:before {
 
+  content: "\e6a6";
 
+}
 
+
 
+.uniui-staff:before {
 
+  content: "\e6a7";
 
+}
 
+
 
+.uniui-vip:before {
 
+  content: "\e6a8";
 
+}
 
+
 
+.uniui-folder-add:before {
 
+  content: "\e6a9";
 
+}
 
+
 
+.uniui-tune:before {
 
+  content: "\e6aa";
 
+}
 
+
 
+.uniui-auth:before {
 
+  content: "\e6ab";
 
+}
 
+
 
+.uniui-person:before {
 
+  content: "\e699";
 
+}
 
+
 
+.uniui-email-filled:before {
 
+  content: "\e69a";
 
+}
 
+
 
+.uniui-phone-filled:before {
 
+  content: "\e69b";
 
+}
 
+
 
+.uniui-phone:before {
 
+  content: "\e69c";
 
+}
 
+
 
+.uniui-email:before {
 
+  content: "\e69e";
 
+}
 
+
 
+.uniui-personadd:before {
 
+  content: "\e69f";
 
+}
 
+
 
+.uniui-chatboxes-filled:before {
 
+  content: "\e692";
 
+}
 
+
 
+.uniui-contact:before {
 
+  content: "\e693";
 
+}
 
+
 
+.uniui-chatbubble-filled:before {
 
+  content: "\e694";
 
+}
 
+
 
+.uniui-contact-filled:before {
 
+  content: "\e695";
 
+}
 
+
 
+.uniui-chatboxes:before {
 
+  content: "\e696";
 
+}
 
+
 
+.uniui-chatbubble:before {
 
+  content: "\e697";
 
+}
 
+
 
+.uniui-upload-filled:before {
 
+  content: "\e68e";
 
+}
 
+
 
+.uniui-upload:before {
 
+  content: "\e690";
 
+}
 
+
 
+.uniui-weixin:before {
 
+  content: "\e691";
 
+}
 
+
 
+.uniui-compose:before {
 
+  content: "\e67f";
 
+}
 
+
 
+.uniui-qq:before {
 
+  content: "\e680";
 
+}
 
+
 
+.uniui-download-filled:before {
 
+  content: "\e681";
 
+}
 
+
 
+.uniui-pyq:before {
 
+  content: "\e682";
 
+}
 
+
 
+.uniui-sound:before {
 
+  content: "\e684";
 
+}
 
+
 
+.uniui-trash-filled:before {
 
+  content: "\e685";
 
+}
 
+
 
+.uniui-sound-filled:before {
 
+  content: "\e686";
 
+}
 
+
 
+.uniui-trash:before {
 
+  content: "\e687";
 
+}
 
+
 
+.uniui-videocam-filled:before {
 
+  content: "\e689";
 
+}
 
+
 
+.uniui-spinner-cycle:before {
 
+  content: "\e68a";
 
+}
 
+
 
+.uniui-weibo:before {
 
+  content: "\e68b";
 
+}
 
+
 
+.uniui-videocam:before {
 
+  content: "\e68c";
 
+}
 
+
 
+.uniui-download:before {
 
+  content: "\e68d";
 
+}
 
+
 
+.uniui-help:before {
 
+  content: "\e679";
 
+}
 
+
 
+.uniui-navigate-filled:before {
 
+  content: "\e67a";
 
+}
 
+
 
+.uniui-plusempty:before {
 
+  content: "\e67b";
 
+}
 
+
 
+.uniui-smallcircle:before {
 
+  content: "\e67c";
 
+}
 
+
 
+.uniui-minus-filled:before {
 
+  content: "\e67d";
 
+}
 
+
 
+.uniui-micoff:before {
 
+  content: "\e67e";
 
+}
 
+
 
+.uniui-closeempty:before {
 
+  content: "\e66c";
 
+}
 
+
 
+.uniui-clear:before {
 
+  content: "\e66d";
 
+}
 
+
 
+.uniui-navigate:before {
 
+  content: "\e66e";
 
+}
 
+
 
+.uniui-minus:before {
 
+  content: "\e66f";
 
+}
 
+
 
+.uniui-image:before {
 
+  content: "\e670";
 
+}
 
+
 
+.uniui-mic:before {
 
+  content: "\e671";
 
+}
 
+
 
+.uniui-paperplane:before {
 
+  content: "\e672";
 
+}
 
+
 
+.uniui-close:before {
 
+  content: "\e673";
 
+}
 
+
 
+.uniui-help-filled:before {
 
+  content: "\e674";
 
+}
 
+
 
+.uniui-paperplane-filled:before {
 
+  content: "\e675";
 
+}
 
+
 
+.uniui-plus:before {
 
+  content: "\e676";
 
+}
 
+
 
+.uniui-mic-filled:before {
 
+  content: "\e677";
 
+}
 
+
 
+.uniui-image-filled:before {
 
+  content: "\e678";
 
+}
 
+
 
+.uniui-locked-filled:before {
 
+  content: "\e668";
 
+}
 
+
 
+.uniui-info:before {
 
+  content: "\e669";
 
+}
 
+
 
+.uniui-locked:before {
 
+  content: "\e66b";
 
+}
 
+
 
+.uniui-camera-filled:before {
 
+  content: "\e658";
 
+}
 
+
 
+.uniui-chat-filled:before {
 
+  content: "\e659";
 
+}
 
+
 
+.uniui-camera:before {
 
+  content: "\e65a";
 
+}
 
+
 
+.uniui-circle:before {
 
+  content: "\e65b";
 
+}
 
+
 
+.uniui-checkmarkempty:before {
 
+  content: "\e65c";
 
+}
 
+
 
+.uniui-chat:before {
 
+  content: "\e65d";
 
+}
 
+
 
+.uniui-circle-filled:before {
 
+  content: "\e65e";
 
+}
 
+
 
+.uniui-flag:before {
 
+  content: "\e65f";
 
+}
 
+
 
+.uniui-flag-filled:before {
 
+  content: "\e660";
 
+}
 
+
 
+.uniui-gear-filled:before {
 
+  content: "\e661";
 
+}
 
+
 
+.uniui-home:before {
 
+  content: "\e662";
 
+}
 
+
 
+.uniui-home-filled:before {
 
+  content: "\e663";
 
+}
 
+
 
+.uniui-gear:before {
 
+  content: "\e664";
 
+}
 
+
 
+.uniui-smallcircle-filled:before {
 
+  content: "\e665";
 
+}
 
+
 
+.uniui-map-filled:before {
 
+  content: "\e666";
 
+}
 
+
 
+.uniui-map:before {
 
+  content: "\e667";
 
+}
 
+
 
+.uniui-refresh-filled:before {
 
+  content: "\e656";
 
+}
 
+
 
+.uniui-refresh:before {
 
+  content: "\e657";
 
+}
 
+
 
+.uniui-cloud-upload:before {
 
+  content: "\e645";
 
+}
 
+
 
+.uniui-cloud-download-filled:before {
 
+  content: "\e646";
 
+}
 
+
 
+.uniui-cloud-download:before {
 
+  content: "\e647";
 
+}
 
+
 
+.uniui-cloud-upload-filled:before {
 
+  content: "\e648";
 
+}
 
+
 
+.uniui-redo:before {
 
+  content: "\e64a";
 
+}
 
+
 
+.uniui-images-filled:before {
 
+  content: "\e64b";
 
+}
 
+
 
+.uniui-undo-filled:before {
 
+  content: "\e64c";
 
+}
 
+
 
+.uniui-more:before {
 
+  content: "\e64d";
 
+}
 
+
 
+.uniui-more-filled:before {
 
+  content: "\e64e";
 
+}
 
+
 
+.uniui-undo:before {
 
+  content: "\e64f";
 
+}
 
+
 
+.uniui-images:before {
 
+  content: "\e650";
 
+}
 
+
 
+.uniui-paperclip:before {
 
+  content: "\e652";
 
+}
 
+
 
+.uniui-settings:before {
 
+  content: "\e653";
 
+}
 
+
 
+.uniui-search:before {
 
+  content: "\e654";
 
+}
 
+
 
+.uniui-redo-filled:before {
 
+  content: "\e655";
 
+}
 
+
 
+.uniui-list:before {
 
+  content: "\e644";
 
+}
 
+
 
+.uniui-mail-open-filled:before {
 
+  content: "\e63a";
 
+}
 
+
 
+.uniui-hand-down-filled:before {
 
+  content: "\e63c";
 
+}
 
+
 
+.uniui-hand-down:before {
 
+  content: "\e63d";
 
+}
 
+
 
+.uniui-hand-up-filled:before {
 
+  content: "\e63e";
 
+}
 
+
 
+.uniui-hand-up:before {
 
+  content: "\e63f";
 
+}
 
+
 
+.uniui-heart-filled:before {
 
+  content: "\e641";
 
+}
 
+
 
+.uniui-mail-open:before {
 
+  content: "\e643";
 
+}
 
+
 
+.uniui-heart:before {
 
+  content: "\e639";
 
+}
 
+
 
+.uniui-loop:before {
 
+  content: "\e633";
 
+}
 
+
 
+.uniui-pulldown:before {
 
+  content: "\e632";
 
+}
 
+
 
+.uniui-scan:before {
 
+  content: "\e62a";
 
+}
 
+
 
+.uniui-bars:before {
 
+  content: "\e627";
 
+}
 
+
 
+.uniui-checkbox:before {
 
+  content: "\e62b";
 
+}
 
+
 
+.uniui-checkbox-filled:before {
 
+  content: "\e62c";
 
+}
 
+
 
+.uniui-shop:before {
 
+  content: "\e62f";
 
+}
 
+
 
+.uniui-headphones:before {
 
+  content: "\e630";
 
+}
 
+
 
+.uniui-cart:before {
 
+  content: "\e631";
 
+}

BIN
uni_modules/uni-icons/components/uni-icons/uniicons.ttf
Ver arquivo


+ 664 - 0
uni_modules/uni-icons/components/uni-icons/uniicons_file.ts
Ver arquivo 

@@ -0,0 +1,664 @@
 
+
 
+export type IconsData = {
 
+	id : string
 
+	name : string
 
+	font_family : string
 
+	css_prefix_text : string
 
+	description : string
 
+	glyphs : Array<IconsDataItem>
 
+}
 
+
 
+export type IconsDataItem = {
 
+	font_class : string
 
+	unicode : string
 
+}
 
+
 
+
 
+export const fontData = [
 
+  {
 
+    "font_class": "arrow-down",
 
+    "unicode": "\ue6be"
 
+  },
 
+  {
 
+    "font_class": "arrow-left",
 
+    "unicode": "\ue6bc"
 
+  },
 
+  {
 
+    "font_class": "arrow-right",
 
+    "unicode": "\ue6bb"
 
+  },
 
+  {
 
+    "font_class": "arrow-up",
 
+    "unicode": "\ue6bd"
 
+  },
 
+  {
 
+    "font_class": "auth",
 
+    "unicode": "\ue6ab"
 
+  },
 
+  {
 
+    "font_class": "auth-filled",
 
+    "unicode": "\ue6cc"
 
+  },
 
+  {
 
+    "font_class": "back",
 
+    "unicode": "\ue6b9"
 
+  },
 
+  {
 
+    "font_class": "bars",
 
+    "unicode": "\ue627"
 
+  },
 
+  {
 
+    "font_class": "calendar",
 
+    "unicode": "\ue6a0"
 
+  },
 
+  {
 
+    "font_class": "calendar-filled",
 
+    "unicode": "\ue6c0"
 
+  },
 
+  {
 
+    "font_class": "camera",
 
+    "unicode": "\ue65a"
 
+  },
 
+  {
 
+    "font_class": "camera-filled",
 
+    "unicode": "\ue658"
 
+  },
 
+  {
 
+    "font_class": "cart",
 
+    "unicode": "\ue631"
 
+  },
 
+  {
 
+    "font_class": "cart-filled",
 
+    "unicode": "\ue6d0"
 
+  },
 
+  {
 
+    "font_class": "chat",
 
+    "unicode": "\ue65d"
 
+  },
 
+  {
 
+    "font_class": "chat-filled",
 
+    "unicode": "\ue659"
 
+  },
 
+  {
 
+    "font_class": "chatboxes",
 
+    "unicode": "\ue696"
 
+  },
 
+  {
 
+    "font_class": "chatboxes-filled",
 
+    "unicode": "\ue692"
 
+  },
 
+  {
 
+    "font_class": "chatbubble",
 
+    "unicode": "\ue697"
 
+  },
 
+  {
 
+    "font_class": "chatbubble-filled",
 
+    "unicode": "\ue694"
 
+  },
 
+  {
 
+    "font_class": "checkbox",
 
+    "unicode": "\ue62b"
 
+  },
 
+  {
 
+    "font_class": "checkbox-filled",
 
+    "unicode": "\ue62c"
 
+  },
 
+  {
 
+    "font_class": "checkmarkempty",
 
+    "unicode": "\ue65c"
 
+  },
 
+  {
 
+    "font_class": "circle",
 
+    "unicode": "\ue65b"
 
+  },
 
+  {
 
+    "font_class": "circle-filled",
 
+    "unicode": "\ue65e"
 
+  },
 
+  {
 
+    "font_class": "clear",
 
+    "unicode": "\ue66d"
 
+  },
 
+  {
 
+    "font_class": "close",
 
+    "unicode": "\ue673"
 
+  },
 
+  {
 
+    "font_class": "closeempty",
 
+    "unicode": "\ue66c"
 
+  },
 
+  {
 
+    "font_class": "cloud-download",
 
+    "unicode": "\ue647"
 
+  },
 
+  {
 
+    "font_class": "cloud-download-filled",
 
+    "unicode": "\ue646"
 
+  },
 
+  {
 
+    "font_class": "cloud-upload",
 
+    "unicode": "\ue645"
 
+  },
 
+  {
 
+    "font_class": "cloud-upload-filled",
 
+    "unicode": "\ue648"
 
+  },
 
+  {
 
+    "font_class": "color",
 
+    "unicode": "\ue6cf"
 
+  },
 
+  {
 
+    "font_class": "color-filled",
 
+    "unicode": "\ue6c9"
 
+  },
 
+  {
 
+    "font_class": "compose",
 
+    "unicode": "\ue67f"
 
+  },
 
+  {
 
+    "font_class": "contact",
 
+    "unicode": "\ue693"
 
+  },
 
+  {
 
+    "font_class": "contact-filled",
 
+    "unicode": "\ue695"
 
+  },
 
+  {
 
+    "font_class": "down",
 
+    "unicode": "\ue6b8"
 
+  },
 
+	{
 
+	  "font_class": "bottom",
 
+	  "unicode": "\ue6b8"
 
+	},
 
+  {
 
+    "font_class": "download",
 
+    "unicode": "\ue68d"
 
+  },
 
+  {
 
+    "font_class": "download-filled",
 
+    "unicode": "\ue681"
 
+  },
 
+  {
 
+    "font_class": "email",
 
+    "unicode": "\ue69e"
 
+  },
 
+  {
 
+    "font_class": "email-filled",
 
+    "unicode": "\ue69a"
 
+  },
 
+  {
 
+    "font_class": "eye",
 
+    "unicode": "\ue651"
 
+  },
 
+  {
 
+    "font_class": "eye-filled",
 
+    "unicode": "\ue66a"
 
+  },
 
+  {
 
+    "font_class": "eye-slash",
 
+    "unicode": "\ue6b3"
 
+  },
 
+  {
 
+    "font_class": "eye-slash-filled",
 
+    "unicode": "\ue6b4"
 
+  },
 
+  {
 
+    "font_class": "fire",
 
+    "unicode": "\ue6a1"
 
+  },
 
+  {
 
+    "font_class": "fire-filled",
 
+    "unicode": "\ue6c5"
 
+  },
 
+  {
 
+    "font_class": "flag",
 
+    "unicode": "\ue65f"
 
+  },
 
+  {
 
+    "font_class": "flag-filled",
 
+    "unicode": "\ue660"
 
+  },
 
+  {
 
+    "font_class": "folder-add",
 
+    "unicode": "\ue6a9"
 
+  },
 
+  {
 
+    "font_class": "folder-add-filled",
 
+    "unicode": "\ue6c8"
 
+  },
 
+  {
 
+    "font_class": "font",
 
+    "unicode": "\ue6a3"
 
+  },
 
+  {
 
+    "font_class": "forward",
 
+    "unicode": "\ue6ba"
 
+  },
 
+  {
 
+    "font_class": "gear",
 
+    "unicode": "\ue664"
 
+  },
 
+  {
 
+    "font_class": "gear-filled",
 
+    "unicode": "\ue661"
 
+  },
 
+  {
 
+    "font_class": "gift",
 
+    "unicode": "\ue6a4"
 
+  },
 
+  {
 
+    "font_class": "gift-filled",
 
+    "unicode": "\ue6c4"
 
+  },
 
+  {
 
+    "font_class": "hand-down",
 
+    "unicode": "\ue63d"
 
+  },
 
+  {
 
+    "font_class": "hand-down-filled",
 
+    "unicode": "\ue63c"
 
+  },
 
+  {
 
+    "font_class": "hand-up",
 
+    "unicode": "\ue63f"
 
+  },
 
+  {
 
+    "font_class": "hand-up-filled",
 
+    "unicode": "\ue63e"
 
+  },
 
+  {
 
+    "font_class": "headphones",
 
+    "unicode": "\ue630"
 
+  },
 
+  {
 
+    "font_class": "heart",
 
+    "unicode": "\ue639"
 
+  },
 
+  {
 
+    "font_class": "heart-filled",
 
+    "unicode": "\ue641"
 
+  },
 
+  {
 
+    "font_class": "help",
 
+    "unicode": "\ue679"
 
+  },
 
+  {
 
+    "font_class": "help-filled",
 
+    "unicode": "\ue674"
 
+  },
 
+  {
 
+    "font_class": "home",
 
+    "unicode": "\ue662"
 
+  },
 
+  {
 
+    "font_class": "home-filled",
 
+    "unicode": "\ue663"
 
+  },
 
+  {
 
+    "font_class": "image",
 
+    "unicode": "\ue670"
 
+  },
 
+  {
 
+    "font_class": "image-filled",
 
+    "unicode": "\ue678"
 
+  },
 
+  {
 
+    "font_class": "images",
 
+    "unicode": "\ue650"
 
+  },
 
+  {
 
+    "font_class": "images-filled",
 
+    "unicode": "\ue64b"
 
+  },
 
+  {
 
+    "font_class": "info",
 
+    "unicode": "\ue669"
 
+  },
 
+  {
 
+    "font_class": "info-filled",
 
+    "unicode": "\ue649"
 
+  },
 
+  {
 
+    "font_class": "left",
 
+    "unicode": "\ue6b7"
 
+  },
 
+  {
 
+    "font_class": "link",
 
+    "unicode": "\ue6a5"
 
+  },
 
+  {
 
+    "font_class": "list",
 
+    "unicode": "\ue644"
 
+  },
 
+  {
 
+    "font_class": "location",
 
+    "unicode": "\ue6ae"
 
+  },
 
+  {
 
+    "font_class": "location-filled",
 
+    "unicode": "\ue6af"
 
+  },
 
+  {
 
+    "font_class": "locked",
 
+    "unicode": "\ue66b"
 
+  },
 
+  {
 
+    "font_class": "locked-filled",
 
+    "unicode": "\ue668"
 
+  },
 
+  {
 
+    "font_class": "loop",
 
+    "unicode": "\ue633"
 
+  },
 
+  {
 
+    "font_class": "mail-open",
 
+    "unicode": "\ue643"
 
+  },
 
+  {
 
+    "font_class": "mail-open-filled",
 
+    "unicode": "\ue63a"
 
+  },
 
+  {
 
+    "font_class": "map",
 
+    "unicode": "\ue667"
 
+  },
 
+  {
 
+    "font_class": "map-filled",
 
+    "unicode": "\ue666"
 
+  },
 
+  {
 
+    "font_class": "map-pin",
 
+    "unicode": "\ue6ad"
 
+  },
 
+  {
 
+    "font_class": "map-pin-ellipse",
 
+    "unicode": "\ue6ac"
 
+  },
 
+  {
 
+    "font_class": "medal",
 
+    "unicode": "\ue6a2"
 
+  },
 
+  {
 
+    "font_class": "medal-filled",
 
+    "unicode": "\ue6c3"
 
+  },
 
+  {
 
+    "font_class": "mic",
 
+    "unicode": "\ue671"
 
+  },
 
+  {
 
+    "font_class": "mic-filled",
 
+    "unicode": "\ue677"
 
+  },
 
+  {
 
+    "font_class": "micoff",
 
+    "unicode": "\ue67e"
 
+  },
 
+  {
 
+    "font_class": "micoff-filled",
 
+    "unicode": "\ue6b0"
 
+  },
 
+  {
 
+    "font_class": "minus",
 
+    "unicode": "\ue66f"
 
+  },
 
+  {
 
+    "font_class": "minus-filled",
 
+    "unicode": "\ue67d"
 
+  },
 
+  {
 
+    "font_class": "more",
 
+    "unicode": "\ue64d"
 
+  },
 
+  {
 
+    "font_class": "more-filled",
 
+    "unicode": "\ue64e"
 
+  },
 
+  {
 
+    "font_class": "navigate",
 
+    "unicode": "\ue66e"
 
+  },
 
+  {
 
+    "font_class": "navigate-filled",
 
+    "unicode": "\ue67a"
 
+  },
 
+  {
 
+    "font_class": "notification",
 
+    "unicode": "\ue6a6"
 
+  },
 
+  {
 
+    "font_class": "notification-filled",
 
+    "unicode": "\ue6c1"
 
+  },
 
+  {
 
+    "font_class": "paperclip",
 
+    "unicode": "\ue652"
 
+  },
 
+  {
 
+    "font_class": "paperplane",
 
+    "unicode": "\ue672"
 
+  },
 
+  {
 
+    "font_class": "paperplane-filled",
 
+    "unicode": "\ue675"
 
+  },
 
+  {
 
+    "font_class": "person",
 
+    "unicode": "\ue699"
 
+  },
 
+  {
 
+    "font_class": "person-filled",
 
+    "unicode": "\ue69d"
 
+  },
 
+  {
 
+    "font_class": "personadd",
 
+    "unicode": "\ue69f"
 
+  },
 
+  {
 
+    "font_class": "personadd-filled",
 
+    "unicode": "\ue698"
 
+  },
 
+  {
 
+    "font_class": "personadd-filled-copy",
 
+    "unicode": "\ue6d1"
 
+  },
 
+  {
 
+    "font_class": "phone",
 
+    "unicode": "\ue69c"
 
+  },
 
+  {
 
+    "font_class": "phone-filled",
 
+    "unicode": "\ue69b"
 
+  },
 
+  {
 
+    "font_class": "plus",
 
+    "unicode": "\ue676"
 
+  },
 
+  {
 
+    "font_class": "plus-filled",
 
+    "unicode": "\ue6c7"
 
+  },
 
+  {
 
+    "font_class": "plusempty",
 
+    "unicode": "\ue67b"
 
+  },
 
+  {
 
+    "font_class": "pulldown",
 
+    "unicode": "\ue632"
 
+  },
 
+  {
 
+    "font_class": "pyq",
 
+    "unicode": "\ue682"
 
+  },
 
+  {
 
+    "font_class": "qq",
 
+    "unicode": "\ue680"
 
+  },
 
+  {
 
+    "font_class": "redo",
 
+    "unicode": "\ue64a"
 
+  },
 
+  {
 
+    "font_class": "redo-filled",
 
+    "unicode": "\ue655"
 
+  },
 
+  {
 
+    "font_class": "refresh",
 
+    "unicode": "\ue657"
 
+  },
 
+  {
 
+    "font_class": "refresh-filled",
 
+    "unicode": "\ue656"
 
+  },
 
+  {
 
+    "font_class": "refreshempty",
 
+    "unicode": "\ue6bf"
 
+  },
 
+  {
 
+    "font_class": "reload",
 
+    "unicode": "\ue6b2"
 
+  },
 
+  {
 
+    "font_class": "right",
 
+    "unicode": "\ue6b5"
 
+  },
 
+  {
 
+    "font_class": "scan",
 
+    "unicode": "\ue62a"
 
+  },
 
+  {
 
+    "font_class": "search",
 
+    "unicode": "\ue654"
 
+  },
 
+  {
 
+    "font_class": "settings",
 
+    "unicode": "\ue653"
 
+  },
 
+  {
 
+    "font_class": "settings-filled",
 
+    "unicode": "\ue6ce"
 
+  },
 
+  {
 
+    "font_class": "shop",
 
+    "unicode": "\ue62f"
 
+  },
 
+  {
 
+    "font_class": "shop-filled",
 
+    "unicode": "\ue6cd"
 
+  },
 
+  {
 
+    "font_class": "smallcircle",
 
+    "unicode": "\ue67c"
 
+  },
 
+  {
 
+    "font_class": "smallcircle-filled",
 
+    "unicode": "\ue665"
 
+  },
 
+  {
 
+    "font_class": "sound",
 
+    "unicode": "\ue684"
 
+  },
 
+  {
 
+    "font_class": "sound-filled",
 
+    "unicode": "\ue686"
 
+  },
 
+  {
 
+    "font_class": "spinner-cycle",
 
+    "unicode": "\ue68a"
 
+  },
 
+  {
 
+    "font_class": "staff",
 
+    "unicode": "\ue6a7"
 
+  },
 
+  {
 
+    "font_class": "staff-filled",
 
+    "unicode": "\ue6cb"
 
+  },
 
+  {
 
+    "font_class": "star",
 
+    "unicode": "\ue688"
 
+  },
 
+  {
 
+    "font_class": "star-filled",
 
+    "unicode": "\ue68f"
 
+  },
 
+  {
 
+    "font_class": "starhalf",
 
+    "unicode": "\ue683"
 
+  },
 
+  {
 
+    "font_class": "trash",
 
+    "unicode": "\ue687"
 
+  },
 
+  {
 
+    "font_class": "trash-filled",
 
+    "unicode": "\ue685"
 
+  },
 
+  {
 
+    "font_class": "tune",
 
+    "unicode": "\ue6aa"
 
+  },
 
+  {
 
+    "font_class": "tune-filled",
 
+    "unicode": "\ue6ca"
 
+  },
 
+  {
 
+    "font_class": "undo",
 
+    "unicode": "\ue64f"
 
+  },
 
+  {
 
+    "font_class": "undo-filled",
 
+    "unicode": "\ue64c"
 
+  },
 
+  {
 
+    "font_class": "up",
 
+    "unicode": "\ue6b6"
 
+  },
 
+	{
 
+	  "font_class": "top",
 
+	  "unicode": "\ue6b6"
 
+	},
 
+  {
 
+    "font_class": "upload",
 
+    "unicode": "\ue690"
 
+  },
 
+  {
 
+    "font_class": "upload-filled",
 
+    "unicode": "\ue68e"
 
+  },
 
+  {
 
+    "font_class": "videocam",
 
+    "unicode": "\ue68c"
 
+  },
 
+  {
 
+    "font_class": "videocam-filled",
 
+    "unicode": "\ue689"
 
+  },
 
+  {
 
+    "font_class": "vip",
 
+    "unicode": "\ue6a8"
 
+  },
 
+  {
 
+    "font_class": "vip-filled",
 
+    "unicode": "\ue6c6"
 
+  },
 
+  {
 
+    "font_class": "wallet",
 
+    "unicode": "\ue6b1"
 
+  },
 
+  {
 
+    "font_class": "wallet-filled",
 
+    "unicode": "\ue6c2"
 
+  },
 
+  {
 
+    "font_class": "weibo",
 
+    "unicode": "\ue68b"
 
+  },
 
+  {
 
+    "font_class": "weixin",
 
+    "unicode": "\ue691"
 
+  }
 
+] as IconsDataItem[]
 
+
 
+// export const fontData = JSON.parse<IconsDataItem>(fontDataJson)

+ 649 - 0
uni_modules/uni-icons/components/uni-icons/uniicons_file_vue.js
Ver arquivo 

@@ -0,0 +1,649 @@
 
+
 
+export const fontData = [
 
+  {
 
+    "font_class": "arrow-down",
 
+    "unicode": "\ue6be"
 
+  },
 
+  {
 
+    "font_class": "arrow-left",
 
+    "unicode": "\ue6bc"
 
+  },
 
+  {
 
+    "font_class": "arrow-right",
 
+    "unicode": "\ue6bb"
 
+  },
 
+  {
 
+    "font_class": "arrow-up",
 
+    "unicode": "\ue6bd"
 
+  },
 
+  {
 
+    "font_class": "auth",
 
+    "unicode": "\ue6ab"
 
+  },
 
+  {
 
+    "font_class": "auth-filled",
 
+    "unicode": "\ue6cc"
 
+  },
 
+  {
 
+    "font_class": "back",
 
+    "unicode": "\ue6b9"
 
+  },
 
+  {
 
+    "font_class": "bars",
 
+    "unicode": "\ue627"
 
+  },
 
+  {
 
+    "font_class": "calendar",
 
+    "unicode": "\ue6a0"
 
+  },
 
+  {
 
+    "font_class": "calendar-filled",
 
+    "unicode": "\ue6c0"
 
+  },
 
+  {
 
+    "font_class": "camera",
 
+    "unicode": "\ue65a"
 
+  },
 
+  {
 
+    "font_class": "camera-filled",
 
+    "unicode": "\ue658"
 
+  },
 
+  {
 
+    "font_class": "cart",
 
+    "unicode": "\ue631"
 
+  },
 
+  {
 
+    "font_class": "cart-filled",
 
+    "unicode": "\ue6d0"
 
+  },
 
+  {
 
+    "font_class": "chat",
 
+    "unicode": "\ue65d"
 
+  },
 
+  {
 
+    "font_class": "chat-filled",
 
+    "unicode": "\ue659"
 
+  },
 
+  {
 
+    "font_class": "chatboxes",
 
+    "unicode": "\ue696"
 
+  },
 
+  {
 
+    "font_class": "chatboxes-filled",
 
+    "unicode": "\ue692"
 
+  },
 
+  {
 
+    "font_class": "chatbubble",
 
+    "unicode": "\ue697"
 
+  },
 
+  {
 
+    "font_class": "chatbubble-filled",
 
+    "unicode": "\ue694"
 
+  },
 
+  {
 
+    "font_class": "checkbox",
 
+    "unicode": "\ue62b"
 
+  },
 
+  {
 
+    "font_class": "checkbox-filled",
 
+    "unicode": "\ue62c"
 
+  },
 
+  {
 
+    "font_class": "checkmarkempty",
 
+    "unicode": "\ue65c"
 
+  },
 
+  {
 
+    "font_class": "circle",
 
+    "unicode": "\ue65b"
 
+  },
 
+  {
 
+    "font_class": "circle-filled",
 
+    "unicode": "\ue65e"
 
+  },
 
+  {
 
+    "font_class": "clear",
 
+    "unicode": "\ue66d"
 
+  },
 
+  {
 
+    "font_class": "close",
 
+    "unicode": "\ue673"
 
+  },
 
+  {
 
+    "font_class": "closeempty",
 
+    "unicode": "\ue66c"
 
+  },
 
+  {
 
+    "font_class": "cloud-download",
 
+    "unicode": "\ue647"
 
+  },
 
+  {
 
+    "font_class": "cloud-download-filled",
 
+    "unicode": "\ue646"
 
+  },
 
+  {
 
+    "font_class": "cloud-upload",
 
+    "unicode": "\ue645"
 
+  },
 
+  {
 
+    "font_class": "cloud-upload-filled",
 
+    "unicode": "\ue648"
 
+  },
 
+  {
 
+    "font_class": "color",
 
+    "unicode": "\ue6cf"
 
+  },
 
+  {
 
+    "font_class": "color-filled",
 
+    "unicode": "\ue6c9"
 
+  },
 
+  {
 
+    "font_class": "compose",
 
+    "unicode": "\ue67f"
 
+  },
 
+  {
 
+    "font_class": "contact",
 
+    "unicode": "\ue693"
 
+  },
 
+  {
 
+    "font_class": "contact-filled",
 
+    "unicode": "\ue695"
 
+  },
 
+  {
 
+    "font_class": "down",
 
+    "unicode": "\ue6b8"
 
+  },
 
+	{
 
+	  "font_class": "bottom",
 
+	  "unicode": "\ue6b8"
 
+	},
 
+  {
 
+    "font_class": "download",
 
+    "unicode": "\ue68d"
 
+  },
 
+  {
 
+    "font_class": "download-filled",
 
+    "unicode": "\ue681"
 
+  },
 
+  {
 
+    "font_class": "email",
 
+    "unicode": "\ue69e"
 
+  },
 
+  {
 
+    "font_class": "email-filled",
 
+    "unicode": "\ue69a"
 
+  },
 
+  {
 
+    "font_class": "eye",
 
+    "unicode": "\ue651"
 
+  },
 
+  {
 
+    "font_class": "eye-filled",
 
+    "unicode": "\ue66a"
 
+  },
 
+  {
 
+    "font_class": "eye-slash",
 
+    "unicode": "\ue6b3"
 
+  },
 
+  {
 
+    "font_class": "eye-slash-filled",
 
+    "unicode": "\ue6b4"
 
+  },
 
+  {
 
+    "font_class": "fire",
 
+    "unicode": "\ue6a1"
 
+  },
 
+  {
 
+    "font_class": "fire-filled",
 
+    "unicode": "\ue6c5"
 
+  },
 
+  {
 
+    "font_class": "flag",
 
+    "unicode": "\ue65f"
 
+  },
 
+  {
 
+    "font_class": "flag-filled",
 
+    "unicode": "\ue660"
 
+  },
 
+  {
 
+    "font_class": "folder-add",
 
+    "unicode": "\ue6a9"
 
+  },
 
+  {
 
+    "font_class": "folder-add-filled",
 
+    "unicode": "\ue6c8"
 
+  },
 
+  {
 
+    "font_class": "font",
 
+    "unicode": "\ue6a3"
 
+  },
 
+  {
 
+    "font_class": "forward",
 
+    "unicode": "\ue6ba"
 
+  },
 
+  {
 
+    "font_class": "gear",
 
+    "unicode": "\ue664"
 
+  },
 
+  {
 
+    "font_class": "gear-filled",
 
+    "unicode": "\ue661"
 
+  },
 
+  {
 
+    "font_class": "gift",
 
+    "unicode": "\ue6a4"
 
+  },
 
+  {
 
+    "font_class": "gift-filled",
 
+    "unicode": "\ue6c4"
 
+  },
 
+  {
 
+    "font_class": "hand-down",
 
+    "unicode": "\ue63d"
 
+  },
 
+  {
 
+    "font_class": "hand-down-filled",
 
+    "unicode": "\ue63c"
 
+  },
 
+  {
 
+    "font_class": "hand-up",
 
+    "unicode": "\ue63f"
 
+  },
 
+  {
 
+    "font_class": "hand-up-filled",
 
+    "unicode": "\ue63e"
 
+  },
 
+  {
 
+    "font_class": "headphones",
 
+    "unicode": "\ue630"
 
+  },
 
+  {
 
+    "font_class": "heart",
 
+    "unicode": "\ue639"
 
+  },
 
+  {
 
+    "font_class": "heart-filled",
 
+    "unicode": "\ue641"
 
+  },
 
+  {
 
+    "font_class": "help",
 
+    "unicode": "\ue679"
 
+  },
 
+  {
 
+    "font_class": "help-filled",
 
+    "unicode": "\ue674"
 
+  },
 
+  {
 
+    "font_class": "home",
 
+    "unicode": "\ue662"
 
+  },
 
+  {
 
+    "font_class": "home-filled",
 
+    "unicode": "\ue663"
 
+  },
 
+  {
 
+    "font_class": "image",
 
+    "unicode": "\ue670"
 
+  },
 
+  {
 
+    "font_class": "image-filled",
 
+    "unicode": "\ue678"
 
+  },
 
+  {
 
+    "font_class": "images",
 
+    "unicode": "\ue650"
 
+  },
 
+  {
 
+    "font_class": "images-filled",
 
+    "unicode": "\ue64b"
 
+  },
 
+  {
 
+    "font_class": "info",
 
+    "unicode": "\ue669"
 
+  },
 
+  {
 
+    "font_class": "info-filled",
 
+    "unicode": "\ue649"
 
+  },
 
+  {
 
+    "font_class": "left",
 
+    "unicode": "\ue6b7"
 
+  },
 
+  {
 
+    "font_class": "link",
 
+    "unicode": "\ue6a5"
 
+  },
 
+  {
 
+    "font_class": "list",
 
+    "unicode": "\ue644"
 
+  },
 
+  {
 
+    "font_class": "location",
 
+    "unicode": "\ue6ae"
 
+  },
 
+  {
 
+    "font_class": "location-filled",
 
+    "unicode": "\ue6af"
 
+  },
 
+  {
 
+    "font_class": "locked",
 
+    "unicode": "\ue66b"
 
+  },
 
+  {
 
+    "font_class": "locked-filled",
 
+    "unicode": "\ue668"
 
+  },
 
+  {
 
+    "font_class": "loop",
 
+    "unicode": "\ue633"
 
+  },
 
+  {
 
+    "font_class": "mail-open",
 
+    "unicode": "\ue643"
 
+  },
 
+  {
 
+    "font_class": "mail-open-filled",
 
+    "unicode": "\ue63a"
 
+  },
 
+  {
 
+    "font_class": "map",
 
+    "unicode": "\ue667"
 
+  },
 
+  {
 
+    "font_class": "map-filled",
 
+    "unicode": "\ue666"
 
+  },
 
+  {
 
+    "font_class": "map-pin",
 
+    "unicode": "\ue6ad"
 
+  },
 
+  {
 
+    "font_class": "map-pin-ellipse",
 
+    "unicode": "\ue6ac"
 
+  },
 
+  {
 
+    "font_class": "medal",
 
+    "unicode": "\ue6a2"
 
+  },
 
+  {
 
+    "font_class": "medal-filled",
 
+    "unicode": "\ue6c3"
 
+  },
 
+  {
 
+    "font_class": "mic",
 
+    "unicode": "\ue671"
 
+  },
 
+  {
 
+    "font_class": "mic-filled",
 
+    "unicode": "\ue677"
 
+  },
 
+  {
 
+    "font_class": "micoff",
 
+    "unicode": "\ue67e"
 
+  },
 
+  {
 
+    "font_class": "micoff-filled",
 
+    "unicode": "\ue6b0"
 
+  },
 
+  {
 
+    "font_class": "minus",
 
+    "unicode": "\ue66f"
 
+  },
 
+  {
 
+    "font_class": "minus-filled",
 
+    "unicode": "\ue67d"
 
+  },
 
+  {
 
+    "font_class": "more",
 
+    "unicode": "\ue64d"
 
+  },
 
+  {
 
+    "font_class": "more-filled",
 
+    "unicode": "\ue64e"
 
+  },
 
+  {
 
+    "font_class": "navigate",
 
+    "unicode": "\ue66e"
 
+  },
 
+  {
 
+    "font_class": "navigate-filled",
 
+    "unicode": "\ue67a"
 
+  },
 
+  {
 
+    "font_class": "notification",
 
+    "unicode": "\ue6a6"
 
+  },
 
+  {
 
+    "font_class": "notification-filled",
 
+    "unicode": "\ue6c1"
 
+  },
 
+  {
 
+    "font_class": "paperclip",
 
+    "unicode": "\ue652"
 
+  },
 
+  {
 
+    "font_class": "paperplane",
 
+    "unicode": "\ue672"
 
+  },
 
+  {
 
+    "font_class": "paperplane-filled",
 
+    "unicode": "\ue675"
 
+  },
 
+  {
 
+    "font_class": "person",
 
+    "unicode": "\ue699"
 
+  },
 
+  {
 
+    "font_class": "person-filled",
 
+    "unicode": "\ue69d"
 
+  },
 
+  {
 
+    "font_class": "personadd",
 
+    "unicode": "\ue69f"
 
+  },
 
+  {
 
+    "font_class": "personadd-filled",
 
+    "unicode": "\ue698"
 
+  },
 
+  {
 
+    "font_class": "personadd-filled-copy",
 
+    "unicode": "\ue6d1"
 
+  },
 
+  {
 
+    "font_class": "phone",
 
+    "unicode": "\ue69c"
 
+  },
 
+  {
 
+    "font_class": "phone-filled",
 
+    "unicode": "\ue69b"
 
+  },
 
+  {
 
+    "font_class": "plus",
 
+    "unicode": "\ue676"
 
+  },
 
+  {
 
+    "font_class": "plus-filled",
 
+    "unicode": "\ue6c7"
 
+  },
 
+  {
 
+    "font_class": "plusempty",
 
+    "unicode": "\ue67b"
 
+  },
 
+  {
 
+    "font_class": "pulldown",
 
+    "unicode": "\ue632"
 
+  },
 
+  {
 
+    "font_class": "pyq",
 
+    "unicode": "\ue682"
 
+  },
 
+  {
 
+    "font_class": "qq",
 
+    "unicode": "\ue680"
 
+  },
 
+  {
 
+    "font_class": "redo",
 
+    "unicode": "\ue64a"
 
+  },
 
+  {
 
+    "font_class": "redo-filled",
 
+    "unicode": "\ue655"
 
+  },
 
+  {
 
+    "font_class": "refresh",
 
+    "unicode": "\ue657"
 
+  },
 
+  {
 
+    "font_class": "refresh-filled",
 
+    "unicode": "\ue656"
 
+  },
 
+  {
 
+    "font_class": "refreshempty",
 
+    "unicode": "\ue6bf"
 
+  },
 
+  {
 
+    "font_class": "reload",
 
+    "unicode": "\ue6b2"
 
+  },
 
+  {
 
+    "font_class": "right",
 
+    "unicode": "\ue6b5"
 
+  },
 
+  {
 
+    "font_class": "scan",
 
+    "unicode": "\ue62a"
 
+  },
 
+  {
 
+    "font_class": "search",
 
+    "unicode": "\ue654"
 
+  },
 
+  {
 
+    "font_class": "settings",
 
+    "unicode": "\ue653"
 
+  },
 
+  {
 
+    "font_class": "settings-filled",
 
+    "unicode": "\ue6ce"
 
+  },
 
+  {
 
+    "font_class": "shop",
 
+    "unicode": "\ue62f"
 
+  },
 
+  {
 
+    "font_class": "shop-filled",
 
+    "unicode": "\ue6cd"
 
+  },
 
+  {
 
+    "font_class": "smallcircle",
 
+    "unicode": "\ue67c"
 
+  },
 
+  {
 
+    "font_class": "smallcircle-filled",
 
+    "unicode": "\ue665"
 
+  },
 
+  {
 
+    "font_class": "sound",
 
+    "unicode": "\ue684"
 
+  },
 
+  {
 
+    "font_class": "sound-filled",
 
+    "unicode": "\ue686"
 
+  },
 
+  {
 
+    "font_class": "spinner-cycle",
 
+    "unicode": "\ue68a"
 
+  },
 
+  {
 
+    "font_class": "staff",
 
+    "unicode": "\ue6a7"
 
+  },
 
+  {
 
+    "font_class": "staff-filled",
 
+    "unicode": "\ue6cb"
 
+  },
 
+  {
 
+    "font_class": "star",
 
+    "unicode": "\ue688"
 
+  },
 
+  {
 
+    "font_class": "star-filled",
 
+    "unicode": "\ue68f"
 
+  },
 
+  {
 
+    "font_class": "starhalf",
 
+    "unicode": "\ue683"
 
+  },
 
+  {
 
+    "font_class": "trash",
 
+    "unicode": "\ue687"
 
+  },
 
+  {
 
+    "font_class": "trash-filled",
 
+    "unicode": "\ue685"
 
+  },
 
+  {
 
+    "font_class": "tune",
 
+    "unicode": "\ue6aa"
 
+  },
 
+  {
 
+    "font_class": "tune-filled",
 
+    "unicode": "\ue6ca"
 
+  },
 
+  {
 
+    "font_class": "undo",
 
+    "unicode": "\ue64f"
 
+  },
 
+  {
 
+    "font_class": "undo-filled",
 
+    "unicode": "\ue64c"
 
+  },
 
+  {
 
+    "font_class": "up",
 
+    "unicode": "\ue6b6"
 
+  },
 
+	{
 
+	  "font_class": "top",
 
+	  "unicode": "\ue6b6"
 
+	},
 
+  {
 
+    "font_class": "upload",
 
+    "unicode": "\ue690"
 
+  },
 
+  {
 
+    "font_class": "upload-filled",
 
+    "unicode": "\ue68e"
 
+  },
 
+  {
 
+    "font_class": "videocam",
 
+    "unicode": "\ue68c"
 
+  },
 
+  {
 
+    "font_class": "videocam-filled",
 
+    "unicode": "\ue689"
 
+  },
 
+  {
 
+    "font_class": "vip",
 
+    "unicode": "\ue6a8"
 
+  },
 
+  {
 
+    "font_class": "vip-filled",
 
+    "unicode": "\ue6c6"
 
+  },
 
+  {
 
+    "font_class": "wallet",
 
+    "unicode": "\ue6b1"
 
+  },
 
+  {
 
+    "font_class": "wallet-filled",
 
+    "unicode": "\ue6c2"
 
+  },
 
+  {
 
+    "font_class": "weibo",
 
+    "unicode": "\ue68b"
 
+  },
 
+  {
 
+    "font_class": "weixin",
 
+    "unicode": "\ue691"
 
+  }
 
+]
 
+
 
+// export const fontData = JSON.parse<IconsDataItem>(fontDataJson)

+ 89 - 0
uni_modules/uni-icons/package.json
Ver arquivo 

@@ -0,0 +1,89 @@
 
+{
 
+  "id": "uni-icons",
 
+  "displayName": "uni-icons 图标",
 
+  "version": "2.0.10",
 
+  "description": "图标组件，用于展示移动端常见的图标，可自定义颜色、大小。",
 
+  "keywords": [
 
+    "uni-ui",
 
+    "uniui",
 
+    "icon",
 
+    "图标"
 
+],
 
+  "repository": "https://github.com/dcloudio/uni-ui",
 
+  "engines": {
 
+    "HBuilderX": "^3.2.14"
 
+  },
 
+  "directories": {
 
+    "example": "../../temps/example_temps"
 
+  },
 
+"dcloudext": {
 
+    "sale": {
 
+      "regular": {
 
+        "price": "0.00"
 
+      },
 
+      "sourcecode": {
 
+        "price": "0.00"
 
+      }
 
+    },
 
+    "contact": {
 
+      "qq": ""
 
+    },
 
+    "declaration": {
 
+      "ads": "无",
 
+      "data": "无",
 
+      "permissions": "无"
 
+    },
 
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
 
+    "type": "component-vue"
 
+  },
 
+  "uni_modules": {
 
+    "dependencies": ["uni-scss"],
 
+    "encrypt": [],
 
+    "platforms": {
 
+      "cloud": {
 
+        "tcb": "y",
 
+        "aliyun": "y",
 
+        "alipay": "n"
 
+      },
 
+      "client": {
 
+        "App": {
 
+          "app-vue": "y",
 
+          "app-nvue": "y",
 
+          "app-uvue": "y"
 
+        },
 
+        "H5-mobile": {
 
+          "Safari": "y",
 
+          "Android Browser": "y",
 
+          "微信浏览器(Android)": "y",
 
+          "QQ浏览器(Android)": "y"
 
+        },
 
+        "H5-pc": {
 
+          "Chrome": "y",
 
+          "IE": "y",
 
+          "Edge": "y",
 
+          "Firefox": "y",
 
+          "Safari": "y"
 
+        },
 
+        "小程序": {
 
+          "微信": "y",
 
+          "阿里": "y",
 
+          "百度": "y",
 
+          "字节跳动": "y",
 
+          "QQ": "y",
 
+					"钉钉": "y",
 
+					"快手": "y",
 
+					"飞书": "y",
 
+					"京东": "y"
 
+        },
 
+        "快应用": {
 
+          "华为": "y",
 
+          "联盟": "y"
 
+        },
 
+        "Vue": {
 
+            "vue2": "y",
 
+            "vue3": "y"
 
+        }
 
+      }
 
+    }
 
+  }
 
+}

+ 8 - 0
uni_modules/uni-icons/readme.md
Ver arquivo 

@@ -0,0 +1,8 @@
 
+## Icons 图标
 
+> **组件名：uni-icons**
 
+> 代码块： `uIcons`
 
+
 
+用于展示 icons 图标 。
 
+
 
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-icons)
 
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839

+ 8 - 0
uni_modules/uni-scss/changelog.md
Ver arquivo 

@@ -0,0 +1,8 @@
 
+## 1.0.3（2022-01-21）
 
+- 优化 组件示例
 
+## 1.0.2（2021-11-22）
 
+- 修复 / 符号在 vue 不同版本兼容问题引起的报错问题
 
+## 1.0.1（2021-11-22）
 
+- 修复 vue3中scss语法兼容问题
 
+## 1.0.0（2021-11-18）
 
+- init

+ 1 - 0
uni_modules/uni-scss/index.scss
Ver arquivo 

@@ -0,0 +1 @@
 
+@import './styles/index.scss';

+ 82 - 0
uni_modules/uni-scss/package.json
Ver arquivo 

@@ -0,0 +1,82 @@
 
+{
 
+  "id": "uni-scss",
 
+  "displayName": "uni-scss 辅助样式",
 
+  "version": "1.0.3",
 
+  "description": "uni-sass是uni-ui提供的一套全局样式 ，通过一些简单的类名和sass变量，实现简单的页面布局操作，比如颜色、边距、圆角等。",
 
+  "keywords": [
 
+    "uni-scss",
 
+    "uni-ui",
 
+    "辅助样式"
 
+],
 
+  "repository": "https://github.com/dcloudio/uni-ui",
 
+  "engines": {
 
+    "HBuilderX": "^3.1.0"
 
+  },
 
+  "dcloudext": {
 
+    "category": [
 
+        "JS SDK",
 
+        "通用 SDK"
 
+    ],
 
+    "sale": {
 
+      "regular": {
 
+        "price": "0.00"
 
+      },
 
+      "sourcecode": {
 
+        "price": "0.00"
 
+      }
 
+    },
 
+    "contact": {
 
+      "qq": ""
 
+    },
 
+    "declaration": {
 
+      "ads": "无",
 
+      "data": "无",
 
+      "permissions": "无"
 
+    },
 
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
 
+  },
 
+  "uni_modules": {
 
+    "dependencies": [],
 
+    "encrypt": [],
 
+    "platforms": {
 
+      "cloud": {
 
+        "tcb": "y",
 
+        "aliyun": "y"
 
+      },
 
+      "client": {
 
+        "App": {
 
+          "app-vue": "y",
 
+          "app-nvue": "u"
 
+        },
 
+        "H5-mobile": {
 
+          "Safari": "y",
 
+          "Android Browser": "y",
 
+          "微信浏览器(Android)": "y",
 
+          "QQ浏览器(Android)": "y"
 
+        },
 
+        "H5-pc": {
 
+          "Chrome": "y",
 
+          "IE": "y",
 
+          "Edge": "y",
 
+          "Firefox": "y",
 
+          "Safari": "y"
 
+        },
 
+        "小程序": {
 
+          "微信": "y",
 
+          "阿里": "y",
 
+          "百度": "y",
 
+          "字节跳动": "y",
 
+          "QQ": "y"
 
+        },
 
+        "快应用": {
 
+          "华为": "n",
 
+          "联盟": "n"
 
+        },
 
+        "Vue": {
 
+            "vue2": "y",
 
+            "vue3": "y"
 
+        }
 
+      }
 
+    }
 
+  }
 
+}

+ 4 - 0
uni_modules/uni-scss/readme.md
Ver arquivo 

@@ -0,0 +1,4 @@
 
+`uni-sass` 是 `uni-ui`提供的一套全局样式 ，通过一些简单的类名和`sass`变量，实现简单的页面布局操作，比如颜色、边距、圆角等。
 
+
 
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass)
 
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839

+ 7 - 0
uni_modules/uni-scss/styles/index.scss
Ver arquivo 

@@ -0,0 +1,7 @@
 
+@import './setting/_variables.scss';
 
+@import './setting/_border.scss';
 
+@import './setting/_color.scss';
 
+@import './setting/_space.scss';
 
+@import './setting/_radius.scss';
 
+@import './setting/_text.scss';
 
+@import './setting/_styles.scss';

+ 3 - 0
uni_modules/uni-scss/styles/setting/_border.scss
Ver arquivo 

@@ -0,0 +1,3 @@
 
+.uni-border {
 
+	border: 1px $uni-border-1 solid;
 
+}

+ 66 - 0
uni_modules/uni-scss/styles/setting/_color.scss
Ver arquivo 

@@ -0,0 +1,66 @@
 
+
 
+// TODO 暂时不需要 class ，需要用户使用变量实现 ，如果使用类名其实并不推荐
 
+// @mixin get-styles($k,$c) {
 
+// 	@if $k == size or $k == weight{
 
+// 		font-#{$k}:#{$c}
 
+// 	}@else{
 
+// 		#{$k}:#{$c}
 
+// 	}
 
+// }
 
+$uni-ui-color:(
 
+	// 主色
 
+	primary: $uni-primary,
 
+	primary-disable: $uni-primary-disable,
 
+	primary-light: $uni-primary-light,
 
+	// 辅助色
 
+	success: $uni-success,
 
+	success-disable: $uni-success-disable,
 
+	success-light: $uni-success-light,
 
+	warning: $uni-warning,
 
+	warning-disable: $uni-warning-disable,
 
+	warning-light: $uni-warning-light,
 
+	error: $uni-error,
 
+	error-disable: $uni-error-disable,
 
+	error-light: $uni-error-light,
 
+	info: $uni-info,
 
+	info-disable: $uni-info-disable,
 
+	info-light: $uni-info-light,
 
+	// 中性色
 
+	main-color: $uni-main-color,
 
+	base-color: $uni-base-color,
 
+	secondary-color: $uni-secondary-color,
 
+	extra-color: $uni-extra-color,
 
+	// 背景色
 
+	bg-color: $uni-bg-color,
 
+	// 边框颜色
 
+	border-1: $uni-border-1,
 
+	border-2: $uni-border-2,
 
+	border-3: $uni-border-3,
 
+	border-4: $uni-border-4,
 
+	// 黑色
 
+	black:$uni-black,
 
+	// 白色
 
+	white:$uni-white,
 
+	// 透明
 
+	transparent:$uni-transparent
 
+) !default;
 
+@each $key, $child in $uni-ui-color {
 
+	.uni-#{"" + $key} {
 
+		color: $child;
 
+	}
 
+	.uni-#{"" + $key}-bg {
 
+		background-color: $child;
 
+	}
 
+}
 
+.uni-shadow-sm {
 
+	box-shadow: $uni-shadow-sm;
 
+}
 
+.uni-shadow-base {
 
+	box-shadow: $uni-shadow-base;
 
+}
 
+.uni-shadow-lg {
 
+	box-shadow: $uni-shadow-lg;
 
+}
 
+.uni-mask {
 
+	background-color:$uni-mask;
 
+}

+ 55 - 0
uni_modules/uni-scss/styles/setting/_radius.scss
Ver arquivo 

@@ -0,0 +1,55 @@
 
+@mixin radius($r,$d:null ,$important: false){
 
+  $radius-value:map-get($uni-radius, $r) if($important, !important, null);
 
+  // Key exists within the $uni-radius variable
 
+  @if (map-has-key($uni-radius, $r) and  $d){
 
+		@if $d == t {
 
+				border-top-left-radius:$radius-value;
 
+				border-top-right-radius:$radius-value;
 
+		}@else if $d == r {
 
+				border-top-right-radius:$radius-value;
 
+				border-bottom-right-radius:$radius-value;
 
+		}@else if $d == b {
 
+				border-bottom-left-radius:$radius-value;
 
+				border-bottom-right-radius:$radius-value;
 
+		}@else if $d == l {
 
+				border-top-left-radius:$radius-value;
 
+				border-bottom-left-radius:$radius-value;
 
+		}@else if $d == tl {
 
+				border-top-left-radius:$radius-value;
 
+		}@else if $d == tr {
 
+				border-top-right-radius:$radius-value;
 
+		}@else if $d == br {
 
+				border-bottom-right-radius:$radius-value;
 
+		}@else if $d == bl {
 
+				border-bottom-left-radius:$radius-value;
 
+		}
 
+  }@else{
 
+		border-radius:$radius-value;
 
+  }
 
+}
 
+
 
+@each $key, $child in $uni-radius {
 
+	@if($key){
 
+		.uni-radius-#{"" + $key} {
 
+				@include radius($key)
 
+		}
 
+	}@else{
 
+		.uni-radius {
 
+				@include radius($key)
 
+		}
 
+	}
 
+}
 
+
 
+@each $direction in t, r, b, l,tl, tr, br, bl {
 
+	@each $key, $child in $uni-radius {
 
+		@if($key){
 
+			.uni-radius-#{"" + $direction}-#{"" + $key} {
 
+				@include radius($key,$direction,false)
 
+			}
 
+		}@else{
 
+			.uni-radius-#{$direction} {
 
+				@include radius($key,$direction,false)
 
+			}
 
+		}
 
+	}
 
+}

+ 56 - 0
uni_modules/uni-scss/styles/setting/_space.scss
Ver arquivo 

@@ -0,0 +1,56 @@
 
+
 
+@mixin fn($space,$direction,$size,$n) {
 
+	@if $n {
 
+		#{$space}-#{$direction}: #{$size*$uni-space-root}px
 
+	} @else {
 
+		 #{$space}-#{$direction}: #{-$size*$uni-space-root}px
 
+	}
 
+}
 
+@mixin get-styles($direction,$i,$space,$n){
 
+	@if $direction == t {
 
+		@include fn($space, top,$i,$n);
 
+	} 
+	@if $direction == r {
 
+		@include fn($space, right,$i,$n);
 
+	} 
+	@if $direction == b {
 
+		@include fn($space, bottom,$i,$n);
 
+	} 
+	@if $direction == l {
 
+	 @include fn($space, left,$i,$n);
 
+	} 
+	@if $direction == x {
 
+		@include fn($space, left,$i,$n);
 
+		@include fn($space, right,$i,$n);
 
+	} 
+	@if $direction == y {
 
+		@include fn($space, top,$i,$n);
 
+		@include fn($space, bottom,$i,$n);
 
+	} 
+	@if $direction == a {
 
+		@if $n {
 
+			#{$space}:#{$i*$uni-space-root}px;
 
+		} @else {
 
+			#{$space}:#{-$i*$uni-space-root}px;
 
+		}
 
+	} 
+}
 
+
 
+@each $orientation in m,p {
 
+	$space: margin;
 
+	@if $orientation == m {
 
+		$space: margin;
 
+	} @else {
 
+		$space: padding;
 
+	}
 
+	@for $i from 0 through 16 {
 
+		@each $direction in t, r, b, l, x, y, a {
 
+			.uni-#{$orientation}#{$direction}-#{$i} { 
+				@include  get-styles($direction,$i,$space,true);
 
+			} 
+			.uni-#{$orientation}#{$direction}-n#{$i} { 
+				@include  get-styles($direction,$i,$space,false);
 
+			}
 
+		}
 
+	}
 
+}

+ 167 - 0
uni_modules/uni-scss/styles/setting/_styles.scss
Ver arquivo 

@@ -0,0 +1,167 @@
 
+/* #ifndef APP-NVUE */
 
+
 
+$-color-white:#fff;
 
+$-color-black:#000;
 
+@mixin base-style($color) {
 
+	color: #fff;
 
+	background-color: $color;
 
+	border-color: mix($-color-black, $color, 8%);
 
+	&:not([hover-class]):active {
 
+		background: mix($-color-black, $color, 10%);
 
+		border-color: mix($-color-black, $color, 20%);
 
+		color: $-color-white;
 
+		outline: none;
 
+	}
 
+}
 
+@mixin is-color($color) {
 
+	@include base-style($color);
 
+	&[loading] {
 
+		@include base-style($color);
 
+		&::before {
 
+			margin-right:5px;
 
+		}
 
+	}
 
+	&[disabled] {
 
+	  &,
 
+		&[loading],
 
+	  &:not([hover-class]):active {
 
+	    color: $-color-white;
 
+			border-color: mix(darken($color,10%), $-color-white);
 
+	    background-color: mix($color, $-color-white);
 
+	  }
 
+	}
 
+
 
+}
 
+@mixin base-plain-style($color) {
 
+	color:$color;
 
+	background-color: mix($-color-white, $color, 90%);
 
+	border-color: mix($-color-white, $color, 70%);
 
+	&:not([hover-class]):active {
 
+	  background: mix($-color-white, $color, 80%);
 
+	  color: $color;
 
+	  outline: none;
 
+		border-color: mix($-color-white, $color, 50%);
 
+	}
 
+}
 
+@mixin is-plain($color){
 
+	&[plain] {
 
+		@include base-plain-style($color);
 
+		&[loading] {
 
+			@include base-plain-style($color);
 
+			&::before {
 
+				margin-right:5px;
 
+			}
 
+		}
 
+		&[disabled] {
 
+		  &,
 
+		  &:active {
 
+		    color: mix($-color-white, $color, 40%);
 
+		    background-color: mix($-color-white, $color, 90%);
 
+				border-color: mix($-color-white, $color, 80%);
 
+		  }
 
+		}
 
+	}
 
+}
 
+
 
+
 
+.uni-btn {
 
+	margin: 5px;
 
+	color: #393939;
 
+	border:1px solid #ccc;
 
+	font-size: 16px;
 
+	font-weight: 200;
 
+	background-color: #F9F9F9;
 
+	// TODO 暂时处理边框隐藏一边的问题
 
+	overflow: visible;
 
+	&::after{
 
+		border: none;
 
+	}
 
+
 
+	&:not([type]),&[type=default] {
 
+		color: #999;
 
+		&[loading] {
 
+			background: none;
 
+			&::before {
 
+				margin-right:5px;
 
+			}
 
+		}
 
+
 
+
 
+
 
+		&[disabled]{
 
+			color: mix($-color-white, #999, 60%);
 
+		  &,
 
+			&[loading],
 
+		  &:active {
 
+				color: mix($-color-white, #999, 60%);
 
+		    background-color: mix($-color-white,$-color-black , 98%);
 
+				border-color: mix($-color-white,  #999, 85%);
 
+		  }
 
+		}
 
+
 
+		&[plain] {
 
+			color: #999;
 
+			background: none;
 
+			border-color: $uni-border-1;
 
+			&:not([hover-class]):active {
 
+				background: none;
 
+			  color: mix($-color-white, $-color-black, 80%);
 
+				border-color: mix($-color-white, $-color-black, 90%);
 
+			  outline: none;
 
+			}
 
+			&[disabled]{
 
+			  &,
 
+				&[loading],
 
+			  &:active {
 
+			    background: none;
 
+					color: mix($-color-white, #999, 60%);
 
+					border-color: mix($-color-white,  #999, 85%);
 
+			  }
 
+			}
 
+		}
 
+	}
 
+
 
+	&:not([hover-class]):active {
 
+	  color: mix($-color-white, $-color-black, 50%);
 
+	}
 
+
 
+	&[size=mini] {
 
+		font-size: 16px;
 
+		font-weight: 200;
 
+		border-radius: 8px;
 
+	}
 
+
 
+
 
+
 
+	&.uni-btn-small {
 
+		font-size: 14px;
 
+	}
 
+	&.uni-btn-mini {
 
+		font-size: 12px;
 
+	}
 
+
 
+	&.uni-btn-radius {
 
+		border-radius: 999px;
 
+	}
 
+	&[type=primary] {
 
+		@include is-color($uni-primary);
 
+		@include is-plain($uni-primary)
 
+	}
 
+	&[type=success] {
 
+		@include is-color($uni-success);
 
+		@include is-plain($uni-success)
 
+	}
 
+	&[type=error] {
 
+		@include is-color($uni-error);
 
+		@include is-plain($uni-error)
 
+	}
 
+	&[type=warning] {
 
+		@include is-color($uni-warning);
 
+		@include is-plain($uni-warning)
 
+	}
 
+	&[type=info] {
 
+		@include is-color($uni-info);
 
+		@include is-plain($uni-info)
 
+	}
 
+}
 
+/* #endif */

+ 24 - 0
uni_modules/uni-scss/styles/setting/_text.scss
Ver arquivo 

@@ -0,0 +1,24 @@
 
+@mixin get-styles($k,$c) {
 
+	@if $k == size or $k == weight{
 
+		font-#{$k}:#{$c}
 
+	}@else{
 
+		#{$k}:#{$c}
 
+	}
 
+}
 
+
 
+@each $key, $child in $uni-headings {
 
+	/* #ifndef APP-NVUE */
 
+	.uni-#{$key} {
 
+		@each $k, $c in $child {
 
+			@include get-styles($k,$c)
 
+		}
 
+	}
 
+	/* #endif */
 
+	/* #ifdef APP-NVUE */
 
+	.container .uni-#{$key} {
 
+		@each $k, $c in $child {
 
+			@include get-styles($k,$c)
 
+		}
 
+	}
 
+	/* #endif */
 
+}

+ 146 - 0
uni_modules/uni-scss/styles/setting/_variables.scss
Ver arquivo 

@@ -0,0 +1,146 @@
 
+// @use "sass:math";
 
+@import  '../tools/functions.scss';
 
+// 间距基础倍数
 
+$uni-space-root: 2 !default;
 
+// 边框半径默认值
 
+$uni-radius-root:5px !default;
 
+$uni-radius: () !default;
 
+// 边框半径断点
 
+$uni-radius: map-deep-merge(
 
+  (
 
+    0: 0,
 
+		// TODO 当前版本暂时不支持 sm 属性
 
+    // 'sm': math.div($uni-radius-root, 2),
 
+    null: $uni-radius-root,
 
+    'lg': $uni-radius-root * 2,
 
+    'xl': $uni-radius-root * 6,
 
+    'pill': 9999px,
 
+    'circle': 50%
 
+  ),
 
+  $uni-radius
 
+);
 
+// 字体家族
 
+$body-font-family: 'Roboto', sans-serif !default;
 
+// 文本
 
+$heading-font-family: $body-font-family !default;
 
+$uni-headings: () !default;
 
+$letterSpacing: -0.01562em;
 
+$uni-headings: map-deep-merge(
 
+  (
 
+    'h1': (
 
+      size: 32px,
 
+			weight: 300,
 
+			line-height: 50px,
 
+			// letter-spacing:-0.01562em
 
+    ),
 
+    'h2': (
 
+      size: 28px,
 
+      weight: 300,
 
+      line-height: 40px,
 
+      // letter-spacing: -0.00833em
 
+    ),
 
+    'h3': (
 
+      size: 24px,
 
+      weight: 400,
 
+      line-height: 32px,
 
+      // letter-spacing: normal
 
+    ),
 
+    'h4': (
 
+      size: 20px,
 
+      weight: 400,
 
+      line-height: 30px,
 
+      // letter-spacing: 0.00735em
 
+    ),
 
+    'h5': (
 
+      size: 16px,
 
+      weight: 400,
 
+      line-height: 24px,
 
+      // letter-spacing: normal
 
+    ),
 
+    'h6': (
 
+      size: 14px,
 
+      weight: 500,
 
+      line-height: 18px,
 
+      // letter-spacing: 0.0125em
 
+    ),
 
+    'subtitle': (
 
+      size: 12px,
 
+      weight: 400,
 
+      line-height: 20px,
 
+      // letter-spacing: 0.00937em
 
+    ),
 
+    'body': (
 
+      font-size: 14px,
 
+			font-weight: 400,
 
+			line-height: 22px,
 
+			// letter-spacing: 0.03125em
 
+    ),
 
+    'caption': (
 
+      'size': 12px,
 
+      'weight': 400,
 
+      'line-height': 20px,
 
+      // 'letter-spacing': 0.03333em,
 
+      // 'text-transform': false
 
+    )
 
+  ),
 
+  $uni-headings
 
+);
 
+
 
+
 
+
 
+// 主色
 
+$uni-primary: #2979ff !default;
 
+$uni-primary-disable:lighten($uni-primary,20%) !default;
 
+$uni-primary-light: lighten($uni-primary,25%) !default;
 
+
 
+// 辅助色
 
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
 
+$uni-success: #18bc37 !default;
 
+$uni-success-disable:lighten($uni-success,20%) !default;
 
+$uni-success-light: lighten($uni-success,25%) !default;
 
+
 
+$uni-warning: #f3a73f !default;
 
+$uni-warning-disable:lighten($uni-warning,20%) !default;
 
+$uni-warning-light: lighten($uni-warning,25%) !default;
 
+
 
+$uni-error: #e43d33 !default;
 
+$uni-error-disable:lighten($uni-error,20%) !default;
 
+$uni-error-light: lighten($uni-error,25%) !default;
 
+
 
+$uni-info: #8f939c !default;
 
+$uni-info-disable:lighten($uni-info,20%) !default;
 
+$uni-info-light: lighten($uni-info,25%) !default;
 
+
 
+// 中性色
 
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
 
+$uni-main-color: #3a3a3a !default; 			// 主要文字
 
+$uni-base-color: #6a6a6a !default;			// 常规文字
 
+$uni-secondary-color: #909399 !default;	// 次要文字
 
+$uni-extra-color: #c7c7c7 !default;			// 辅助说明
 
+
 
+// 边框颜色
 
+$uni-border-1: #F0F0F0 !default;
 
+$uni-border-2: #EDEDED !default;
 
+$uni-border-3: #DCDCDC !default;
 
+$uni-border-4: #B9B9B9 !default;
 
+
 
+// 常规色
 
+$uni-black: #000000 !default;
 
+$uni-white: #ffffff !default;
 
+$uni-transparent: rgba($color: #000000, $alpha: 0) !default;
 
+
 
+// 背景色
 
+$uni-bg-color: #f7f7f7 !default;
 
+
 
+/* 水平间距 */
 
+$uni-spacing-sm: 8px !default;
 
+$uni-spacing-base: 15px !default;
 
+$uni-spacing-lg: 30px !default;
 
+
 
+// 阴影
 
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
 
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
 
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
 
+
 
+// 蒙版
 
+$uni-mask: rgba($color: #000000, $alpha: 0.4) !default;

+ 19 - 0
uni_modules/uni-scss/styles/tools/functions.scss
Ver arquivo 

@@ -0,0 +1,19 @@
 
+// 合并 map
 
+@function map-deep-merge($parent-map, $child-map){
 
+	$result: $parent-map;
 
+	@each $key, $child in $child-map {
 
+		$parent-has-key: map-has-key($result, $key);
 
+		$parent-value: map-get($result, $key);
 
+		$parent-type: type-of($parent-value);
 
+		$child-type: type-of($child);
 
+		$parent-is-map: $parent-type == map;
 
+		$child-is-map: $child-type == map;
 
+			
+		@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
 
+			$result: map-merge($result, ( $key: $child ));
 
+		}@else {
 
+			$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
 
+		}
 
+	}
 
+	@return $result;
 
+};

+ 31 - 0
uni_modules/uni-scss/theme.scss
Ver arquivo 

@@ -0,0 +1,31 @@
 
+// 间距基础倍数
 
+$uni-space-root: 2;
 
+// 边框半径默认值
 
+$uni-radius-root:5px;
 
+// 主色
 
+$uni-primary: #2979ff;
 
+// 辅助色
 
+$uni-success: #4cd964;
 
+// 警告色
 
+$uni-warning: #f0ad4e;
 
+// 错误色
 
+$uni-error: #dd524d;
 
+// 描述色
 
+$uni-info: #909399;
 
+// 中性色
 
+$uni-main-color: #303133;
 
+$uni-base-color: #606266;
 
+$uni-secondary-color: #909399;
 
+$uni-extra-color: #C0C4CC;
 
+// 背景色
 
+$uni-bg-color: #f5f5f5;
 
+// 边框颜色
 
+$uni-border-1: #DCDFE6;
 
+$uni-border-2: #E4E7ED;
 
+$uni-border-3: #EBEEF5;
 
+$uni-border-4: #F2F6FC;
 
+
 
+// 常规色
 
+$uni-black: #000000;
 
+$uni-white: #ffffff;
 
+$uni-transparent: rgba($color: #000000, $alpha: 0);

+ 62 - 0
uni_modules/uni-scss/variables.scss
Ver arquivo 

@@ -0,0 +1,62 @@
 
+@import './styles/setting/_variables.scss';
 
+// 间距基础倍数
 
+$uni-space-root: 2;
 
+// 边框半径默认值
 
+$uni-radius-root:5px;
 
+
 
+// 主色
 
+$uni-primary: #2979ff;
 
+$uni-primary-disable:mix(#fff,$uni-primary,50%);
 
+$uni-primary-light: mix(#fff,$uni-primary,80%);
 
+
 
+// 辅助色
 
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
 
+$uni-success: #18bc37;
 
+$uni-success-disable:mix(#fff,$uni-success,50%);
 
+$uni-success-light: mix(#fff,$uni-success,80%);
 
+
 
+$uni-warning: #f3a73f;
 
+$uni-warning-disable:mix(#fff,$uni-warning,50%);
 
+$uni-warning-light: mix(#fff,$uni-warning,80%);
 
+
 
+$uni-error: #e43d33;
 
+$uni-error-disable:mix(#fff,$uni-error,50%);
 
+$uni-error-light: mix(#fff,$uni-error,80%);
 
+
 
+$uni-info: #8f939c;
 
+$uni-info-disable:mix(#fff,$uni-info,50%);
 
+$uni-info-light: mix(#fff,$uni-info,80%);
 
+
 
+// 中性色
 
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
 
+$uni-main-color: #3a3a3a; 			// 主要文字
 
+$uni-base-color: #6a6a6a;			// 常规文字
 
+$uni-secondary-color: #909399;	// 次要文字
 
+$uni-extra-color: #c7c7c7;			// 辅助说明
 
+
 
+// 边框颜色
 
+$uni-border-1: #F0F0F0;
 
+$uni-border-2: #EDEDED;
 
+$uni-border-3: #DCDCDC;
 
+$uni-border-4: #B9B9B9;
 
+
 
+// 常规色
 
+$uni-black: #000000;
 
+$uni-white: #ffffff;
 
+$uni-transparent: rgba($color: #000000, $alpha: 0);
 
+
 
+// 背景色
 
+$uni-bg-color: #f7f7f7;
 
+
 
+/* 水平间距 */
 
+$uni-spacing-sm: 8px;
 
+$uni-spacing-base: 15px;
 
+$uni-spacing-lg: 30px;
 
+
 
+// 阴影
 
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
 
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
 
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
 
+
 
+// 蒙版
 
+$uni-mask: rgba($color: #000000, $alpha: 0.4);