tangxinyue
/
alipay-emulator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更改图片

This commit is contained in:
tangxinyue 2026-06-30 16:17:01 +08:00
parent 7bfa56cf5b
commit f842ab9d6a
9 changed files with 81 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
pages/common/alipay-annual-bill/alipay-annual-bill.vue
View File

@ -20,7 +20,7 @@
</view>
</view>
</view>
<image ref="bgImage" class="bg-image" src="@/static/image/alipay-bill/main-bg.png" mode="widthFix"></image>
<image ref="bgImage" class="bg-image" :src="billBgImage" mode="widthFix"></image>
<image class="eye-image" src="@/static/image/alipay-bill/hide.png" mode="widthFix"></image>
<image class="find-more" src="@/static/image/alipay-bill/find-more.png" mode=""></image>
@ -32,18 +32,18 @@
<view class="frist-money money-type-item">
<view class="type-input-box">
<!-- <{{ moneyFrist.type }}>支出最多！ -->
<<view class="percentage-input-box">
&lt;<view class="percentage-input-box">
<text class="ghost-text">{{ moneyFrist.type }}</text>
<input class="percentage-input" type="text" v-model="moneyFrist.type"
@input="inputPercentage($event, 'moneyFrist')" maxlength="4"></input>
</view>>支出最多！
@input="inputPercentage($event, 'moneyFrist')" maxlength="4" />
</view>&gt;支出最多！
</view>
<view class="money">
占
<view class="percentage-input-box">
<text class="ghost-text">{{ moneyFrist.percentage }}</text>
<input class="percentage-input" type="digit" v-model="moneyFrist.percentage"
@input="inputPercentage($event, 'moneyFrist')"></input>
@input="inputPercentage($event, 'moneyFrist')" />
</view>
<view>%</view>
</view>
@ -54,7 +54,7 @@
<view class="percentage-input-box">
<text class="ghost-text">{{ moneySecond.type }}</text>
<input class="percentage-input" type="text" v-model="moneySecond.type"
@input="inputPercentage($event, 'moneySecond')"></input>
@input="inputPercentage($event, 'moneySecond')" />
</view>
</view>
<view class="money">
@ -62,7 +62,7 @@
<view class="percentage-input-box">
<text class="ghost-text">{{ moneySecond.percentage }}</text>
<input class="percentage-input" type="digit" v-model="moneySecond.percentage"
@input="inputPercentage($event, 'moneySecond')"></input>
@input="inputPercentage($event, 'moneySecond')" />
</view>
<view>%</view>
</view>
@ -73,7 +73,7 @@
<view class="percentage-input-box">
<text class="ghost-text">{{ moneyThird.type }}</text>
<input class="percentage-input" type="text" v-model="moneyThird.type"
@input="inputPercentage($event, 'moneyThird')"></input>
@input="inputPercentage($event, 'moneyThird')" />
</view>
</view>
<view class="money">
@ -81,7 +81,7 @@
<view class="percentage-input-box">
<text class="ghost-text">{{ moneyThird.percentage }}</text>
<input class="percentage-input" type="digit" v-model="moneyThird.percentage"
@input="inputPercentage($event, 'moneyThird')"></input>
@input="inputPercentage($event, 'moneyThird')" />
</view>
<view>%</view>
</view>
@ -92,7 +92,7 @@
<view class="percentage-input-box">
<text class="ghost-text">{{ moneyFourth.type }}</text>
<input class="percentage-input" type="text" v-model="moneyFourth.type"
@input="inputPercentage($event, 'moneyFourth')"></input>
@input="inputPercentage($event, 'moneyFourth')" />
</view>
</view>
<view class="money">
@ -100,7 +100,7 @@
<view class="percentage-input-box">
<text class="ghost-text">{{ moneyFourth.percentage }}</text>
<input class="percentage-input" type="digit" v-model="moneyFourth.percentage"
@input="inputPercentage($event, 'moneyFourth')"></input>
@input="inputPercentage($event, 'moneyFourth')" />
</view>
<view>%</view>
</view>
@ -111,7 +111,7 @@
<view class="percentage-input-box">
<text class="ghost-text">{{ moneyFifth.type }}</text>
<input class="percentage-input" type="text" v-model="moneyFifth.type"
@input="inputPercentage($event, 'moneyFifth')"></input>
@input="inputPercentage($event, 'moneyFifth')" />
</view>
</view>
<view class="money">
@ -119,7 +119,7 @@
<view class="percentage-input-box">
<text class="ghost-text">{{ moneyFifth.percentage }}</text>
<input class="percentage-input" type="digit" v-model="moneyFifth.percentage"
@input="inputPercentage($event, 'moneyFifth')"></input>
@input="inputPercentage($event, 'moneyFifth')" />
</view>
<view>%</view>
</view>
@ -169,10 +169,9 @@ import {
getCurrentInstance
} from 'vue';
import {
onLoad,
onShow,
onUnload
onLoad
} from '@dcloudio/uni-app';
import { imgLocal } from '@/utils/common.js';
const statusBarHeight = ref(0);
const dialogPopup = ref(null);
const timeDialogPopup = ref(null);
@ -203,7 +202,7 @@ const data = reactive({
type: '服饰装扮',
percentage: "83"
},
navBarHeight: 0
billBgImage: ''
})
let {
@ -214,11 +213,11 @@ let {
moneyFourth,
moneyFifth,
time,
navBarHeight
billBgImage
} = toRefs(data)
onLoad(() => {
onLoad(async () => {
// 进入花呗页面埋点
proxy.$apiUserEvent('all', {
type: 'click',
@ -228,6 +227,9 @@ onLoad(() => {
time.value = getYesterday();
statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight;
data.billBgImage = await imgLocal.getLocalImage('alipay-bill/main-bg.png');
console.log("data.billBgImage", data.billBgImage)
const config = uni.getStorageSync('config')
console.log("---config---", config);
const font = config.config['client.uniapp.font']

8
pages/finance-management/index.vue
View File

@ -244,6 +244,7 @@
<script setup>
import NavBar from '@/components/nav-bar/nav-bar.vue'
import { imgLocal } from '@/utils/common.js';
import {
ref,
toRefs,
@ -298,7 +299,7 @@ const buttonGroup = [{
}
}]
const defualtData = {
let defualtData = {
benefitsText: '尊享礼遇18000元/年',
cardHolderName: 'XiaoMing',
vipLevel: "v3",
@ -355,7 +356,10 @@ onReady(() => {
}).exec()
})
onShow(() => {
onShow(async () => {
defualtData.bgImage = await imgLocal.getLocalImage('finance-management/bg-style/style-1.png');
console.log(defualtData.bgImage)
financeInfo.value = {
...defualtData,
...uni.getStorageSync('financeInfo')

22
pages/finance-management/select-image/select-image.vue
View File

@ -2,13 +2,12 @@
<view>
<NavBar title="选择理财图片样式" bgColor="#F5F5F5" isRightButton @right-click="handleRightButtonClick"></NavBar>
<view class="conatiner flex flex-justify-between">
<view v-for="index in 6" :key="index" class="cover-item flex flex-column flex-align-center"
<view v-for="(item, index) in bgList" :key="index" class="cover-item flex flex-column flex-align-center"
@click="data.selectedImage = index">
<view class="image-box" :class="{ 'active': index == data.selectedImage }">
<image class="w100 h100" :src="`/static/image/finance-management/covers/cover-${index}.png`"
mode="widthFix"></image>
<image class="w100 h100" :src="item" mode="widthFix"></image>
</view>
<view class="text">样式{{ index }}</view>
<view class="text">样式{{ index + 1 }}</view>
</view>
</view>
</view>
@ -17,6 +16,8 @@
<script setup>
import NavBar from '@/components/nav-bar/nav-bar.vue'
import { ref, reactive, toRefs, onMounted } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { imgLocal } from '@/utils/common.js';
const defualtData = {
benefitsText: '尊享礼遇18000元/年',
@ -82,6 +83,14 @@ const data = reactive({
})
const { bgImage, selectedImage, financeInfo } = toRefs(data)
const bgList = ref([])
onLoad(async () => {
for (let i = 1; i <= 6; i++) {
const imgPath = await imgLocal.getLocalImage(`finance-management/covers/cover-${i}.png`)
bgList.value.push(imgPath)
}
})
onMounted(() => {
financeInfo.value = {
@ -90,11 +99,12 @@ onMounted(() => {
}
})
const handleRightButtonClick = () => {
const handleRightButtonClick = async () => {
const financeInfoData = {
...financeInfo.value
}
financeInfoData.bgImage = `/static/image/finance-management/bg-style/style-${data.selectedImage}.png`
// financeInfoData.bgImage = `finance-management/bg-style/style-${data.selectedImage}.png`
financeInfoData.bgImage = await imgLocal.getLocalImage(`finance-management/bg-style/style-${data.selectedImage + 1}.png`)
uni.setStorageSync('financeInfo', financeInfoData)
uni.navigateBack()
}

11
pages/other/game/honor-of-kings.vue
View File

@ -19,8 +19,7 @@
css="position: absolute; left: 117.0px; top: 76.8px; width: 66px; height: 66px; border-radius: 200px; object-fit: cover; display: block;"></l-painter-image>
<!-- 头像框 (压在头像上方) -->
<l-painter-image
:src="`/static/image/other/game/wangzhe/avatar-frame-${honorData.type}.png`"
<l-painter-image :src="headerImage"
css="position: absolute; left: 0; top: 0; width: 183px; height: 141px"></l-painter-image>
<!-- 性别图标 -->
@ -227,6 +226,7 @@
<script setup>
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
import { onLoad, onReady, onUnload } from '@dcloudio/uni-app'
import { imgLocal } from '@/utils/common.js';
const rightButtonText = ref("编辑");
const instance = getCurrentInstance();
const { proxy } = getCurrentInstance();
@ -234,6 +234,7 @@ const nicknameImage = ref('');
const showPreview = ref(false); // 控制全屏预览
const isMountedReady = ref(false);
const isFontLoaded = ref(false);
const headerImage = ref('')
// 获取系统宽度计算海报缩放比例，代替容易失效的 css calc()，确保全端兼容防截断
const sysInfo = uni.getSystemInfoSync();
@ -264,11 +265,12 @@ const honorData = reactive({
peakStrong: '5632'
})
onLoad(() => {
onLoad(async () => {
const cachedData = uni.getStorageSync('wangzheHonorData');
if (cachedData) {
Object.assign(honorData, cachedData);
}
headerImage.value = await imgLocal.getLocalImage(`other/game/wangzhe/avatar-frame-${honorData.type}.png`)
uni.$on('editFormPhoto', (info) => {
tempData.avatar = info;
@ -390,11 +392,12 @@ const editPopup = ref(null);
const tempData = reactive({});
const newAvatars = ref([]);
function handleChangeTheme(typeIndex) {
async function handleChangeTheme(typeIndex) {
// 切换主题时，先清空旧海报，触发界面“加载中”提示
finalPosterPath.value = '';
honorData.type = typeIndex;
uni.setStorageSync('wangzheHonorData', honorData);
headerImage.value = await imgLocal.getLocalImage(`other/game/wangzhe/avatar-frame-${typeIndex}.png`)
}
function onRightClick() {

5
pages/shopping/pdd/list-index.vue
View File

@ -177,6 +177,7 @@ import { onShow, onLoad } from '@dcloudio/uni-app';
import ListCard from './components/list-card/list-card.vue';
import { defaultDataList } from '@/pages/shopping/pdd/json/order.json';
import { util } from '@/utils/common.js';
import { imgLocal } from '@/utils/common.js';
const { proxy } = getCurrentInstance();
const activeTab = ref(0);
@ -430,7 +431,7 @@ const filteredOrderList = computed(() => {
return list.slice().sort((a, b) => getOrderTime(b) - getOrderTime(a));
});
onShow(() => {
onShow(async () => {
const pddCouponInfo = uni.getStorageSync('pddCouponInfo');
if (pddCouponInfo) {
couponInfo.value = pddCouponInfo;
@ -449,7 +450,7 @@ onShow(() => {
// 加载拼图截图缓存 (若不存在则初始化默认底图)
let savedScreenshot = uni.getStorageSync('pdd_screenshot');
if (!savedScreenshot) {
savedScreenshot = '/static/image/shopping/pdd/pdd-bottom-product.png';
savedScreenshot = await imgLocal.getLocalImage(`shopping/pdd/pdd-bottom-product.png`)
uni.setStorageSync('pdd_screenshot', savedScreenshot);
}
screenshotImage.value = savedScreenshot;

13
pages/shopping/pdd/order-detail/order-detail.vue
View File

@ -202,8 +202,7 @@
<view v-if="order.orderType != 'wait_pay'">
<image style="width: 100%;" :src="screenshotImage || '/static/image/shopping/pdd/pdd-bottom-product.png'"
mode="widthFix"></image>
<image style="width: 100%;" :src="screenshotImage" mode="widthFix"></image>
</view>
<!-- 底部固定支付栏 -->
@ -235,6 +234,7 @@
<text>去支付</text>
</view>
</view>
<!-- 底部固定支付栏 -->
<view v-else class="fixed-bottom-bar flex-justify-between">
<view class="flex-align-center buttons">
@ -261,6 +261,7 @@ import { ref, computed, getCurrentInstance } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
import { stringUtil } from '@/utils/common.js';
import { util } from '@/utils/common.js';
import { imgLocal } from '@/utils/common.js';
const { proxy } = getCurrentInstance();
//导航栏菜单按钮
@ -372,7 +373,8 @@ const couponInfo = ref({
couponPath: '/static/image/shopping/pdd/coupon1.png'
});
onShow(() => {
const screenshotImage = ref('')
onShow(async () => {
const cacheList = uni.getStorageSync('pddOrderList');
order.value = cacheList.find(item => item.id == id.value);
@ -380,6 +382,11 @@ onShow(() => {
if (pddCouponInfo) {
couponInfo.value = pddCouponInfo;
}
screenshotImage.value = uni.getStorageSync('pdd_screenshot');
if (!screenshotImage.value) {
screenshotImage.value = await imgLocal.getLocalImage(`shopping/pdd/pdd-bottom-product.png`)
}
})

13
pages/shopping/taobao/add-shangou-order/add-shangou-order.vue
View File

@ -328,6 +328,7 @@ import { util } from '@/utils/common.js';
import { defualtData, waimaiType, waimaiClassfiy, waimaiProductList } from '../json/order.json';
import AutoWidthInput from "@/components/common/auto-width-input.vue";
import DateTimePicker from '@/components/dengrq-datetime-picker/dateTimePicker/index.vue';
import { imgLocal } from '@/utils/common.js';
const isScrolled = ref(false);
const screenshotImage = ref('');
@ -464,7 +465,7 @@ const switchTab = (item) => {
fees: JSON.parse(JSON.stringify(order.value.fees || [])),
compensations: JSON.parse(JSON.stringify(order.value.compensations || [])),
deliveryPhoto: order.value.deliveryPhoto,
mapUrl: order.value.mapUrl,
mapUrl: order.value.mapUrl || mapPhotos.value[0],
deliveryTime: order.value.deliveryTime,
remainingPayTime: order.value.remainingPayTime,
surplusDeliveryTime: order.value.surplusDeliveryTime,
@ -498,7 +499,7 @@ const switchTab = (item) => {
}
if (backup.mapUrl) {
order.value.mapUrl = backup.mapUrl;
order.value.mapUrl = backup.mapUrl || mapPhotos.value[0];
} else {
order.value.mapUrl = mapPhotos.value[0];
}
@ -542,6 +543,7 @@ const onConfirm = () => {
const idx = list.findIndex(item => String(item.id) === String(currentId.value));
if (idx > -1) {
list[idx] = JSON.parse(JSON.stringify(order.value));
console.log(list[idx], "编辑")
} else {
list.unshift(JSON.parse(JSON.stringify(order.value)));
}
@ -582,7 +584,7 @@ const setDefaultOrderTime = () => {
}
};
onLoad((options) => {
onLoad(async (options) => {
const editFlag = String(options.isEdit) === 'true' || options.isEdit === true;
if (editFlag && options.id) {
isEditMode.value = true;
@ -602,6 +604,11 @@ onLoad((options) => {
setDefaultOrderTime();
clickRandomDate();
}
const map1 = await imgLocal.getLocalImage(`shopping/taobao/waimai/map1.png`)
const map2 = await imgLocal.getLocalImage(`shopping/taobao/waimai/map2.png`)
mapPhotos.value[0] = map1;
mapPhotos.value[1] = map2;
});
// === 待支付倒计时选择器逻辑 (mm:ss) ===

4
pages/shopping/taobao/json/order.json
View File

@ -721,7 +721,7 @@
"remainingPayTime": "",
"orderQty": "12单",
"surplusDeliveryTime": "40分钟",
"mapUrl": "/static/image/shopping/taobao/waimai/map1.png",
"mapUrl": "",
"goodsList": [
{
"image": "",
@ -1208,7 +1208,7 @@
"remainingPayTime": "05:13",
"orderQty": "2单",
"surplusDeliveryTime": "20分钟",
"mapUrl": "/static/image/shopping/taobao/waimai/map1.png",
"mapUrl": "",
"goodsList": [
{
"image": "/static/image/shopping/jingdong/product/waimai/haidilao.png",

10
pages/shopping/taobao/shangou-order-detail/shangou-order-detail.vue
View File

@ -28,9 +28,8 @@
</nav-bar>
<!-- 待收货骑手地图 -->
<view v-if="order.statusType == 'wait_recv'" class="map-box"
:style="{ 'background-image': 'url(' + (order.mapUrl || '/static/image/shopping/taobao/waimai/map1.png') + ')' }">
<image style="width: 100%;opacity: 0;"
:src="order.mapUrl || '/static/image/shopping/taobao/waimai/map1.png'" mode="widthFix">
:style="{ 'background-image': 'url(' + (order.mapUrl || defaultMap) + ')' }">
<image style="width: 100%;opacity: 0;" :src="order.mapUrl || defaultMap" mode="widthFix">
</image>
<view class="qishou flex-align-center flex-column">
<view class="qishou-info">
@ -310,6 +309,7 @@ import { ref, reactive, computed } from 'vue';
import { onPageScroll, onShow, onLoad } from '@dcloudio/uni-app';
import { util } from '@/utils/common.js';
import { defualtData } from '../json/order.json';
import { imgLocal } from '@/utils/common.js';
const isScrolled = ref(false);
const screenshotImage = ref('')
@ -335,11 +335,13 @@ const order = ref({});
const currentId = ref('');
const isExpanded = ref(false);
const isOrderInfoExpanded = ref(false);
const defaultMap = ref('');
onLoad((options) => {
onLoad(async (options) => {
if (options.id) {
currentId.value = String(options.id);
}
defaultMap.value = await imgLocal.getLocalImage(`shopping/taobao/waimai/map1.png`)
});
onShow(() => {