diff --git a/pages/index/components/AIMatch.vue b/pages/index/components/AIMatch.vue index 74358e5..853177e 100644 --- a/pages/index/components/AIMatch.vue +++ b/pages/index/components/AIMatch.vue @@ -30,6 +30,7 @@ const mockTags = [ { name: '建筑师', bgColor: 0xffebeb, + tailColor: 0xffe1e1, fontColor: 0xff6969, size: 11.5, opacity: 1, @@ -50,31 +51,33 @@ const mockTags = [ { name: '记者', bgColor: 0xebf3ff, + tailColor: 0xb9d3ff, fontColor: 0x1d71ef, size: 12, opacity: 1, angle: Math.PI / 120, radius: 130, - tailRotation: Math.PI, + tailRotation: (3 * Math.PI) / 3.4, }, { name: '程序员', bgColor: 0xffd4b6, fontColor: 0xffffff, - size: 14.5, + size: 14, opacity: 1, - angle: Math.PI / 9, + angle: Math.PI / 7, radius: 120, tailRotation: (5 * Math.PI) / 4, }, { name: '摄影师', bgColor: 0xd8e5fe, + tailColor: 0xb9d3ff, fontColor: 0x1d71ef, size: 11, opacity: 1, angle: Math.PI / 3, - radius: 75, + radius: 79, tailRotation: (3 * Math.PI) / 2, }, { @@ -90,12 +93,13 @@ const mockTags = [ { name: '心理咨询师', bgColor: 0xebf3ff, + tailColor: 0xb9d3ff, fontColor: 0x1d71ef, size: 10.5, opacity: 1, angle: (5.4 * Math.PI) / 6, radius: 110, - tailRotation: 0, + tailRotation:(3 * Math.PI) /1.78, }, { name: '护士', @@ -211,7 +215,7 @@ const renderScene = (sw, sh) => { }; if (data.radius > 0) { - const tail = createCometTail(data.bgColor, data.tailRotation, tag.width); + const tail = createCometTail( data.tailColor || data.bgColor, data.tailRotation, tag.width); tag.addChildAt(tail, 0); tag.updateTail = () => tail.updateAnim(); } @@ -361,5 +365,6 @@ const handleResize = () => { height: 500rpx; position: relative; overflow: hidden; + color: #b9d3ff; }