jiliangxiaochengxu/pages/verification/external.vue

<!-- @format -->

<template>
  <view class="container">
    <view style="margin: 15rpx 0">
      <view class="contentItems">
        <u-form labelPosition="left" labelWidth="160rpx">
          <view class="content">
            <u-form-item label="检定方式：">
              <u-input
                border="none"
                placeholder="请输入申请单位"
                value="外检"
              ></u-input>
            </u-form-item>
          </view>
          <view class="content">
            <u-form-item label="选择器具：">
              <u-input
                border="none"
                placeholder="请输入申请单位"
                value="血氧仪器"
              ></u-input>
            </u-form-item>
          </view>
          <view class="content">
            <u-form-item label="申请单位：">
              <u-input border="none" placeholder="请输入申请单位"></u-input>
            </u-form-item>
          </view>
          <view class="content">
            <u-form-item label="申请日期：">
              <u-input border="none" placeholder="请输入申请日期"></u-input>
            </u-form-item>
          </view>
          <view class="content">
            <u-form-item label="申请人：">
              <u-input border="none" placeholder="请输入申请人"></u-input>
            </u-form-item>
          </view>
          <view class="content">
            <u-form-item label="联系电话：">
              <u-input border="none" placeholder="请输入联系电话"> </u-input>
            </u-form-item>
          </view>
        </u-form>
      </view>
      <view style="width: 95%; margin: 20rpx auto 0">
        <u-button type="primary"> 提交 </u-button>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.createFixed {
  background: #2979ff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90rpx;
  height: 90rpx;
  border-radius: 50%;
  position: fixed;
  right: 30rpx;
  bottom: 200rpx;
}

.createNew {
  font-size: 30rpx;
  margin: 20rpx 0 20rpx 20rpx;
  color: #3c9ff3;
}

.container {
  height: 100vh;
  background: rgb(243, 244, 249);

  .contentItems {
    width: 93%;
    border-radius: 6px;
    background: #fff;
    margin: 0rpx auto 20rpx;
    padding: 20rpx 30rpx 20rpx;

    .content {
      border-bottom: 1px solid rgb(242, 242, 242);
      display: flex;
      justify-content: space-between;
    }

    // .content:last-child {
    //   border-bottom: none;
    // }

    .title {
      font-size: 26rpx;
      color: black;
      letter-spacing: 3rpx;
    }

    .message {
      font-size: 26rpx;
      color: rgb(146, 146, 146);
    }
  }
}
</style>