Files
lucky_shop/pages_tool/member/cancelsuccess.vue
ZF sun c7810f16f7 feat: 新增多语言文案并修复动态国际化调用问题
1. 新增多语言文件覆盖组件、页面、公共模块的翻译文案
2. 修复多处动态拼接lang key的调用,增加兜底逻辑避免空值或原始key暴露
3. 补全DIY组件、业务页面的国际化适配
4. 新增P2动态key国际化处理方案文档
2026-06-29 15:29:24 +08:00

104 lines
2.0 KiB
Vue

<template>
<view class="container" :style="themeColor">
<view class="cancel-wrap">
<view class="cancel-img">
<image :src="$util.img('public/uniapp/member/success.png')" show-menu-by-longpress></image>
</view>
<view class="cancel-title">{{ $lang('member.cancelsuccess.title') }}</view>
<view class="cancel-reason">{{ $lang('member.cancelsuccess.desc') }}</view>
<view class="cancel-btn"><button class="color-base-bg" @click="success">{{ $lang('member.cancelsuccess.done') }}</button></view>
</view>
</view>
</template>
<script>
import memberPublic from './public/js/member-public.js';
export default {
mixins: [memberPublic],
components: {},
data() {
return {
state: ''
};
},
onLoad(option) {
if (option.back) this.back = option.back;
// 判断登录
if (!this.storeToken) {
this.$util.redirectTo(this.$util.LOGIN_PAGE_URL);
} else {
this.getStatus();
}
},
methods: {
getStatus() {
this.$api.sendRequest({
url: '/membercancel/api/membercancel/info',
success: res => {
if (res.code >= 0) {
if (res.data && res.data.status == 1) {
this.clearLoginState();
this.$util.redirectTo(this.$util.LOGIN_PAGE_URL);
}
}
}
});
},
success() {
this.clearLoginState();
this.$util.redirectTo(this.$util.LOGIN_PAGE_URL);
}
}
};
</script>
<style lang="scss" scoped>
.cancel-wrap {
padding-top: 84rpx;
text-align: center;
.cancel-img {
width: 100rpx;
height: 100rpx;
display: inline-block;
image {
width: 100%;
height: 100%;
}
}
.cancel-title {
text-align: center;
font-size: 24rpx;
line-height: 24rpx;
margin-top: 30rpx;
}
.cancel-reason {
color: #838383;
font-size: 20rpx;
line-height: 40rpx;
margin-top: 20rpx;
padding: 0 175rpx;
}
.cancel-btn {
width: 100%;
margin-top: 173rpx;
button {
display: inline-block;
width: 300rpx;
height: 80rpx;
font-size: 28rpx;
line-height: 80rpx;
margin: 0 15rpx;
color: #ffffff;
}
}
}
</style>