charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat：性能优化

Browse Source
This commit is contained in:
charles
2026-07-25 09:12:36 +08:00
parent 3eba959b48
commit 9ab39d2aec
138 changed files with 232 additions and 1511 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/login_package/components/code-comm/code-comm.vue
+92
View File
@@ -0,0 +1,92 @@
<template>
<view class="comm-input-warp">
<!-- #ifdef APP-PLUS -->
<input :placeholder="$t('login.comm.code')" border="false" :v-model="modelValue" color="#EEEEEE" type="number"
@input="$emit('update:modelValue', $event.detail.value)" style="height: 64rpx;width: 70%;"></input>
<!-- #endif -->
<!-- #ifdef MP -->
<input :placeholder="$t('login.comm.code')" border="false" :v-model="modelValue" color="#EEEEEE" type="number"
@input="$emit('update:modelValue', $event.target.value)" style="height: 64rpx;width: 70%;"></input>
<!-- #endif -->
<view class="code-warp" v-if="countdown">
<up-count-down :time="60 * 1000" format="ss" @finish="getCode(false)"></up-count-down>
<text style="margin-left: 10rpx;">s</text>
<!-- <text style="margin-left: 10rpx;">{{$t('login.comm.reacquire.code')}}</text> -->
</view>
<view v-else class="code-warp" @click="getCode(true)">
<view>{{ $t('login.comm.get.code') }}</view>
</view>
<up-toast ref="uToastRef"></up-toast>
</view>
</template>
<script>
// import { ref } from 'vue';
// const uCodeRef = ref(null);
export default {
name: 'inputComm',
props: ['modelValue', 'codeNumberRef', 'emptyCountdownRef'],
watch: {
emptyCountdownRef(value, oldValue) {
if (value) {
this.countdown = true;
}
},
},
data() {
return {
countdown: false,
emptyCountdown: this.emptyCountdownRef,
inputCss: {
"height": '80rpx',
"background": "#F3F3F3FF",
"border-radius": "30rpx",
"border": "0rpx",
"padding-left": "16px",
},
}
},
emits: ['update:modelValue'],
mounted() {
},
methods: {
getCode(val) {
const emptyCountdown = this.emptyCountdown;
if (val) {
const codeNumber = this.codeNumberRef;
if (codeNumber) {
this.$emit('getCode');
} else {
this.$refs.uToastRef.show({
type: 'error',
message: this.$t('login.comm.email'),
});
return;
}
} else {
// uni.dialog.showMessage('请输入邮箱');
this.$refs.uToastRef.show({
type: 'error',
message: this.$t('login.comm.email'),
});
}
},
},
};
</script>
<style lang="less" scoped>
.code-warp {
width: 30%;
text-align: right;
display: flex;
justify-content: flex-end;
}
.wrap {
padding: 24rpx;
}
</style>
pages/login_package/login/login.vue
+6 -6
View File
@@ -19,9 +19,9 @@
<up-input placeholder="请输入密码" border="surround" v-model="form.password" :customStyle="inputCss"
:type="isShow ? 'text' : 'password'" @change="checkParam">
<template #suffix style="margin-right: 10rpx">
<up-image v-if="isShow" src="/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00"
<up-image v-if="isShow" src="/pages/login_package/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00"
@click="isShow = false"></up-image>
<up-image v-else src="/static/login/hidden.png" width="20" height="20" bgColor="#f1f6ff00"
<up-image v-else src="/pages/login_package/static/login/hidden.png" width="20" height="20" bgColor="#f1f6ff00"
@click="isShow = true"></up-image>
</template>
</up-input>
@@ -56,12 +56,12 @@
<view class="other_login">其他登录方式</view>
<view class="login_other_icon">
<view class="login_other_item" @click="wechatOneLogin">
<up-image src="/static/login/WXICON.png" width="44" height="44" bgColor="#f1f6ff00"></up-image>
<up-image src="/pages/login_package/static/login/WXICON.png" width="44" height="44" bgColor="#f1f6ff00"></up-image>
微信登录
</view>
<!-- <view class="login_other_item" @click="aa"> -->
<view v-if="!isIOS" class="login_other_item" @click="alipayOneLogin">
<up-image src="/static/login/ZFB.png" width="44" height="44" bgColor="#f1f6ff00"></up-image>
<up-image src="/pages/login_package/static/login/ZFB.png" width="44" height="44" bgColor="#f1f6ff00"></up-image>
支付宝登录
</view>
</view>
@@ -71,7 +71,7 @@
<view class="other_login">其他登录方式</view>
<!-- <view class="login_other_icon">
<view class="login_other_item" @click="wechatOneLogin">
<up-image src="/static/login/WXICON.png" width="44" height="44" bgColor="#f1f6ff00"></up-image>
<up-image src="/pages/login_package/static/login/WXICON.png" width="44" height="44" bgColor="#f1f6ff00"></up-image>
微信登录
</view>
</view> -->
@@ -112,7 +112,7 @@
</template>
<script>
import InputCodeComm from "@/components/code-comm/code-comm.vue";
import InputCodeComm from "@/pages/login_package/components/code-comm/code-comm.vue";
import {
SMS_TYPE
} from "@/utils/enumUtils.js";
pages/login_package/news/news.vue
+1 -1
View File
@@ -40,7 +40,7 @@
<view>{{ formatDate(item.ctdate) }}</view>
<view class="browses_">
<view>
<up-image src="/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
<up-image src="/pages/login_package/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
</view>
<view style="margin-left: 8rpx;">{{ item.browses }}</view>
</view>
pages/login_package/news_info/news_info.vue
+1 -1
View File
@@ -14,7 +14,7 @@
<view>{{ formatDate(newsDetail.ctdate) }}</view>
<view class="browses_">
<view>
<up-image src="/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
<up-image src="/pages/login_package/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
</view>
<view style="margin-left: 8rpx;">{{ newsDetail.browses }}</view>
</view>
pages/login_package/preference/preference.vue
+2 -2
View File
@@ -12,9 +12,9 @@
>
</up-swiper>
<view class="preference_title">
<up-image src="/static/product/hw_l.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
<up-image src="/pages/other_package/static/product/hw_l.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
<view class="msg">信任桥优选</view>
<up-image src="/static/product/hw_r.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
<up-image src="/pages/other_package/static/product/hw_r.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
</view>
<view class="preference_product">
<up-loading-page :loading="productListLoading"></up-loading-page>
pages/login_package/register/register.vue
+6 -6
View File
@@ -28,9 +28,9 @@
<up-input placeholder="请输入登录密码" border="surround" v-model="form.loginPassword" :customStyle="inputCss"
:type="loginPasswordIsShow ? 'text' : 'password'">
<template #suffix style="margin-right: 10rpx;">
<up-image v-if="loginPasswordIsShow" src="/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00"
<up-image v-if="loginPasswordIsShow" src="/pages/login_package/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00"
@click="loginPasswordIsShow = false;"></up-image>
<up-image v-else src="/static/login/hidden.png" width="20" height="20" bgColor="#f1f6ff00"
<up-image v-else src="/pages/login_package/static/login/hidden.png" width="20" height="20" bgColor="#f1f6ff00"
@click="loginPasswordIsShow = true;"></up-image>
</template>
</up-input>
@@ -39,9 +39,9 @@
<up-input placeholder="再次输入登录密码" border="surround" v-model="form.loginPassword2" :customStyle="inputCss"
:type="loginPassword2IsShow ? 'text' : 'password'">
<template #suffix style="margin-right: 10rpx;">
<up-image v-if="loginPassword2IsShow" src="/static/login/show.png" width="20" height="20"
<up-image v-if="loginPassword2IsShow" src="/pages/login_package/static/login/show.png" width="20" height="20"
bgColor="#f1f6ff00" @click="loginPassword2IsShow = false;"></up-image>
<up-image v-else src="/static/login/hidden.png" width="20" height="20" bgColor="#f1f6ff00"
<up-image v-else src="/pages/login_package/static/login/hidden.png" width="20" height="20" bgColor="#f1f6ff00"
@click="loginPassword2IsShow = true;"></up-image>
</template>
</up-input>
@@ -55,8 +55,8 @@
:type="transactionCodeIsShow ?'text':'password'"
>
<template #suffix style="margin-right: 10rpx;">
<up-image v-if="transactionCodeIsShow" src="/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00" @click="transactionCodeIsShow=false;"></up-image>
<up-image v-else src="/static/login/hidden.png" width="20" height="20" bgColor="#f1f6ff00" @click="transactionCodeIsShow=true;"></up-image>
<up-image v-if="transactionCodeIsShow" src="/pages/login_package/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00" @click="transactionCodeIsShow=false;"></up-image>
<up-image v-else src="/pages/login_package/static/login/hidden.png" width="20" height="20" bgColor="#f1f6ff00" @click="transactionCodeIsShow=true;"></up-image>
</template>
</up-input>
</view> -->
pages/login_package/static/login/WXICON.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

pages/login_package/static/login/ZFB.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

pages/login_package/static/login/hidden.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

pages/login_package/static/login/show.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

pages/login_package/welcome/welcome.vue
+2 -2
View File
@@ -12,9 +12,9 @@
>
</up-swiper>
<view class="preference_title">
<up-image src="/static/product/bk_l.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
<up-image src="/pages/other_package/static/product/bk_l.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
<view class="msg">信任桥优品</view>
<up-image src="/static/product/bk_r.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
<up-image src="/pages/other_package/static/product/bk_r.png" width="60" height="2" bgColor="#f1f6ff00"></up-image>
</view>
<view class="preference_product">
<up-loading-page :loading="productListLoading"></up-loading-page>