猫妈狗爸伴宠师小程序前端代码
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.

100 lines
3.2 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="size-30 mt32 fw400">
  10. 遛狗用品摆放位置
  11. </view>
  12. <view class="img mt20">
  13. <image src="" mode=""></image>
  14. </view>
  15. <view class="size-30 mt24 flex-between">
  16. <view :style="{color:'#999999'}">下雨天是否遛狗</view>
  17. <view class=""></view>
  18. </view>
  19. <view class="size-30 mt32 fw400">
  20. 狗狗雨具摆放位置
  21. </view>
  22. <view class="img mt20">
  23. <image src="" mode=""></image>
  24. </view>
  25. <view class="size-30 mt24" :style="{color:'#999999'}">
  26. 雨天遛狗要求
  27. </view>
  28. <view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
  29. <input type="text" :style="{height:'50rpx',fontSize:'30rpx'}">
  30. </view>
  31. </view>
  32. </view>
  33. <view class="top mt24 box-size" :style="{borderRadius:'16rpx'}">
  34. <view class="form-title">
  35. 其他补充信息(非必填)
  36. </view>
  37. <view class=" mt32 ml10">
  38. <view class="color-A55 size-30 fw400">
  39. 遛狗时长
  40. </view>
  41. <view class="size-30 mt24" :style="{color:'#999999'}">
  42. 备注信息
  43. </view>
  44. <view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
  45. <input type="text" placeholder="文字说明文字说明文字说明" :style="{height:'50rpx',fontSize:'30rpx'}">
  46. </view>
  47. </view>
  48. <view class="line" :style="{borderRadius:'1rpx'}"></view>
  49. <view class=" mt32 ml10">
  50. <view class="color-A55 size-30 fw400">
  51. 狗狗行为
  52. </view>
  53. <view class="size-30 mt24" :style="{color:'#999999'}">
  54. 备注信息
  55. </view>
  56. <view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
  57. <input type="text" placeholder="文字说明文字说明文字说明" :style="{height:'50rpx',fontSize:'30rpx'}">
  58. </view>
  59. </view>
  60. <view class="line" :style="{borderRadius:'1rpx'}"></view>
  61. <view class=" mt32 ml10">
  62. <view class="color-A55 size-30 fw400">
  63. 偏好区域
  64. </view>
  65. <view class="size-30 mt24" :style="{color:'#999999'}">
  66. 备注信息
  67. </view>
  68. <view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
  69. <input type="text" placeholder="文字说明文字说明文字说明" :style="{height:'50rpx',fontSize:'30rpx'}">
  70. </view>
  71. </view>
  72. <view class="line" :style="{borderRadius:'1rpx'}"></view>
  73. <view class=" mt32 ml10">
  74. <view class="color-A55 size-30 fw400">
  75. 偏好路线
  76. </view>
  77. <view class="size-30 mt24" :style="{color:'#999999'}">
  78. 备注信息
  79. </view>
  80. <view class="notes mt16 box-size ml--15" :style="{borderRadius:'16rpx'}">
  81. <input type="text" placeholder="文字说明文字说明文字说明" :style="{height:'50rpx',fontSize:'30rpx'}">
  82. </view>
  83. </view>
  84. </view>
  85. <view class="buttom_ mt60 box-size level">
  86. <view class="buttom_item level size-30" :style="{borderRadius:'41rpx',color:'#fff'}">
  87. 上一页
  88. </view>
  89. <view class="buttom_item level size-30" :style="{borderRadius:'41rpx',color:'#fff'}">
  90. 下一页
  91. </view>
  92. </view>
  93. </view>
  94. </template>
  95. <script>
  96. </script>
  97. <style scoped lang="scss">
  98. @import"detail.scss"
  99. </style>