newRelease_com.vue 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <template>
  2. <div class="newRelease_com">
  3. <ul class="predetermineUl">
  4. <li class="predetermineLi2" style="border-bottom: none">
  5. <div class="liName">标题</div>
  6. <van-field
  7. :value="postData.constant"
  8. autosize
  9. type="textarea"
  10. placeholder="请输入"
  11. class="myField"
  12. maxlength="50"
  13. show-word-limit
  14. />
  15. </li>
  16. </ul>
  17. <ul class="predetermineUl">
  18. <li class="detailLi2" style="border-bottom: none">
  19. <span class="liName">
  20. 快捷选择
  21. </span>
  22. <div class="detailLi2Box">
  23. <div class="detailLi2BoxTop">
  24. <div class="checkItem" :class="checkedName===item.name?'checked':''" v-for="item in checkList" @click="clickCheck(item)">{{item.name}}</div>
  25. </div>
  26. </div>
  27. </li>
  28. <li class="detailLi">
  29. <span class="liName">地址</span>
  30. <span >
  31. <input class="liInfo" placeholder="选择地址" disabled>
  32. <van-icon name="location" style="color: rgba(51, 51, 51, 0.90)"/>
  33. </span>
  34. </li>
  35. <li class="detailLi" style="border-bottom: none">
  36. <span class="liName">电话</span>
  37. <span >
  38. <input class="liInfo" placeholder="请填写">
  39. </span>
  40. </li>
  41. </ul>
  42. <ul class="predetermineUl">
  43. <li class="detailLi2">
  44. <div class="titleBox" style="margin-bottom: 24rpx">
  45. <span class="liName">简介</span>
  46. <span class="tips">(支持图片上传限20M内,最多1张)</span>
  47. </div>
  48. <van-uploader
  49. :max-count="12"
  50. @delete="deleteRYXXZP"
  51. :file-list="fileList"
  52. @after-read="uploadRYXXZP"
  53. :show-upload="true"
  54. />
  55. <van-field
  56. :value="postData.constant"
  57. autosize
  58. type="textarea"
  59. placeholder="请输入"
  60. class="myField"
  61. maxlength="2000"
  62. show-word-limit
  63. />
  64. </li>
  65. </ul>
  66. <div class="buttonBox">
  67. <button class="btn zcBtn">暂存</button>
  68. <button class="btn tjBtn">发布</button>
  69. </div>
  70. </div>
  71. </template>
  72. <script>
  73. export default {
  74. name: "newRelease_com"
  75. }
  76. </script>
  77. <style scoped>
  78. </style>