(vk)更新三维识别样式

Author: roamzhen

cloudfunctions/ARDemo/proto/mmbizwxaintparDemo.proto

@@ -111,5 +111,5 @@ message GetARModelResp
     optional string host = 3;
     optional string errMsg = 4;
     optional uint32 expire_time = 5;
-    optional uint32 status = 6; // 0 生成中 1 生成成功 2 生成失败 3 过期
+    optional uint32 status = 6; // 0 生成中 1 生成成功 2 过期 3 生成失败
 }

miniprogram/packageAPI/pages/ar/3dmarker-ar/Components/arModelComponent.js

@@ -177,6 +177,8 @@ Component({
         if (!matched) {
           console.log("缓存对cosid进行push")
           console.log("当前生成模型的cosid为：", returnCosid)
+
+          console.log()
           modelInfos.push({
             cosid: resp.result.respBody.cosid,
             uploadTime: this.convertToTime(Date.parse(new Date()) / 1000),
@@ -326,10 +328,8 @@ Component({
 
             modelInfoNew.statusMsg = '生成失败';
             if (errMsg) {
-              modelInfoNew.statusMsg = errMsg;
-
+              modelInfoNew.errMsg = errMsg;
             }
-            modelInfoNew.statusMsg = errMsg;
           }
 
 

miniprogram/packageAPI/pages/ar/3dmarker-ar/Components/arModelComponent.wxml

@@ -14,7 +14,7 @@
   <view class="wrap-right">
     <view class="model-item" wx:for="{{models}}" wx:key="modelIndex" wx:for-item="modelItem">
       <view
-        class="model-info {{modelItem.modelStatus === 0 ? 'loading': ''}} {{modelItem.modelStatus === 1 ? 'done': '' }} {{modelItem.modelStatus === 2 || modelItem.modelStatus === 3 ? 'error': '' }} {{targetCosId != null && modelItem.cosid == targetCosId ? 'choosed' : '' }}"
+        class="model-info {{modelItem.modelStatus === 0 ? 'loading': ''}} {{modelItem.modelStatus === 1 ? 'done': '' }} {{modelItem.modelStatus === 2 ? 'expired': '' }} {{modelItem.modelStatus === 3 ? 'error': '' }} {{targetCosId != null && modelItem.cosid == targetCosId ? 'choosed' : '' }}"
         bindtap="chooseARModel"
         data-cosid="{{modelItem.cosid}}"
       >

miniprogram/packageAPI/pages/ar/3dmarker-ar/Components/arModelComponent.wxss

@@ -7,7 +7,7 @@
   left: 40rpx;
   top: 30rpx;
   width: 200rpx;
-  height: 248rpx;
+  height: 268rpx;
 }
 
 button.btn-left {
@@ -36,7 +36,7 @@ button.btn-left .info-wrap {
 }
 .info-wrap p:first-child {
   font-size: 36rpx;
-  line-height: 46rpx;
+  line-height: 60rpx;
 }
 
 button.btn-left .cross-v {
@@ -75,7 +75,7 @@ button.btn-left .cross-h {
   display: inline-block;
   margin: 10rpx 10rpx 0 10rpx;
   width: 206rpx;
-  height: 260rpx;
+  height: 280rpx;
   border-radius: 20rpx;
 }
 .model-item:first-child {
@@ -101,9 +101,13 @@ button.btn-left .cross-h {
   background-color: #2B3467;
   border: 8rpx #2B3467 solid;
 }
+.model-info.expired {
+  background-color: #ed6c10;
+  border: 8rpx #ed6c10 solid;
+}
 .model-info.error {
-  background-color: #FF6969;
-  border: 8rpx #FF6969 solid;
+  background-color: #f73a3a;
+  border: 8rpx #f73a3a solid;
 }
 .model-info.choosed {
   border-color: #07c160;
@@ -126,15 +130,19 @@ button.btn-left .cross-h {
   position: absolute;
   left: 20rpx;
   right: 20rpx;
-  bottom: 120rpx;
+  bottom: 140rpx;
   height: 40rpx;
   line-height: 20rpx;
   font-size: 16rpx;
   text-align: center;
-  color: #d0d0d0;
+  color: #fff;
   word-break: break-all;
 }
 
+.model-info.done .cosid {
+  color: #d0d0d0;
+}
+
 .model-info .timeStamp {
   position: absolute;
   left: 10rpx;
@@ -157,6 +165,20 @@ button.btn-left .cross-h {
   line-height: 38rpx;
 }
 
+.model-info .errMsg {
+  position: absolute;
+  left: 10rpx;
+  right: 10rpx;
+  bottom: 76rpx;
+  color: #fff;
+  font-size: 16rpx;
+  text-align: center;
+  line-height: 26rpx;
+  background-color: #000;
+  padding: 6rpx;
+  border-radius: 6rpx;
+}
+
 .model-info .buttonDelete {
   position: absolute;
   right: -20rpx;