<template>
<view class="main">
<view class="info-main cardBorder bg-white p30">
当前账户积分:{{ info.money|moneyYuan }}
</view>
<view class="recharge-main cardBorder bg-white p30 mtop30">
<uni-forms ref="form" :modelValue="form">
<uni-forms-item>
<uni-row>
<uni-col :span="5">
<template :v-slot="label">
<uni-icons type="wallet" size="20" />
<text>卡号</text>
</template>
</uni-col>
<uni-col :span="19">
<uni-easyinput v-model="form.no" placeholder="请输入卡号" />
</uni-col>
</uni-row>
</uni-forms-item>
<uni-forms-item>
<uni-row>
<uni-col :span="5">
<template :v-slot="label">
<uni-icons type="locked" size="20" />
<text>密码</text>
</template>
</uni-col>
<uni-col :span="19">
<uni-easyinput v-model="form.password" placeholder="请输入密码" />
</uni-col>
</uni-row>
</uni-forms-item>
</uni-forms>
</view>
<view class="warn rcardBorder bg-white p30 mtop30">
<view class="content">
<view class="num">1. </view>
<view class="desc">请填写您持有的储值卡的卡号和密码进行充值,充值成功后,即可看到已充值积分。(1元=1积分)</view>
</view>
<view class="content">
<view class="num">2. </view>
<view class="desc">本卡一张只充值一次,充值成功后卡号、密码立即作废。</view>
</view>
<view class="content">
<view class="num">3. </view>
<view class="desc">本卡为不记名卡、不挂失、不可兑换现金,遗失不补,请您妥善保存。</view>
</view>
<view class="content">
<view class="num">4. </view>
<view class="desc">销售本卡时已开具发票,所有本卡消费不再开发票,请您谅解。</view>
</view>
<view class="content">
<view class="num">4. </view>
<view class="desc">多张卡可以叠加充值,充值后长期有效。</view>
</view>
</view>
<view class="submit radius" @click="rechargeOption">充值</view>
<sys-loading />
</view>
</template>
<script>
import { memberInfo } from "@/api/member.js"
import { mapGetters } from 'vuex'
export default {
computed:{
...mapGetters(['firstLoad', 'loginStatus']),
},
data() {
return {
info: {},
form: {
no: '',
password: ''
}
}
},
onLoad() {
this.getInfoApi()
},
methods: {
getInfoApi(){
this.$loading(true)
memberInfo().then(({ data })=>{
this.info = data.info
this.$loading(false)
}).catch(()=>{
this.$loading(false)
})
},
rechargeOption(){
uni.showToast({
title: '暂未开通,敬请期待!',
icon: 'none'
})
},
}
}
</script>
<style lang="scss">
.main{
padding: 0 45rpx;
.recharge-main{
.uni-forms-item{
.uni-row{
display: flex;
align-items: center;
}
}
.uni-forms-item:last-child{
margin-bottom: 0;
}
}
.warn{
font-size: 23rpx;
color: #E6A23C;
.content{
display: flex;
flex-wrap: wrap-reverse;
padding: 5rpx 0;
.num{
width: 30rpx;
}
.desc{
width: 570rpx;
}
}
}
.submit{
background-color: $sp-text-active-color;
color: #fff;
text-align: center;
padding: 20rpx 0;
margin-top: 50rpx;
}
}
</style>

