hookehuyr

fix 海报页图片生成样式调整,上传图片大小控制取消

<template>
<div class="poster-page">
<div class="poster-contain-wrapper">
<div v-if="flag" ref="canvasRef" class="poster-contain">
<div v-if="flag" ref="canvasRef" class="poster-contain" style="border: 1px solid #4e4e4e; ">
<div class="poster-text-boxer">
<div class="poster-text">
<span class="name">{{ tree_data?.name }}</span>
......@@ -163,10 +163,10 @@ const beforeRead = (file) => {
return false;
}
if (file.size > 1000 * 1024) {
showToast('图片大小超过1M');
return false;
}
// if (file.size > 1000 * 1024) {
// showToast('图片大小超过1M');
// return false;
// }
return true;
};
......@@ -210,7 +210,7 @@ const afterRead = async (res) => {
<style lang="less" scoped>
.poster-page {
height: 100vh;
background-color: green;
background-color: #DCD8D2;
.poster-contain-wrapper {
height: calc(83vh - 2rem);
padding: 1rem;
......@@ -231,11 +231,19 @@ const afterRead = async (res) => {
font-size: 2.5rem;
font-weight: bolder;
letter-spacing: 5px;
text-shadow:
-1px -1px 0 #1F6D4E,
1px -1px 0 #1F6D4E,
-1px 1px 0 #1F6D4E,
1px 1px 0 #1F6D4E;
}
.nickname {
position: absolute;
bottom: -1rem;
top: 0.5rem;
letter-spacing: 5px;
color: #1F6D4E;
background-color: #FFCE0B;
padding: 0.25rem;
}
}
}
......@@ -244,7 +252,7 @@ const afterRead = async (res) => {
height: 70vh;
}
.poster-mission {
color: #CCCCCC;
color: #363636;
margin-top: 1rem;
}
}
......@@ -254,7 +262,7 @@ const afterRead = async (res) => {
text-align: center;
margin-top: 2rem;
margin-bottom: 1rem;
color: #fff;
color: #797572;
font-size: 0.9rem;
}
.poster-control {
......