图片优化
|
|
@ -8,10 +8,10 @@
|
||||||
<view class="button-container">
|
<view class="button-container">
|
||||||
<button class="btn-save-image" @click="saveImage">保存图片</button>
|
<button class="btn-save-image" @click="saveImage">保存图片</button>
|
||||||
</view>
|
</view>
|
||||||
<l-painter isCanvasToTempFilePath @success="successImage" @progress="progress" hidden
|
<l-painter isCanvasToTempFilePath @success="successImage" @progress="progress" hidden v-if="data.bgImage"
|
||||||
:css="`width:${data.width}px;height:${data.width / 4 * 3}px;`">
|
:css="`width:${data.width}px;height:${data.width / 4 * 3}px;`">
|
||||||
<l-painter-view
|
<l-painter-view
|
||||||
:css="`position: relative;width:${data.width}px;height:${data.width / 4 * 3}px;background-image: url('/static/image/other/gzd.png');`">
|
:css="`position: relative;width:${data.width}px;height:${data.width / 4 * 3}px;background-image: url('${data.bgImage}');`">
|
||||||
<!-- 头部年月 -->
|
<!-- 头部年月 -->
|
||||||
<l-painter-view :css="`position: absolute;left:480px;top:336px;`">
|
<l-painter-view :css="`position: absolute;left:480px;top:336px;`">
|
||||||
<l-painter-text :css="data.textCssTime" :text="data.form.year" />
|
<l-painter-text :css="data.textCssTime" :text="data.form.year" />
|
||||||
|
|
@ -183,7 +183,7 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
// 自定义头部
|
// 自定义头部
|
||||||
import ZdyNavbar from "@/components/nav-bar/nav-bar.vue"
|
import ZdyNavbar from "@/components/nav-bar/nav-bar.vue"
|
||||||
|
import { imgLocal } from '@/utils/common.js';
|
||||||
import {
|
import {
|
||||||
ref,
|
ref,
|
||||||
reactive,
|
reactive,
|
||||||
|
|
@ -207,6 +207,7 @@ const data = reactive({
|
||||||
title: "工资条",
|
title: "工资条",
|
||||||
bgColor: '#EDEDED',
|
bgColor: '#EDEDED',
|
||||||
},
|
},
|
||||||
|
bgImage:'',
|
||||||
width: 375,
|
width: 375,
|
||||||
height: 495,
|
height: 495,
|
||||||
code: '',
|
code: '',
|
||||||
|
|
@ -248,7 +249,7 @@ function progress(e){
|
||||||
if(e==1){
|
if(e==1){
|
||||||
uni.hideLoading()
|
uni.hideLoading()
|
||||||
}
|
}
|
||||||
console.log(e)
|
// console.log(e)
|
||||||
}
|
}
|
||||||
// 打开编辑弹窗
|
// 打开编辑弹窗
|
||||||
function edit() {
|
function edit() {
|
||||||
|
|
@ -437,7 +438,7 @@ function saveImage() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
onLoad((option) => {
|
onLoad(async(option) => {
|
||||||
// 进入工资单页面埋点
|
// 进入工资单页面埋点
|
||||||
proxy.$apiUserEvent('all', {
|
proxy.$apiUserEvent('all', {
|
||||||
type: 'event',
|
type: 'event',
|
||||||
|
|
@ -445,6 +446,9 @@ onLoad((option) => {
|
||||||
prefix: '.uni.other.',
|
prefix: '.uni.other.',
|
||||||
value: "工资单"
|
value: "工资单"
|
||||||
})
|
})
|
||||||
|
|
||||||
|
data.bgImage = await imgLocal.getLocalImage('other/gzd.png');
|
||||||
|
console.log(data.bgImage)
|
||||||
})
|
})
|
||||||
onReady(() => {
|
onReady(() => {
|
||||||
|
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 861 KiB |
|
Before Width: | Height: | Size: 280 KiB |
|
Before Width: | Height: | Size: 332 KiB |
|
Before Width: | Height: | Size: 335 KiB |
|
Before Width: | Height: | Size: 292 KiB |
|
Before Width: | Height: | Size: 307 KiB |
|
Before Width: | Height: | Size: 327 KiB |
|
Before Width: | Height: | Size: 692 KiB |
|
Before Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 253 KiB |
|
Before Width: | Height: | Size: 254 KiB |
|
Before Width: | Height: | Size: 216 KiB |
|
Before Width: | Height: | Size: 225 KiB |
|
Before Width: | Height: | Size: 156 KiB |
|
Before Width: | Height: | Size: 268 KiB |
|
Before Width: | Height: | Size: 278 KiB |
|
Before Width: | Height: | Size: 262 KiB |
|
Before Width: | Height: | Size: 249 KiB |
|
Before Width: | Height: | Size: 610 KiB |
|
Before Width: | Height: | Size: 203 KiB |
|
Before Width: | Height: | Size: 732 KiB |
|
Before Width: | Height: | Size: 460 KiB |
|
Before Width: | Height: | Size: 652 KiB |
|
Before Width: | Height: | Size: 219 KiB |
|
Before Width: | Height: | Size: 133 KiB |