- 发布:2023-04-21 09:32
- 更新:2023-04-21 09:32
- 阅读:887
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 13.1 (22C65)
HBuilderX类型: 正式
HBuilderX版本号: 3.7.9
第三方开发者工具版本号: 1.0.6
基础库版本号: 1.4.20
项目创建方式: HBuilderX
示例代码:
操作步骤:
xbuilderX运行->小程序模拟器->运行微信开发者工具(1.0.6)
编辑其它的界面->保存代码->自动加载(就会出现这个bug,是偶现的,重新运行这个问题就没有了)
xbuilderX运行->小程序模拟器->运行微信开发者工具(1.0.6)
编辑其它的界面->保存代码->自动加载(就会出现这个bug,是偶现的,重新运行这个问题就没有了)
预期结果:
不加载组件“/pages/my/recharge-uni-forms-item-default”
不加载组件“/pages/my/recharge-uni-forms-item-default”
实际结果:
正确的
{
"navigationBarTitleText": "充值卡充值",
"enablePullDownRefresh": false,
"usingComponents": {
"uni-forms": "/node-modules/@dcloudio/uni-ui/lib/uni-forms/uni-forms",
"uni-forms-item": "/node-modules/@dcloudio/uni-ui/lib/uni-forms-item/uni-forms-item",
"uni-row": "/node-modules/@dcloudio/uni-ui/lib/uni-row/uni-row",
"uni-col": "/node-modules/@dcloudio/uni-ui/lib/uni-col/uni-col",
"uni-icons": "/node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons",
"uni-easyinput": "/node-modules/@dcloudio/uni-ui/lib/uni-easyinput/uni-easyinput"
}
}
错误的
{
"navigationBarTitleText": "充值卡充值",
"enablePullDownRefresh": false,
"usingComponents": {
"recharge-uni-forms-item-default": "/pages/my/recharge-uni-forms-item-default",
"uni-forms": "/node-modules/@dcloudio/uni-ui/lib/uni-forms/uni-forms",
"uni-forms-item": "/node-modules/@dcloudio/uni-ui/lib/uni-forms-item/uni-forms-item",
"uni-row": "/node-modules/@dcloudio/uni-ui/lib/uni-row/uni-row",
"uni-col": "/node-modules/@dcloudio/uni-ui/lib/uni-col/uni-col",
"uni-icons": "/node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons",
"uni-easyinput": "/node-modules/@dcloudio/uni-ui/lib/uni-easyinput/uni-easyinput"
}
}
正确的
{
"navigationBarTitleText": "充值卡充值",
"enablePullDownRefresh": false,
"usingComponents": {
"uni-forms": "/node-modules/@dcloudio/uni-ui/lib/uni-forms/uni-forms",
"uni-forms-item": "/node-modules/@dcloudio/uni-ui/lib/uni-forms-item/uni-forms-item",
"uni-row": "/node-modules/@dcloudio/uni-ui/lib/uni-row/uni-row",
"uni-col": "/node-modules/@dcloudio/uni-ui/lib/uni-col/uni-col",
"uni-icons": "/node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons",
"uni-easyinput": "/node-modules/@dcloudio/uni-ui/lib/uni-easyinput/uni-easyinput"
}
}
错误的
{
"navigationBarTitleText": "充值卡充值",
"enablePullDownRefresh": false,
"usingComponents": {
"recharge-uni-forms-item-default": "/pages/my/recharge-uni-forms-item-default",
"uni-forms": "/node-modules/@dcloudio/uni-ui/lib/uni-forms/uni-forms",
"uni-forms-item": "/node-modules/@dcloudio/uni-ui/lib/uni-forms-item/uni-forms-item",
"uni-row": "/node-modules/@dcloudio/uni-ui/lib/uni-row/uni-row",
"uni-col": "/node-modules/@dcloudio/uni-ui/lib/uni-col/uni-col",
"uni-icons": "/node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons",
"uni-easyinput": "/node-modules/@dcloudio/uni-ui/lib/uni-easyinput/uni-easyinput"
}
}
bug描述:
[代码依赖分析] 找到 1 个依赖异常情况,可能会导致对应文件无法加载,请检查。 Couldn't resolve the Component "/pages/my/recharge-uni-forms-item-default" relative to "/pages/my/recharge.json"
我没有定义recharge-uni-forms-item-default 这个组件,但是在小程序提示这个错误。只要重新启动服务这个问题就没了。编辑代码保存,自动加载过一会就出现了,这个问题是偶现的,频率很高
0 个回复