Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

remind.vue 1.6 KiB

3 anni fa
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <template>
  2. <view class="box">
  3. <view class="conmsg">
  4. <view class="conmsg-lab">
  5. <view class="conmsg-lab-1">
  6. 客户信息
  7. </view>
  8. <view class="conmsg-lab-2">
  9. 李先生/12385945986
  10. </view>
  11. </view>
  12. <view class="conmsg-lab" style="border: none;">
  13. <view class="conmsg-lab-1">
  14. 提醒时间
  15. </view>
  16. <view class="conmsg-lab-3">
  17. 请选择提醒时间(必填)
  18. </view>
  19. <view class="conmsg-lab-4">
  20. <image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
  21. </view>
  22. </view>
  23. </view>
  24. <view class="conent">
  25. <u-input v-model="value" type="textarea" height="148" :auto-height="true" />
  26. </view>
  27. </view>
  28. </template>
  29. <script>
  30. export default{
  31. data(){
  32. return{
  33. }
  34. },
  35. methods:{
  36. }
  37. }
  38. </script>
  39. <style lang="scss" scoped>
  40. .box {
  41. width: 100%;
  42. height: 100%;
  43. background: #F8F8F8;
  44. }
  45. .conmsg{
  46. border-top: 1px solid #E0E0E0;
  47. padding: 0 30rpx;
  48. background: #fff;
  49. height: 208rpx;
  50. .conmsg-lab{
  51. display: flex;
  52. border-bottom: 1px solid #E0E0E0;
  53. height: 102rpx;
  54. font-size: 30rpx;
  55. font-weight: 400;
  56. line-height: 102rpx;
  57. color: #333333;
  58. .conmsg-lab-1{
  59. margin-right: 60rpx;
  60. }
  61. .conmsg-lab-3{
  62. color: #B2B2B2;
  63. }
  64. .conmsg-lab-4{
  65. width: 14rpx;
  66. height: 30rpx;
  67. margin-top: 6rpx;
  68. margin-left: auto;
  69. image{
  70. width: 100%;
  71. height: 100%;
  72. }
  73. }
  74. }
  75. }
  76. .conent{
  77. margin-top: 20rpx;
  78. min-height: 208rpx;
  79. background: #FFFFFF;
  80. box-sizing: border-box;
  81. padding: 30rpx;
  82. margin-bottom: 20rpx;
  83. }
  84. </style>