ssj_parent/pages/problem_report/problem_report.wxml

<!--pages/peoblem_report/peoblem_report.wxml-->
<view class='container'>
  <view class='wrapper'>
      <view class='li'>
          <view class='li-img'>
            <image class='li-img-url' wx:if='{{problemPicturePath}}' mode='aspectFill'  src='{{baseImgUrl+problemPicturePath + thumbnail}}' data-images='{{([{img:problemPicturePath}])}}' data-baseurl='{{baseImgUrl}}' data-index='0' bindtap='viewImageCtl' ></image>
            <!-- <view>提问时间</view>
            <view>{{createTime}}</view> -->
          </view>
          
          <view class='li-tips' wx:if='{{!teacherMessage&&similarQuestions.length==0&&voiceKeyList.length==0&&fileKeys.length==0}}'>
              <image src='../../image/jie_xi_deng.png' class='li-tips-img'></image>
              <view>待解答</view>
          </view>
          <view class='li-know-head' wx:if='{{similarQuestions.length>0}}'>
                <image class='li-know-head-img' src='../../image/nan_ti_jie_xi.png'></image>
                <view class='li-know-head-txt'>AI解析</view>
          </view>
          <view class='li-know li-know-point' wx:if='{{similarQuestions.length>0}}'>
              <view class='li-know-title'>参考答案</view>
              <view class='li-know-item' wx:for='{{similarQuestions}}' wx:key='index' wx:if='{{similarQuestions.length>0}}'>
                <rich-text nodes="{{item.question}}" class='li-know-item-title-head'></rich-text>
                <view class='li-know-item-content' wx:if='{{item.answers.length>0}}'>
                    <text>答案：</text>
                    <block wx:for='{{item.answers}}' wx:for-index='key' wx:for-item='res'  wx:key='key'>
                      <view  wx:for='{{res.list}}' wx:for-index='key' wx:for-item='val'  wx:key='idx' class='li-know-style'>
                          <text wx:if='{{val.type==1}}'>{{val.value}}</text>
                          <image src='{{val.value}}' wx:if='{{val.type==2&&val.value}}' style='width:{{val.style.width}}rpx,height:{{val.style.height}}rpx' class='li-know-item-content-img'></image>
                      </view>
                    </block>
                </view>
              </view>
              <view class='li-know-title' wx:if='{{recommendedQuestions.length>0}}'>相似题</view>
              <view class='li-know-item' wx:for='{{recommendedQuestions}}' wx:key='index' style='margin-bottom:0' wx:if='{{recommendedQuestions.length>0}}'>
                <rich-text nodes="{{item.question}}"></rich-text>
                <view class='li-know-item-content' wx:if='{{item.analysis}}'>
                    <text>解析：</text>
                    <rich-text nodes="{{item.analysis}}"></rich-text>
                </view>
              </view>
          </view>
          <view class='li-know-head' wx:if='{{teacherMessage||voiceKeyList.length>0||fileKeys.length>0}}'>
                <image class='li-know-title-img zong-ti' src='../../image/lao_shi_liu_yan.png'></image>
                <view class='li-know-head-txt'>老师解答</view>
          </view>
          <view class='li-footer'>
              <view class='li-topic li-topic-footer'>
                <scroll-view scroll-x>
                  <view class='li-topic-item'>
                    <view class='scroll-view-item' wx:for='{{fileKeys}}' wx:for-index='key' wx:key='key' >
                      <image  class='li-topic-item-img'  data-images="{{fileKeys}}" wx:if='{{item.imagekey}}' data-url='imagekey' data-index="{{key}}" data-baseurl="{{baseImgUrl}}"  mode="aspectFill" src='{{baseImgUrl +item.imagekey+thumbnail}}' bindtap="viewImageCtl"></image>
                    </view>
                  </view>
                </scroll-view>
                <view class='li-topic-txt' wx:if='{{teacherMessage}}'>{{teacherMessage}}</view>
                <!-- <image src='../../image/hua_ping.png' class='li-topic-tag-img'></image>
                <view class='li-topic-info'>
                  <view class='li-topic-info-names'>{{teacherName}}</view>
                  <image class='li-topic-info-headImg' wx:if='{{teacherPhoto}}' src='{{baseImgUrl+teacherPhoto}}'></image>
                </view> -->
              </view>
          </view>
          <!-- 语音 -->
          <view class='li-video' wx:if='{{voiceKeyList.length>0}}'>
              <!-- <view class='li-video-title'>语音解答</view> -->
              <view class='li-video-voice' wx:for='{{voiceKeyList}}' wx:key='index' data-index="{{index}}" bindtap='audioCtl'>
                    <!-- <view class='li-video-voice-red' style='width:{{item.duration*1.66+17.3}}%'></view> -->
                    <view class='li-video-voice-red' style='width:{{item.duration*1.4+16}}%'>
                      <image class='li-video-btn' src='../../image/yu_yin_{{item.voiceType == 1?imgNum:3}}.png'></image>
                      <view class='li-video-gay'>{{item.duration}}″</view>
                    </view>
              </view>
          </view>
      </view>
  </view>
</view>