猫妈狗爸伴宠师小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

89 lines
2.7 KiB

  1. <template>
  2. <!-- <div>服务档案</div> -->
  3. <view class="box box-size">
  4. <view class="top box-size" :style="{borderRadius:'16rpx'}">
  5. <view class="form-title">
  6. 您需要的清洁内容
  7. </view>
  8. <view class=" mt32 ml10">
  9. <view class="color-A55 size-30 fw400">
  10. 猫砂
  11. </view>
  12. <view class="size-30 mt32 fw400">
  13. 猫砂摆放位置
  14. </view>
  15. <view class="img mt20">
  16. <image src="" mode=""></image>
  17. </view>
  18. <view class="size-30 mt24 flex-between">
  19. <view :style="{color:'#999999'}">猫砂更换频率</view>
  20. <view class="level">
  21. <view class="input_ mr10">
  22. <input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
  23. </view>
  24. <view></view>
  25. <view class="input_ mr10">
  26. <input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
  27. </view>
  28. <view></view>
  29. </view>
  30. </view>
  31. <view class="size-30 mt24" :style="{color:'#999999'}">
  32. 备注信息
  33. </view>
  34. <view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
  35. <input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
  36. </view>
  37. </view>
  38. <view class="line" :style="{borderRadius:'1rpx'}"></view>
  39. <view class=" mt32 ml10">
  40. <view class="color-A55 size-30 fw400">
  41. 尿垫
  42. </view>
  43. <view class="size-30 mt32 fw400">
  44. 尿垫摆放位置
  45. </view>
  46. <view class="img mt20">
  47. <image src="" mode=""></image>
  48. </view>
  49. <view class="size-30 mt24 flex-between">
  50. <view :style="{color:'#999999'}">更换尿垫</view>
  51. <view class=""></view>
  52. </view>
  53. <view class="size-30 mt24 flex-between">
  54. <view :style="{color:'#999999'}">尿垫更换频率</view>
  55. <view class="level">
  56. <view class="input_ mr10">
  57. <input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
  58. </view>
  59. <view></view>
  60. <view class="input_ mr10">
  61. <input type="text" :style="{width:'80rpx',height:'50rpx',fontSize:'30rpx'}">
  62. </view>
  63. <view></view>
  64. </view>
  65. </view>
  66. <view class="size-30 mt24" :style="{color:'#999999'}">
  67. 备注信息
  68. </view>
  69. <view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
  70. <input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
  71. </view>
  72. </view>
  73. </view>
  74. <view class="buttom_ mt60 box-size level">
  75. <view class="buttom_item level size-30" :style="{borderRadius:'41rpx',color:'#fff'}">
  76. 上一页
  77. </view>
  78. <view class="buttom_item level size-30" :style="{borderRadius:'41rpx',color:'#fff'}">
  79. 下一页
  80. </view>
  81. </view>
  82. </view>
  83. </template>
  84. <script>
  85. </script>
  86. <style scoped lang="scss">
  87. @import"detail.scss"
  88. </style>