修复页面样式问题

subPackages/sub_workbench/workbench_code.vue

@@ -1,27 +1,9 @@
 <template>
-	<view class="">
+  <view class="body-code-qr">
     <view class="bg"></view>
-		<!-- <view class="m-t-24 b-r-8 white p-32 flex-col flex-ali-center"
-			style="position: relative;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);">
-			<view class="bottom-border flex-row flex-jus-start m-b-32" style="width: 590rpx;">
-				<u-image width="96rpx" height="96rpx" shape="circle" :src="getAvatar">
-					<u-loading slot="loading"></u-loading>
-				</u-image>
-				<view class="m-b-32 flex-col p-col-12 flex-jus-sp m-l-32">
-					<view class="flex-row flex-ali-center">
-						<d-text :text="userInfo.name" color="#31353D" className="fs-32 "></d-text>
-						<d-text :text="userInfo.title.name" color="#6C7380" className="m-l-32"></d-text>
-					</view>
-					<d-text :text="userInfo.hospital['name'].replace(/^.{2}/, '**')+' '" color="#31353D"></d-text>
-				</view>
-			</view>
-			<u-image width="400rpx" height="400rpx" :src="userInfo.qr_code">
-				<u-loading slot="loading"></u-loading>
-			</u-image>
-		</view> -->
     <view>
       <view class="box">
-				<l-painter ref="painter" :board="poster" />
+        <l-painter ref="painter" :board="poster"/>
       </view>
       <view class="p-col-32 m-t-32">
         <u-button :throttle-time="0" shape="circle"
@@ -34,7 +16,7 @@
 </template>
 
 <script>
-	export default {
+export default {
   data() {
     return {
       poster: {
@@ -50,7 +32,7 @@
   onLoad() {
     let info = uni.getStorageSync('doctorInfo') || {}
     let sex = info.DoctorInfo['idcard'] ? info.DoctorInfo['idcard'].charAt(16) : 1;
-			let url = require(`@/static/image/${sex%2==0?'nv':'nan'}.png`);
+    let url = require(`@/static/image/${sex % 2 == 0 ? 'nv' : 'nan'}.png`);
     const avatar = info.DoctorInfo['avatar'] ? info.DoctorInfo['avatar'] : info.role == 1 ? url : url
 
     this.poster = {
@@ -189,7 +171,8 @@
                 let timer = setTimeout(() => {
                   clearTimeout(timer)
                   uni.openSetting({ //调起客户端小程序设置界面,让用户开启访问相册
-											success: e => {}
+                    success: e => {
+                    }
                   })
                 }, 2000)
               }
@@ -210,7 +193,7 @@
           // H5 提示用户长按图另存
           uni.saveImageToPhotosAlbum({
             filePath: res.tempFilePath,
-							success: function() {
+            success: function () {
               console.log('save success');
             }
           });
@@ -218,26 +201,35 @@
       });
     }
   }
-	}
+}
 </script>
-<style>
-	page {
-		background-color: #F9FAFB;
-	}
-</style>
 <style lang="scss" scoped>
-	.box {
+//page {
+//  padding: 1rpx;
+//  width: 100%;
+//  height: 100%;
+//  background: linear-gradient(133deg, #5B98FF 0%, #17CDC1 100%);
+//}
+
+.box {
   display: flex;
   justify-content: center;
   margin-top: 120rpx;
-	}
+}
 
-	.bg {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 750rpx;
-		height: 100vh;
+.body-code-qr {
+  width: 100%;
+  height: 100%;
+  padding: 1rpx 0;
   background: linear-gradient(133deg, #5B98FF 0%, #17CDC1 100%);
-	}
+}
+
+//.bg {
+//	position: absolute;
+//	top: 0;
+//	left: 0;
+//	width: 750rpx;
+//  min-height: 100vh;
+//	background: linear-gradient(133deg, #5B98FF 0%, #17CDC1 100%);
+//}
 </style>