index.html 1.2 KB

12345678910111213141516171819202122232425
  1. <div :class="{ on: dialogShow }" class="evaluate-dialog" @touchmove.stop>
  2. <div class="rate-section">
  3. <div>满意度</div>
  4. <div>
  5. <span v-for="star in 5" :key="star" :class="{ on: star <= rateValue }" class="iconfont iconxing" @click="rateChange(star)"></span>
  6. </div>
  7. <div>{{ rateValue | rateCovert }}</div>
  8. </div>
  9. <div class="custom-section">
  10. <textarea ref="textarea" v-model="textValue" :style="{ height: textHeight }" rows="2" maxlength="500" placeholder="课程满足你的期待么?说说你的想法,分享给想学习的他们吧~"></textarea>
  11. <div>
  12. <ul>
  13. <li v-for="(item, index) in imageList" :key="item">
  14. <img :src="item" :alt="item">
  15. <a href="javascript:" @click="imageDelete(index)"></a>
  16. </li>
  17. </ul>
  18. <label v-show="imageList.length < 6">
  19. <input type="file" accept="image/*" hidden @change="imageUpload">
  20. <span>上传图片</span>
  21. </label>
  22. </div>
  23. </div>
  24. <button type="button" @click="evaluateSubmit">立即评价</button>
  25. </div>