ppl/pages/lanhu_record/index.vue

<template>
  <view class="page flex-col">
    <view class="group_1 flex-col">
      <view class="text-wrapper_1 flex-row justify-between">
        <text class="text_1">支付宝账号</text>
        <text class="text_2">请填写支付宝账号</text>
      </view>
      <image
        class="image_1"
        referrerpolicy="no-referrer"
        src="/static/lanhu_record/ps8pzn4zlg6msqasg8gjmp6oqt1rhjhx4q7bb20938-5f91-446e-853a-08a4a97e4406.png"
      />
      <view class="text-wrapper_2 flex-row justify-between">
        <text class="text_3">姓名</text>
        <text class="text_4">请填写姓名</text>
      </view>
      <image
        class="image_2"
        referrerpolicy="no-referrer"
        src="/static/lanhu_record/pshv0mmbha3hqgycdm25qcsoi99tglg3vvbd334f95-3265-43d9-a16b-5391abaab2b1.png"
      />
      <view class="text-wrapper_3 flex-row justify-between">
        <text class="text_5">手机号码</text>
        <text class="text_6">请填写手机号码</text>
      </view>
      <image
        class="image_3"
        referrerpolicy="no-referrer"
        src="/static/lanhu_record/ps896c5etqrer2pa5o17g8gdpc1yu3d6c96124b8dc-5877-464b-9baa-6a8454ae2d29.png"
      />
      <view class="box_1 flex-row justify-between">
        <text class="text_7">上传图片</text>
        <view class="image-wrapper_1 flex-col">
          <image
            class="image_4"
            referrerpolicy="no-referrer"
            src="/static/lanhu_record/ps3lynngrkw77ya7zb5jydv23q6xcffyj53c6fe453-54c4-4078-b021-8c1b292a08c2.png"
          />
        </view>
      </view>
      <image
        class="image_5"
        referrerpolicy="no-referrer"
        src="/static/lanhu_record/psuqgye8xemeeyyhuy0s00d9cscwkd2dlnpd8d71f8e-26c6-4324-a31c-943b803a1647.png"
      />
      <view class="box_2 flex-row justify-between">
        <text class="text_8">多行文本</text>
        <image
          class="image_6"
          referrerpolicy="no-referrer"
          src="/static/lanhu_record/pszgqlg7pf9ui4lmn2pxvl2q7xwdhtpbt97bb19f469-f7a4-43d0-9866-a767879e1acc.png"
        />
      </view>
      <button class="button_1 flex-col" @click="onClick_1">
        <text class="text_9">提交保存</text>
      </button>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    }
  }
};
</script>
<style lang='css'>
@import '../common/common.css';
@import './assets/style/index.rpx.css';
</style>