cloud-web-corejs 1.0.54-dev.811 → 1.0.54-dev.813

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cloud-web-corejs",
   "private": false,
-  "version": "1.0.54-dev.811",
+  "version": "1.0.54-dev.813",
   "scripts": {
     "dev": "vue-cli-service serve",
     "dev:micro": "vue-cli-service serve --port 17527",

package/src/components/xform/styles/h5.scss

@@ -802,6 +802,7 @@ $xformH5PageBg: #f1f5fb;
    底栏「更多」下拉的触发器是裸 <i class="h5-more-icon">、不在 el-button 里，不受影响。 */
 .xform-h5 {
   .pop-box .el-button > i,
+  .pop-tipsBox .el-button > i,
   .pop-screen-box .el-button > i,
   .h5-detail-wrap .h5-fixed-bottom-btns .el-button > i,
   .el-dialog.h5view-dialog > .el-dialog__footer .el-button > i {
@@ -1111,7 +1112,10 @@ $xformH5PageBg: #f1f5fb;
       .checkbox-all_list {
         flex: 1;
         min-height: 0;
-        overflow: auto;
+        /* 只放开纵向。写成 overflow:auto 时横向也可滚，卡片里一旦有超长内容
+           （用户资料的「地址」字段存的是一整条图片 URL）就会拖出一条横向滚动条。 */
+        overflow-y: auto;
+        overflow-x: hidden;
         padding: 0 12px;
 
         .order-item {
@@ -1265,6 +1269,15 @@ $xformH5PageBg: #f1f5fb;
         border-radius: 5px;
       }
 
+      /* 卡片里放的是用户资料原值，可能出现超长且无空格的串（「地址」字段实际存的
+         是一整条图片 URL）。默认不允许在非空白处断行，这种串会把卡片整体撑宽、
+         连带拖出横向滚动条，所以这里统一允许任意位置断行。 */
+      .t1,
+      .t2 {
+        word-break: break-all;
+        overflow-wrap: anywhere;
+      }
+
       .t1 {
         margin-bottom: 6px;
 
@@ -1286,8 +1299,11 @@ $xformH5PageBg: #f1f5fb;
 
         p {
           min-width: 50%;
+          /* 没有 max-width 时，inline-block 会被里面的长串顶到超出卡片宽度 */
+          max-width: 100%;
           margin-bottom: 4px;
           display: inline-block;
+          vertical-align: top;
         }
       }
 
@@ -1581,16 +1597,30 @@ $xformH5PageBg: #f1f5fb;
           margin-bottom: 24px;
         }
 
-        .txt {
-          max-height: 100px;
+        /* max-height + overflow:auto 是给「自定义确认文案」这类可能很长的内容留的
+           （提醒内容、脚本里配的提示都走这里）。但确认框里多数只有一行短句，
+           真机 WebView 又是经典滚动条（不像桌面那样会自动淡出），于是「您确定要
+           中断流程吗？」这种一行字旁边也挂着一条灰色滚动条。
+           保留可滚动（长文案照样能滑），只把滚动条本身藏掉 —— 移动端本来就该是
+           无痕滚动。 */
+        .txt,
+        .txt2 {
           overflow: auto;
           word-break: break-word;
+          scrollbar-width: none; // Firefox
+          -ms-overflow-style: none; // 旧 Edge/IE
+
+          &::-webkit-scrollbar {
+            display: none;
+          }
+        }
+
+        .txt {
+          max-height: 100px;
         }
 
         .txt2 {
           max-height: 200px;
-          overflow: auto;
-          word-break: break-word;
         }
 
         .form-box {