feat:新增设置toast偏移量属性 (#296)

Author: 二一

dist/toast/index.js

@@ -68,6 +68,8 @@ Component({
       type: Boolean,
       value: true,
     },
+    offsetX:Number,
+    offsetY:Number
 
   },
 
@@ -118,7 +120,9 @@ Component({
           center = true,
           mask = false,
           success = null,
-          complete = null
+          complete = null,
+          offsetX = 0,
+          offsetY = 0 ,
         } = options;
         this.setData({
           title,
@@ -132,7 +136,9 @@ Component({
           mask,
           show: true,
           success,
-          complete
+          complete,
+          offsetY,
+          offsetX
         });
         this.changeStatus();
         return this;

dist/toast/index.wxml

@@ -6,7 +6,7 @@
   hidden="{{!status}}"
   style="z-index:{{zIndex}}">
   <view class="toast-bg" wx:if="{{mask}}"></view>
-  <view class="toast toast-{{placement || 'bottom'}}" style="{{placement  || 'bottom' === 'bottom' ?  image || icon ? 'padding-top: 25rpx': '': ''}}" >
+  <view class="toast toast-{{placement || 'bottom'}}" style="padding-top:{{(placement  || 'bottom')=== 'bottom' ?  image || icon ? '25rpx': '': ''}};position:relative;left:{{offsetX}}rpx;top:{{offsetY}}rpx" >
     <image class="toast-icon"
       wx:if="{{image}}"
       src="{{image}}"

examples/dist/toast/index.js

@@ -68,6 +68,8 @@ Component({
       type: Boolean,
       value: true,
     },
+    offsetX:Number,
+    offsetY:Number
 
   },
 
@@ -118,7 +120,9 @@ Component({
           center = true,
           mask = false,
           success = null,
-          complete = null
+          complete = null,
+          offsetX = 0,
+          offsetY = 0 ,
         } = options;
         this.setData({
           title,
@@ -132,7 +136,9 @@ Component({
           mask,
           show: true,
           success,
-          complete
+          complete,
+          offsetY,
+          offsetX
         });
         this.changeStatus();
         return this;

examples/dist/toast/index.wxml

@@ -6,7 +6,7 @@
   hidden="{{!status}}"
   style="z-index:{{zIndex}}">
   <view class="toast-bg" wx:if="{{mask}}"></view>
-  <view class="toast toast-{{placement || 'bottom'}}" style="{{placement  || 'bottom' === 'bottom' ?  image || icon ? 'padding-top: 25rpx': '': ''}}" >
+  <view class="toast toast-{{placement || 'bottom'}}" style="padding-top:{{(placement  || 'bottom')=== 'bottom' ?  image || icon ? '25rpx': '': ''}};position:relative;left:{{offsetX}}rpx;top:{{offsetY}}rpx" >
     <image class="toast-icon"
       wx:if="{{image}}"
       src="{{image}}"

examples/pages/components/response/pages/toast/index.wxml

@@ -31,7 +31,7 @@
     placement="{{currentConf.placement}}"
     duration="{{currentConf.duration}}"
     center="{{currentConf.center}}"
-    mask="{{currentConf.mask}}"  
+    mask="{{currentConf.mask}}" 
   />
 
 </view>

src/toast/index.js

@@ -68,6 +68,8 @@ Component({
       type: Boolean,
       value: true,
     },
+    offsetX:Number,
+    offsetY:Number
 
   },
 
@@ -118,7 +120,9 @@ Component({
           center = true,
           mask = false,
           success = null,
-          complete = null
+          complete = null,
+          offsetX = 0,
+          offsetY = 0 ,
         } = options;
         this.setData({
           title,
@@ -132,7 +136,9 @@ Component({
           mask,
           show: true,
           success,
-          complete
+          complete,
+          offsetY,
+          offsetX
         });
         this.changeStatus();
         return this;

src/toast/index.wxml

@@ -6,7 +6,7 @@
   hidden="{{!status}}"
   style="z-index:{{zIndex}}">
   <view class="toast-bg" wx:if="{{mask}}"></view>
-  <view class="toast toast-{{placement || 'bottom'}}" style="{{placement  || 'bottom' === 'bottom' ?  image || icon ? 'padding-top: 25rpx': '': ''}}" >
+  <view class="toast toast-{{placement || 'bottom'}}" style="padding-top:{{(placement  || 'bottom')=== 'bottom' ?  image || icon ? '25rpx': '': ''}};position:relative;left:{{offsetX}}rpx;top:{{offsetY}}rpx" >
     <image class="toast-icon"
       wx:if="{{image}}"
       src="{{image}}"