albumEdit.wxml 4.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!--pages/albumEdit/albumEdit.wxml-->
  2. <view style="padding: 20rpx 0 40rpx 0;">
  3. <form catchsubmit="formSubmit">
  4. <view style="width: 700rpx;background: #FFFFFF;border-radius: 10rpx;margin: auto;padding-top: 10rpx;">
  5. <view style="display: flex;border-bottom: 1px solid #DDDDDD;margin: 20rpx 18rpx;">
  6. <view style="font-size: 28rpx;display: flex;line-height: 70rpx;height: 70rpx;">
  7. <view style="color: #A91919;">*</view>
  8. <view style="width: 132rpx;">作者电话</view>
  9. </view>
  10. <input name="uploaderPhone" style="font-size: 28rpx;line-height: 70rpx;height: 70rpx;width: 100%;" type='number' placeholder="请输入电话" maxlength="11" placeholder-style="color:#D2D2D2;" />
  11. <switch name="isPublic" bindchange="publicChange" color="#4169E1" style="line-height: 60rpx;" />
  12. </view>
  13. <view style="display: flex;border-bottom: 1px solid #DDDDDD;margin: 20rpx 18rpx;">
  14. <view style="font-size: 28rpx;display: flex;line-height: 70rpx;height: 70rpx;">
  15. <view style="color: #A91919;">*</view>
  16. <view style="width: 132rpx;">作品名称</view>
  17. </view>
  18. <input name="pictureTitle" maxlength="99" style="font-size: 28rpx;line-height: 70rpx;height: 70rpx;width: 100%;" placeholder="请输入作品名称" placeholder-style="color:#D2D2D2;" />
  19. </view>
  20. <view style="display: flex;border-bottom: 1px solid #DDDDDD;margin: 20rpx 18rpx;">
  21. <view style="font-size: 28rpx;display: flex;line-height: 70rpx;height: 70rpx;">
  22. <view style="color: #A91919;">*</view>
  23. <view style="width: 132rpx;">作品作者</view>
  24. </view>
  25. <input name="pictureAuthor" style="font-size: 28rpx;line-height: 70rpx;height: 70rpx;width: 100%;" maxlength="10" placeholder="请输入作品作者" placeholder-style="color:#D2D2D2;" />
  26. <switch name="isAnonymous" color="#4169E1" bindchange="anonymousChange" style="line-height: 60rpx;" />
  27. </view>
  28. <view style="display: flex;border-bottom: 1px solid #DDDDDD;margin: 20rpx 18rpx;align-items: center;">
  29. <view style="font-size: 28rpx;display: flex;line-height: 70rpx;height: 70rpx;">
  30. <view style="color: #A91919;">*</view>
  31. <view style="width: 132rpx;">归属日期</view>
  32. </view>
  33. <t-icon name="calendar" color="#D3CFCF" size="38rpx" />
  34. <picker name="vestingDate" mode="date" value="{{vestingDate}}" bindchange="bindDateChange" style="line-height: 70rpx;font-size: 28rpx;width: 100%;margin-left: 10rpx;">
  35. <input style="font-size: 28rpx;line-height: 70rpx;height: 70rpx;width: 100%;" disabled="true" placeholder="请选择归属日期" placeholder-style="color:#D2D2D2;" value="{{vestingDate}}" />
  36. </picker>
  37. </view>
  38. <view style="display: flex;border-bottom: 1px solid #DDDDDD;margin: 20rpx 18rpx;align-items: center;">
  39. <view style="font-size: 28rpx;display: flex;line-height: 70rpx;height: 70rpx;">
  40. <view style="color: #A91919;">*</view>
  41. <view style="width: 132rpx;">作品年代</view>
  42. </view>
  43. <picker name="pictureType" bindchange="bindPickerChange" value="{{pictureType}}" range="{{array}}" style="line-height: 70rpx;font-size: 28rpx;width: 100%;">
  44. <input style="font-size: 28rpx;line-height: 70rpx;height: 70rpx;width: 100%;" disabled="true" placeholder="请选择作品年代" placeholder-style="color:#D2D2D2;" value="{{array[pictureType]}}" />
  45. </picker>
  46. <t-icon style="margin-right: 10rpx;" name="chevron-down" color="#D3CFCF" size="40rpx" />
  47. </view>
  48. <view style="display: flex;margin: 20rpx 18rpx;min-height: 130rpx;border-bottom: 1px solid #DDDDDD;">
  49. <view style="font-size: 28rpx;display: flex;line-height: 70rpx;height: 70rpx;">
  50. <view style="color: #A91919;">*</view>
  51. <view style="width: 132rpx;">作品描述</view>
  52. </view>
  53. <textarea name="pictureDescription" style="font-size: 28rpx;padding-top: 20rpx;" maxlength="199" auto-height placeholder="请输入你的作品描述" placeholder-style="color:#D2D2D2;" />
  54. </view>
  55. <view style="display: flex;margin: 20rpx 18rpx;">
  56. <view style="font-size: 28rpx;display: flex;line-height: 70rpx;height: 70rpx;">
  57. <view style="color: #A91919;">*</view>
  58. <view style="width: 132rpx;">我的作品</view>
  59. </view>
  60. <view style="width: 500rpx;">
  61. <view>
  62. <button bindtap="bindUpload" style="width: 166rpx;height: 60rpx;background: #004A93;border-radius: 10rpx;color: #FFFFFF;font-size: 28rpx;line-height: 60rpx;margin: 0;">上传</button>
  63. </view>
  64. <view style="font-size: 28rpx;color: #D2D2D2;">支持jpg. png格式,大小在5M以下</view>
  65. <view>
  66. <image wx:if="{{img}}" style="width: 100%;" src="{{imgURl}}{{img}}" />
  67. <view wx:else style="height: 50rpx;"></view>
  68. </view>
  69. </view>
  70. </view>
  71. </view>
  72. <button formType="submit" style="margin-top: 77rpx;width: 676rpx;height: 80rpx;background: #004A93;border-radius: 10rpx;color: #FFFFFF;font-size: 28rpx;line-height: 80rpx;">确认提交</button>
  73. </form>
  74. </view>