浏览代码

修改Toast的样式

leaf 5 月之前
父节点
当前提交
b8955f4563
共有 2 个文件被更改,包括 43 次插入18 次删除
  1. 2 18
      lib/dlg.ts
  2. 41 0
      static/style/base.scss

+ 2 - 18
lib/dlg.ts

@@ -8,7 +8,6 @@ export const toast = function (title : string, duration : number, mask : boolean
 		uni.showToast({
 			title, duration, mask, icon,
 			success: res => {
-
 				setTimeout(function () {
 					resolve(res);
 				}, duration);
@@ -24,23 +23,8 @@ export const toast = function (title : string, duration : number, mask : boolean
 
 
 //获取 错误提示
-export const error = (title : string) => {
-	let duration = 2000;
-	let mask = false;
-	return new Promise((resolve, reject) => {
-		uni.showToast({
-			title, duration, mask,
-			icon: "none",
-			success: res => {
-				setTimeout(function () {
-					resolve(res);
-				}, duration);
-			},
-			fail: err => {
-				reject(err)
-			}
-		});
-	});
+export const error = (title : string, duration = 1500, mask = false) => {
+	return toast(title, duration, mask, 'error');
 }
 
 

+ 41 - 0
static/style/base.scss

@@ -207,4 +207,45 @@ page {
 
 .uni-forms-item{
 	margin-bottom: 40rpx!important;
+}
+// toast提示框
+uni-toast{
+	display: flex;
+	justify-content: center;
+}
+.uni-toast{
+	font-size: $uni-font-size-base;
+	line-height: $uni-line-height-base; 
+	width: auto;
+	margin: 0 72rpx;
+	border-radius: 16rpx;
+	left: auto;
+	transform: translate(0, -50%);
+	background: $uni-text-color;
+	.uni-toast__icon{
+		width: 64rpx!important;
+		height: 64rpx!important;
+		margin-top: 32rpx;
+		margin-bottom: 8rpx;
+		
+	}
+	.uni-toast__content{
+		margin:0  48rpx 32rpx;
+		@include text-ellipsis-2;
+	}
+}
+
+.uni-sample-toast{
+	border-radius: 16rpx;
+	left: auto;
+	transform: translate(0, -50%);
+	background: $uni-text-color;
+	.uni-simple-toast__text{
+		font-size: $uni-font-size-base;
+		line-height: $uni-line-height-base;
+		margin:32rpx  48rpx ;
+		padding: 0;
+		@include text-ellipsis-2;
+		background-color: transparent;
+	}	
 }