Procházet zdrojové kódy

系统水印样式调整

cfort před 1 rokem
rodič
revize
0a32d60074

+ 2 - 1
src/layout/header-aside/components/header-message/index.vue

@@ -164,7 +164,8 @@ export default {
                 })
             }
             const limitDate = new Date(notAfter).toLocaleDateString('zh-CN')
-            Watermark.set(`${customerInfo}试用版本`, `试用日期截止至${limitDate}`)
+            const temp = customerInfo && customerInfo.length >= 12 ? customerInfo : `${customerInfo}试用版本`
+            Watermark.set(`${temp}`, `试用日期截止至${limitDate}`)
         }
         this.loadData()
         Bus.$on('getMessageCount', count => {

+ 3 - 3
src/layout/header-aside/components/header-message/watermark/watermark-cont.js

@@ -12,13 +12,13 @@ const setWatermark = (str = null, str1 = null) => { // 传入多个str 或者传
     can.height = 300
 
     const cans = can.getContext('2d')
-    cans.rotate(-20 * Math.PI / 180)
+    cans.rotate(-25 * Math.PI / 180)
     cans.font = '22px Vedana'
     cans.fillStyle = '#E7ECF0'
     cans.textAlign = 'left'
     cans.textBaseline = 'Middle'
-    cans.fillText(str, can.width / 20, can.height / 1.5)
-    cans.fillText(str1, can.width / 20, can.height / 1.3) // 这里渲染多行就可以展示多行,具体效果看上图,这里要调整高度的比例就可以做到换行的效果
+    cans.fillText(str, 0, can.height / 1.5)
+    cans.fillText(str1, 0, can.height / 1.3) // 这里渲染多行就可以展示多行,具体效果看上图,这里要调整高度的比例就可以做到换行的效果
 
     const div = document.createElement('div')
     div.id = id