Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
fxPark
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2024-04-15 15:41:53 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
433821f2b8f1d345cdc99678f3819ad07f3202b8
433821f2
1 parent
a424a8f6
fix 海报页图片生成样式调整,上传图片大小控制取消
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
17 additions
and
9 deletions
src/views/fxPark/poster.vue
src/views/fxPark/poster.vue
View file @
433821f
<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: -1
rem;
top: 0.5
rem;
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 {
...
...
Please
register
or
login
to post a comment