1.新增照片上传功能 2.新增图片配置

南骏 池

2025-03-21 daede3be8445e09aa261e1362b5a88bf7bb9d5ec

 H5/LLJ/Add.aspx

@@ -233,6 +233,25 @@
                padding: 8px 12px;
            }

            /* 图片上传大小 */
            .van-uploader__preview-image {
              width: 80px;
              height: 80px;
              object-fit: cover;
            }
            .van-uploader__upload{
              width: 80px;
              height: 80px;
            }
            .uploader-container {
              height: auto;
              overflow-y: auto;
              -webkit-overflow-scrolling: touch; /* 流畅滚动（iOS） */
            }
            .van-uploader__preview-delete-icon{
                    font-size: 1.8em;
            }

        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
@@ -329,7 +348,23 @@
           </van-dialog>
            </van-cell-group>
        </div>
             <div><van-uploader v-model="fileList" :after-read="afterRead" /></div>     
     <!-- 方式 -->
             <div class="uploader-container">
  <!-- 使用 field 样式包裹 -->
  <div class="van-cell van-field" style="padding: 10px 16px">
    <!-- 左侧标签 -->
    <div class="van-field__label" style="width: 90px">图片上传</div>
    
    <!-- 右侧上传区域 -->
    <div class="van-field__body" style="flex: 1">
      <van-uploader 
        v-model="fileList" 
        :after-read="afterRead"
        style="padding: 8px 0"
      />
    </div>
  </div>
</div>  
<%--            <van-button :loading="ttrre" type="info" loading-text="加载中..." v-if="!isShowTable && formData.fsubmit == 0" @click="submit">检验提交</van-button>
            <van-button type="danger" v-if="!isShowTable && formData.fsubmit == 0" @click="removeXJ">重新加载项目</van-button>--%>
<%--            <van-button :loading="ttrre"  type="info" loading-text="加载中..."  @click="submit">检验提交</van-button>