1.解决了运行时黑色弹出SDK版本问题

小小儁爺

2024-08-09 a3fdfa6e5db6218a6ab09480a982fdc9fd0e6459

 style/global.css

@@ -0,0 +1,219 @@
.mainContent {
   padding: 10rpx 16rpx;
   background-color: #eff0f1;

   height: 1300rpx;
   overflow: scroll;


   /* 字体暂时先不加 */
   /* text-rendering: optimizeLegibility; */
   /* font-family: Arial, Helvetica, sans-serif; */
   /* font-size: 32rpx; */
   /* margin-top: 260rpx; */
   /* font-family: font; */
   /* font-family: font; */
}

@font-face {
   /*重命名字体名*/
   font-family: 'font';
   /*引入字体*/
   /* src: url('../../static/font/dcloud_iconfont.ttf'); */
   /* src: url('../../static/font/unincomponents.ttf'); */
   font-weight: normal;
   font-style: normal;
}



.ellipsis {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}

.titleFont {
   color: #89898a;
   font-size: 30rpx;
   line-height: 50rpx;
}

.contentFont {
   color: #212121;
   font-size: 30rpx;
   line-height: 50rpx;
}

.head {
   background-color: #fff;
   border-radius: 16rpx;
   display: flex;
   flex-direction: column;

}

.head_block {
   margin-top: 10rpx;
   display: flex;
   justify-content: space-between;
   align-items: center;
   line-height: 56rpx;
   height: 56rpx;
   font-size: 30rpx;
}

.head_left {
   display: flex;
}

.head_bar {
   width: 10rpx;
   height: 36rpx;
   background-color: red;
   margin-top: 10rpx;
   margin-left: 8rpx;
   border-radius: 10rpx;
}

.head_title {
   margin-left: 10rpx;
   font-weight: bolder;
}

.marginLeft20 {
   margin-left: 20rpx;
}

.marginRight20 {
   margin-right: 20rpx;
}

.marginTop20 {
   margin-top: 20rpx;
}

.marginBottom20 {
   margin-bottom: 20rpx;
}

.marginBottom10 {
   margin-bottom: 10rpx;
}

.flex_column {
   display: flex;
   flex-direction: column;
}

.flex_between {
   display: flex;
   justify-content: space-between;
}

.flex_center {
   display: flex;
   align-items: center;
}

.center_border {
   border: 1rpx solid #ccc;
   border-radius: 10rpx;
   margin: 30rpx 0 0 0;
   padding: 10rpx 0rpx 10rpx 20rpx;
}

.center_title {
   font-weight: bolder;
   font-size: 30rpx;
}

.inputClass {
   width: 440rpx;
   border: 1rpx solid #eee;
   border-radius: 10rpx;
}

.marginTop10 {
   margin-top: 10rpx;
}

/* .u-button--primary {
   width: 100rpx;
   height: 66rpx;
   margin-right: 10rpx;
} */

/* .u-button--warning {
   width: 100rpx;
   height: 66rpx;
   margin-right: 10rpx;
} */

.footer {
   position: fixed;
   bottom: 0;
   background-color: #fff;
   min-height: 70rpx;
   /* padding-top: 20rpx; */
   /* padding-bottom: 20rpx; */
   display: flex;
   flex-direction: column;
   width: 100%;

}

/* .u-button--large {
   width: 100%;
   height: 100rpx;
   letter-spacing: 8rpx;
   border-radius: 16rpx;
   position: fixed;
   bottom: 0;
} */

.sacnBody {
   margin-top: 440rpx;
   display: flex;
   flex-direction: column;
}

.scanImg {
   width: 126px;
   height: 126px;
   border-radius: 50%;
   margin: auto;
   background: url('@/static/img/scan.png') no-repeat;
   box-shadow: #436df5 0px 0px 20px;
}

.boxImg {
   width: 126px;
   height: 126px;
   border-radius: 50%;
   box-shadow: #436df5 0px 0px 20px;
   margin: auto;
   background: #436df5 url("@/static/img/box1.png") no-repeat center;
}

.backImg {
   width: 126px;
   height: 126px;
   border-radius: 50%;
   box-shadow: #436df5 0px 0px 20px;
   margin: auto;
   background: #436df5 url("@/static/img/back.png") no-repeat center;
}

.scanText {
   margin: auto;
   color: #000ccc;
   margin-top: 20rpx;
   letter-spacing: 2rpx;
}


.footer {
   position: fixed;
   bottom: 0;
}