fuint-uniapp-master/pages/points/gift.vue

（开头部分） 5KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <view class="container">
    <!-- 标题 -->
    <view class="page-title">把积分转赠给好友</view>
    <!-- 表单组件 -->
    <view class="form-wrapper">
      <u-form :model="form" ref="uForm" label-width="160rpx">
        <u-form-item label="手机号码" prop="mobile">
          <u-input v-model="form.mobile" placeholder="请输入好友手机号" />
        </u-form-item>
        <u-form-item label="转赠数量" prop="amount">
          <u-input v-model="form.amount" placeholder="请输入转赠数量" />
        </u-form-item>
        <view class="my-amount">可用积分：
             <text class="amount">{{ userInfo.point ? userInfo.point : 0 }}</text>
             <text class="all" @click="useAllPoint()">全部</text>
        </view>
        <u-form-item label="转赠留言" prop="remark" :border-bottom="false">
          <u-input v-model="form.remark" placeholder="请输入转赠留言" />
        </u-form-item>
      </u-form>
    </view>
    <!-- 操作按钮 -->
    <view class="footer">
      <view class="btn-wrapper">
        <view class="btn-item btn-item-main" :class="{ disabled }" @click="handleSubmit()">确定转赠</view>
      </view>
    </view>
  </view>
</template>

<script>
  import { isMobile } from '@/utils/verify'
  import * as PointApi from '@/api/points/log'
  import * as UserApi from '@/api/user'

  // 表单验证规则
  const rules = {
    amount: [{
      required: true,
      message: '请输入转赠数量',
      trigger: ['blur', 'change']
    }],
    mobile: [{
      required: true,
      message: '请输入好友手机号',
      trigger: ['blur', 'change']
    }, {
      // 自定义验证函数
      validator: (rule, value, callback) => {
        // 返回true表示校验通过，返回false表示不通过
        return isMobile(value)
      },
      message: '好友手机号码不正确',
      // 触发器可以同时用blur和change
      trigger: ['blur'],
    }]
  }

  export default {
后面还有 148 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。