更新记录

1.0.1（2022-10-10）

最基础的充值模板

1.0.0（2022-10-10）

1.0.0 最基础的充值模板

平台兼容性

product-template

页面引用

<product-template @orderPost="orderPostFn" :needGetApi="needGetApi" :tempInfo="tempInfo" :goodsObj="goodsObj" :hasLabel="hasLabel" :hasTips="hasTips" v-if="goodsObj.productType === 4" />

js引用

import productTemplate from '@/components/product-template/product-template.vue'; export default { components: { productTemplate }, data() { return { tempInfo: {}, goodsObj: { productType: 4, // 商品类型 4直充 // 01f1ecc8-5b81-4f86-82a3-54734d81050b 多个输入框 // 7a44e945-9b9b-4d4b-b7e7-f75850952970 单个输入框 // 4a28addb-f18c-4cd0-9c39-2658dc648cde 输入框+下拉选择 templateId: '4a28addb-f18c-4cd0-9c39-2658dc648cde' ,// 商品模板id validType:null,// 充值账号输入验证类型 1 手机 2 qq 3 邮箱 }, needGetApi: false, // 是否需要登录 默认否 hasLabel: false, // 表单是否包含标题 hasTips:false, // 是否包含充值账号的提示 默认true } }, onLoad() { if (this.needGetApi) { this.getTemp() } }, methods: { getTemp() { const { goodsObj } = this httpsRequest(config.api.getGameProTemp, 'GET', { productTemplateId: goodsObj.templateId }, (data) => { if (data.code == '1000') { this.tempInfo = data.data } }, false); }, orderPostFn(val){ console.log('--val-->', val) } } }