fix(status_show): 修复status_show组件在非全屏下的显示问题 (#787)

zhc525349965 · hongchen.zhang · juzi214032 · commit 89d7cff0e2b5 · 2020-05-12T21:30:34.000+08:00
Co-authored-by: hongchen.zhang &lt;hongchen.zhang@ninebot.com&gt;
diff --git a/dist/status-show/index.js b/dist/status-show/index.js
diff --git a/dist/status-show/index.wxml b/dist/status-show/index.wxml
@@ -1,10 +1,10 @@
-<view wx:if="{{show}}" class="l-status-container l-class {{fullScreen ? 'content': ''}}" style="{{'background:'+bgColor}}" bind:tap="tapStatusShow">
+<view wx:if="{{show}}" class="l-status-container l-class {{fullScreen ? 'content': ''}}" style="{{'background:'+bgColor}};{{fullScreen ?'align-items:center;':''}}" bind:tap="tapStatusShow">
   <block wx:if="{{custom}}">
     <slot/>
   </block>
   <block wx:else>
     <image wx:if="{{image}}" class="left-img l-image-class {{fullScreen ? 'image_margin_top': ''}}" src="{{image}}"></image>
-    <image wx:else class="{{type==='success'||type==='error'?'left-img':'top-img'}} {{type==='address'?'ad-img':''}} l-image-class {{fullScreen ? 'image_margin_top': ''}}" src="{{typeImage}}"></image>
+    <image wx:else class="{{type=='success'||type=='error'?'left-img':'top-img'}} {{type=='address'?'ad-img':''}} l-image-class {{fullScreen ? 'image_margin_top': ''}}" src="{{typeImage}}"></image>
     <text wx:if="{{describe}}" class="status-text l-describe-class">{{describe}}</text>
     <text wx:else class="status-text l-describe-class">{{typeText}}</text>
     <l-button l-class="l-button-class button_margin_top" wx:if="{{buttonText}}">
@@ -17,4 +17,4 @@
       <view>去逛逛</view>
     </l-button>
   </block>
-</view>
+</view>
diff --git a/dist/status-show/index.wxss b/dist/status-show/index.wxss
@@ -1 +1 @@
-.l-status-container{background-color:#fff;flex-direction:column;display:flex;align-items:center;justify-content:center;width:500rpx}.content{position:fixed;top:0;left:0;background:#fff;height:100%;width:100%}.ad-img{width:198rpx!important;height:204rpx!important}.top-img{width:264rpx;height:204rpx}.left-img{width:120rpx;height:184rpx}.image_margin_top{margin-top:-250rpx}.status-text{font-size:30rpx;color:#45526b;margin-top:40rpx}.button_margin_top{margin-top:80rpx}
+.l-status-container{background-color:#fff;flex-direction:column;display:flex;justify-content:center}.content{position:fixed;top:0;left:0;background:#fff;height:100%;width:100%}.ad-img{width:198rpx!important;height:204rpx!important}.top-img{width:264rpx;height:204rpx}.left-img{width:120rpx;height:184rpx}.image_margin_top{margin-top:-250rpx}.status-text{font-size:30rpx;color:#45526b;margin-top:40rpx}.button_margin_top{margin-top:80rpx}
diff --git a/examples/dist/status-show/index.wxml b/examples/dist/status-show/index.wxml
@@ -1,10 +1,10 @@
-<view wx:if="{{show}}" class="l-status-container l-class {{fullScreen ? 'content': ''}}" style="{{'background:'+bgColor}}" bind:tap="tapStatusShow">
+<view wx:if="{{show}}" class="l-status-container l-class {{fullScreen ? 'content': ''}}" style="{{'background:'+bgColor}};{{fullScreen ?'align-items:center;':''}}" bind:tap="tapStatusShow">
   <block wx:if="{{custom}}">
     <slot />
   </block>
   <block wx:else>
     <image wx:if="{{image}}" class="left-img l-image-class {{fullScreen ? 'image_margin_top': ''}}" src="{{image}}"></image>
-    <image wx:else class="{{type==='success'||type==='error'?'left-img':'top-img'}} {{type==='address'?'ad-img':''}} l-image-class {{fullScreen ? 'image_margin_top': ''}}" src="{{typeImage}}"></image>
+    <image wx:else class="{{type=='success'||type=='error'?'left-img':'top-img'}} {{type=='address'?'ad-img':''}} l-image-class {{fullScreen ? 'image_margin_top': ''}}" src="{{typeImage}}"></image>
     <text wx:if="{{describe}}" class="status-text l-describe-class">{{describe}}</text>
     <text wx:else class="status-text l-describe-class">{{typeText}}</text>
     <l-button l-class="l-button-class button_margin_top" wx:if="{{buttonText}}">
@@ -17,4 +17,4 @@
       <view>去逛逛</view>
     </l-button>
   </block>
-</view>
+</view>
diff --git a/examples/dist/status-show/index.wxss b/examples/dist/status-show/index.wxss
@@ -1 +1 @@
-.l-status-container{background-color:#fff;flex-direction:column;display:flex;align-items:center;justify-content:center;width:500rpx}.content{position:fixed;top:0;left:0;background:#fff;height:100%;width:100%}.ad-img{width:198rpx!important;height:204rpx!important}.top-img{width:264rpx;height:204rpx}.left-img{width:120rpx;height:184rpx}.image_margin_top{margin-top:-250rpx}.status-text{font-size:30rpx;color:#45526b;margin-top:40rpx}.button_margin_top{margin-top:80rpx}
+.l-status-container{background-color:#fff;flex-direction:column;display:flex;justify-content:center}.content{position:fixed;top:0;left:0;background:#fff;height:100%;width:100%}.ad-img{width:198rpx!important;height:204rpx!important}.top-img{width:264rpx;height:204rpx}.left-img{width:120rpx;height:184rpx}.image_margin_top{margin-top:-250rpx}.status-text{font-size:30rpx;color:#45526b;margin-top:40rpx}.button_margin_top{margin-top:80rpx}
diff --git a/src/status-show/index.less b/src/status-show/index.less
@@ -2,9 +2,7 @@
   background-color: #fff;
   flex-direction: column;
   display: flex;
-  align-items: center;
   justify-content: center;
-  width: 500rpx;
 }
 
 .content {
diff --git a/src/status-show/index.wxml b/src/status-show/index.wxml
@@ -1,10 +1,10 @@
-<view wx:if="{{show}}" class="l-status-container l-class {{fullScreen ? 'content': ''}}" style="{{'background:'+bgColor}}" bind:tap="tapStatusShow">
+<view wx:if="{{show}}" class="l-status-container l-class {{fullScreen ? 'content': ''}}" style="{{'background:'+bgColor}};{{fullScreen ?'align-items:center;':''}}" bind:tap="tapStatusShow">
   <block wx:if="{{custom}}">
     <slot />
   </block>
   <block wx:else>
     <image wx:if="{{image}}" class="left-img l-image-class {{fullScreen ? 'image_margin_top': ''}}" src="{{image}}"></image>
-    <image wx:else class="{{type==='success'||type==='error'?'left-img':'top-img'}} {{type==='address'?'ad-img':''}} l-image-class {{fullScreen ? 'image_margin_top': ''}}" src="{{typeImage}}"></image>
+    <image wx:else class="{{type=='success'||type=='error'?'left-img':'top-img'}} {{type=='address'?'ad-img':''}} l-image-class {{fullScreen ? 'image_margin_top': ''}}" src="{{typeImage}}"></image>
     <text wx:if="{{describe}}" class="status-text l-describe-class">{{describe}}</text>
     <text wx:else class="status-text l-describe-class">{{typeText}}</text>
     <l-button l-class="l-button-class button_margin_top" wx:if="{{buttonText}}">
@@ -17,4 +17,4 @@
       <view>去逛逛</view>
     </l-button>
   </block>
-</view>
+</view>

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-.l-status-container{background-color:#fff;flex-direction:column;display:flex;align-items:center;justify-content:center;width:500rpx}.content{position:fixed;top:0;left:0;background:#fff;height:100%;width:100%}.ad-img{width:198rpx!important;height:204rpx!important}.top-img{width:264rpx;height:204rpx}.left-img{width:120rpx;height:184rpx}.image_margin_top{margin-top:-250rpx}.status-text{font-size:30rpx;color:#45526b;margin-top:40rpx}.button_margin_top{margin-top:80rpx}`
	`1`	`+.l-status-container{background-color:#fff;flex-direction:column;display:flex;justify-content:center}.content{position:fixed;top:0;left:0;background:#fff;height:100%;width:100%}.ad-img{width:198rpx!important;height:204rpx!important}.top-img{width:264rpx;height:204rpx}.left-img{width:120rpx;height:184rpx}.image_margin_top{margin-top:-250rpx}.status-text{font-size:30rpx;color:#45526b;margin-top:40rpx}.button_margin_top{margin-top:80rpx}`
Original file line number	Diff line number	Diff line change
`@@ -2,9 +2,7 @@`
`2`	`2`	`background-color: #fff;`
`3`	`3`	`flex-direction: column;`
`4`	`4`	`display: flex;`
`5`		`- align-items: center;`
`6`	`5`	`justify-content: center;`
`7`		`- width: 500rpx;`
`8`	`6`	`}`
`9`	`7`
`10`	`8`	`.content {`