invoiceOther.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <template>
  2. <view>
  3. <view class="container-body">
  4. <u-form labelPosition="top" labelWidth='200' :model="userInfo" :rules="rules" ref="uForm">
  5. <view class="formbox">
  6. <u-form-item label="备注说明" prop="value">
  7. <u--textarea v-model="userInfo.name" border="none" placeholder="填写备注说明" style="padding: 0;"></u--textarea>
  8. </u-form-item>
  9. </view>
  10. <view class="formbox">
  11. <u-form-item label="地址" prop="name">
  12. <u-input v-model="userInfo.name" border="none" :clearable="true" placeholder="填写地址" maxlength="200"></u-input>
  13. </u-form-item>
  14. <u-form-item label="电话" prop="name">
  15. <u-input v-model="userInfo.name" border="none" :clearable="true" placeholder="填写电话" maxlength="20"></u-input>
  16. </u-form-item>
  17. </view>
  18. <view class="formbox">
  19. <u-form-item label="开户银行" prop="name">
  20. <u-input v-model="userInfo.name" border="none" :clearable="true" placeholder="填写开户银行" maxlength="50"></u-input>
  21. </u-form-item>
  22. <u-form-item label="银行账号" prop="name">
  23. <u-input v-model="userInfo.name" border="none" :clearable="true" placeholder="填写银行账号" maxlength="50"></u-input>
  24. </u-form-item>
  25. </view>
  26. </u-form>
  27. </view>
  28. <view class="footerbox x-ac">
  29. <view class="footerbox-btn x-ac" @click="submit">确定</view>
  30. </view>
  31. </view>
  32. </template>
  33. <script>
  34. export default {
  35. data() {
  36. return {
  37. userInfo: {
  38. name: ''
  39. },
  40. rules: {}
  41. }
  42. },
  43. onLoad() {
  44. uni.setNavigationBarTitle({
  45. title: '更多内容'
  46. })
  47. },
  48. onReady() {
  49. //onReady 为uni-app支持的生命周期之一
  50. this.$refs.uForm.setRules(this.rules)
  51. },
  52. }
  53. </script>
  54. <style lang="scss" scoped>
  55. .formbox {
  56. background-color: #fff;
  57. margin-bottom: 24rpx;
  58. padding: 0 30rpx;
  59. }
  60. .container-body {
  61. padding-top: 24rpx;
  62. padding-bottom: calc(var(--window-bottom) + 154rpx);
  63. }
  64. .footerbox {
  65. width: 100%;
  66. padding: 20rpx 24rpx;
  67. padding-bottom: calc(var(--window-bottom) + 20rpx);
  68. background-color: #fff;
  69. position: fixed;
  70. bottom: 0;
  71. left: 0;
  72. z-index: 99;
  73. &-btn {
  74. width: 702rpx;
  75. height: 96rpx;
  76. background: #FF5C03;
  77. border-radius: 96rpx;
  78. font-family: PingFang SC, PingFang SC;
  79. font-weight: 600;
  80. font-size: 36rpx;
  81. color: #FFFFFF;
  82. }
  83. }
  84. </style>