Merge branch 'dev'
Showing
8 changed files
with
49 additions
and
29 deletions
... | @@ -340,7 +340,7 @@ | ... | @@ -340,7 +340,7 @@ |
340 | .el-icon-close { | 340 | .el-icon-close { |
341 | width: 16px; | 341 | width: 16px; |
342 | height: 16px; | 342 | height: 16px; |
343 | vertical-align: 2px; | 343 | vertical-align: 1px; |
344 | border-radius: 50%; | 344 | border-radius: 50%; |
345 | text-align: center; | 345 | text-align: center; |
346 | transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); | 346 | transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
... | @@ -349,7 +349,7 @@ | ... | @@ -349,7 +349,7 @@ |
349 | &:before { | 349 | &:before { |
350 | transform: scale(0.6); | 350 | transform: scale(0.6); |
351 | display: inline-block; | 351 | display: inline-block; |
352 | vertical-align: -3px; | 352 | vertical-align: 0px; |
353 | } | 353 | } |
354 | 354 | ||
355 | &:hover { | 355 | &:hover { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-25 09:23:55 | 4 | * @LastEditTime: 2023-08-25 09:31:57 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
... | @@ -148,7 +148,7 @@ | ... | @@ -148,7 +148,7 @@ |
148 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); | 148 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); |
149 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); | 149 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); |
150 | // qlqtzk | 150 | // qlqtzk |
151 | const maxWidth = 336; // 最大宽度限制 | 151 | const maxWidth = 333; // 最大宽度限制 |
152 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 152 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
153 | lines.forEach((line, index) => { | 153 | lines.forEach((line, index) => { |
154 | const y = 463 + (index * 40); // 每行文本的垂直位置 | 154 | const y = 463 + (index * 40); // 每行文本的垂直位置 |
... | @@ -190,30 +190,50 @@ | ... | @@ -190,30 +190,50 @@ |
190 | }) | 190 | }) |
191 | }) | 191 | }) |
192 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; | 192 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; |
193 | lines3.forEach((line, index) => { | 193 | if (lines3.length >= 22) { |
194 | const y = 423 + (index * 27); // 每行文本的垂直位置 | 194 | lines3.forEach((line, index) => { |
195 | let currentLine = ''; | 195 | const y = 423 + (index * 27); // 每行文本的垂直位置 |
196 | let arr = []; | 196 | let currentLine = ''; |
197 | for (let word of line) { | 197 | let arr = []; |
198 | const testLine = currentLine + word; | 198 | for (let word of line) { |
199 | const lineWidth = context.measureText(testLine).width; | 199 | const testLine = currentLine + word; |
200 | if (lineWidth <= 315) { | 200 | const lineWidth = context.measureText(testLine).width; |
201 | currentLine = testLine; | 201 | if (lineWidth <= 315) { |
202 | } else { | 202 | currentLine = testLine; |
203 | arr.push(currentLine); | 203 | } else { |
204 | currentLine = word; | 204 | arr.push(currentLine); |
205 | currentLine = word; | ||
206 | } | ||
205 | } | 207 | } |
206 | } | 208 | arr.push(currentLine); |
207 | arr.push(currentLine); | 209 | arr.forEach((line, index) => { |
208 | arr.forEach((line, index) => { | 210 | context.fillText(line, 129, y + (index * 20)); // 调整行高 |
209 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | 211 | }) |
210 | }) | 212 | }) |
211 | }) | 213 | } else { |
212 | 214 | lines3.forEach((line, index) => { | |
213 | 215 | const y = 430 + (index * 27); // 每行文本的垂直位置 | |
216 | let currentLine = ''; | ||
217 | let arr = []; | ||
218 | for (let word of line) { | ||
219 | const testLine = currentLine + word; | ||
220 | const lineWidth = context.measureText(testLine).width; | ||
221 | if (lineWidth <= 315) { | ||
222 | currentLine = testLine; | ||
223 | } else { | ||
224 | arr.push(currentLine); | ||
225 | currentLine = word; | ||
226 | } | ||
227 | } | ||
228 | arr.push(currentLine); | ||
229 | arr.forEach((line, index) => { | ||
230 | context.fillText(line, 129, y + (index * 20)); // 调整行高 | ||
231 | }) | ||
232 | }) | ||
233 | } | ||
214 | 234 | ||
215 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 235 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; |
216 | if (lines2.length > 22) { | 236 | if (lines2.length >= 22) { |
217 | lines2.forEach((line, index) => { | 237 | lines2.forEach((line, index) => { |
218 | const y = 170 + (index * 20); // 每行文本的垂直位置 | 238 | const y = 170 + (index * 20); // 每行文本的垂直位置 |
219 | let currentLine = ''; | 239 | let currentLine = ''; |
... | @@ -221,7 +241,7 @@ | ... | @@ -221,7 +241,7 @@ |
221 | for (let word of line) { | 241 | for (let word of line) { |
222 | const testLine = currentLine + word; | 242 | const testLine = currentLine + word; |
223 | const lineWidth = context.measureText(testLine).width; | 243 | const lineWidth = context.measureText(testLine).width; |
224 | if (lineWidth <= 360) { | 244 | if (lineWidth <= 336) { |
225 | currentLine = testLine; | 245 | currentLine = testLine; |
226 | } else { | 246 | } else { |
227 | arr.push(currentLine); | 247 | arr.push(currentLine); |
... | @@ -241,7 +261,7 @@ | ... | @@ -241,7 +261,7 @@ |
241 | for (let word of line) { | 261 | for (let word of line) { |
242 | const testLine = currentLine + word; | 262 | const testLine = currentLine + word; |
243 | const lineWidth = context.measureText(testLine).width; | 263 | const lineWidth = context.measureText(testLine).width; |
244 | if (lineWidth <= 360) { | 264 | if (lineWidth <= 336) { |
245 | currentLine = testLine; | 265 | currentLine = testLine; |
246 | } else { | 266 | } else { |
247 | arr.push(currentLine); | 267 | arr.push(currentLine); | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-17 16:43:18 | 4 | * @LastEditTime: 2023-08-25 09:53:27 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -35,7 +35,7 @@ | ... | @@ -35,7 +35,7 @@ |
35 | }, | 35 | }, |
36 | disabled: { | 36 | disabled: { |
37 | type: Boolean, | 37 | type: Boolean, |
38 | default: false | 38 | default: true |
39 | } | 39 | } |
40 | }, | 40 | }, |
41 | data () { | 41 | data () { | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment