From 26d04feae82676b8238d610ce47a44ab084af297 Mon Sep 17 00:00:00 2001 From: "@user8949" Date: Sat, 15 Mar 2025 12:01:11 +0800 Subject: [PATCH] =?UTF-8?q?update:=20=E8=AE=B8=E5=8F=AF=E8=AF=81=E4=BF=A1?= =?UTF-8?q?=E6=81=AF=E9=A1=B5=E9=9D=A2=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/imgs/jyh/license/allow.webp | Bin 0 -> 722 bytes src/assets/imgs/jyh/license/notAllow.webp | Bin 0 -> 678 bytes src/assets/imgs/jyh/license/warning.webp | Bin 0 -> 722 bytes src/components/LicenseInfo/SidePanel.vue | 121 +++++++++++++++++----- src/views/Jyh/LicenseInfo/index.vue | 71 ++++++++----- 5 files changed, 137 insertions(+), 55 deletions(-) create mode 100644 src/assets/imgs/jyh/license/allow.webp create mode 100644 src/assets/imgs/jyh/license/notAllow.webp create mode 100644 src/assets/imgs/jyh/license/warning.webp diff --git a/src/assets/imgs/jyh/license/allow.webp b/src/assets/imgs/jyh/license/allow.webp new file mode 100644 index 0000000000000000000000000000000000000000..6d99135a2efafe799b0883e54c1457bfa67d5231 GIT binary patch literal 722 zcmWIYbaOk!#J~{l>J$(bU=hK^z`$St#L^55vJ4EK&dvcR7=c^{#uFft1t^u9S5g$@ z?xYYA8KuDffPoPR!5}fYxB$Y!N&;1Vy9QBvSr@Ac{DPb*sl~}aB_DuTr3h#_&`lyh zwn#dJtpQ>uLD)7Rc6mub2~bS{h+PyCD76yiG=MiFvFeykZN(39n0wkHz(ij*%EoWfhjbvaDzQDl16%CdH5;)wZ0F;se zx+@^ikU)OW(Aq$Nu@6DEpSEpN-( zFVcBk>+I}*f7JKxJ#m_5Xk5 IYhYji07CnxZ2$lO literal 0 HcmV?d00001 diff --git a/src/assets/imgs/jyh/license/notAllow.webp b/src/assets/imgs/jyh/license/notAllow.webp new file mode 100644 index 0000000000000000000000000000000000000000..7944552ecc3544832e88d64802b4b7aacb0bce89 GIT binary patch literal 678 zcmWIYbaR`>#J~{l>J$(bU=hK^z`$St#PVR|>FgYEf)U7NU_1dLS%6Zxc_l?b?oJ93 zkx>fl4;UDM5DXHNiwhtutRzs?w`&l!mvynKz%R&|l3JV$RPq6cRf>R?1KlJ7WQ(Lj z*cu>q5`=97VwaZ`lmOKPfY?PLLC!#S3XrXlj>JwvVkZ|AfzZ zZ((5Ab{-*y2$O=uqC~K9EI^VeEscTU({cs|-be-p;R_55T+v`TAc4be3P33tpu6&c zFr6WXA(cUa!IL46A(=rB$T9*(sv(1!qfdZGK2RZ}x`Kem!!&V0!RBVSNp~{z7z&sk z@H6N!THHQ7|4QU$c@CE^^-KlUSGTv0ewwKiT|Q?jt!Hj3%$r@8%`Ry==c?p8`;x#M=df!J?=vz0QNp|lRd9DF#P-IQvc5}{(t|I|NrIs?tc#j HYGVKZkBW|^ literal 0 HcmV?d00001 diff --git a/src/assets/imgs/jyh/license/warning.webp b/src/assets/imgs/jyh/license/warning.webp new file mode 100644 index 0000000000000000000000000000000000000000..fc134ac917bc2df73bf8cffe2ba694b47f27ea82 GIT binary patch literal 722 zcmWIYbaOk!#J~{l>J$(bU=hK^z`$St#L{5o>FgYEf)U7NU_1dLS%6Zxc_l?b?oJ93 zkx>fl4;UDM5DXHNiwhtutRzs?w`&l!mvynKz%R&|l3JV$RPq6cRf>R?1KlJ7WQ(Lj z*cu>q5`=97VwaZ`lmOKPfY?PLLC!#S3XrXlj>JwvVkZ|AfzZ zZ((5Ab{-*y2$O=uqC~K9EI^VeEscTU({cs|-be-p;R_55T+v`TAc4be3P33tpu6&c zFr6WXA(cUa!IL46A(=rB$T9*(sv(1!qfdaxT%bZmbp-*BhiT%1g3Zmh%5FcaWH`aJ zfkz>iRbkta`BOxvJGuN==Eabm1`2M)>?!z9mtb5h&*&x_dsw(uJjg; zH-bA_?=sBeS@2L(+4QPSQNAvpsO&74!!rz<{w`j4JK4PR`TI+k0#-VoFUwcf^}qCX zfg#M?vRX3mN^K(p!@oaXruF~l+KAl$e{LR77XWo7 Bqrw0H literal 0 HcmV?d00001 diff --git a/src/components/LicenseInfo/SidePanel.vue b/src/components/LicenseInfo/SidePanel.vue index bdfb202..e118232 100644 --- a/src/components/LicenseInfo/SidePanel.vue +++ b/src/components/LicenseInfo/SidePanel.vue @@ -13,12 +13,19 @@ -
-
- +
+

许可证属性

+
+
+
- 允许的 +
+
+ +
+ 允许的 +
Commercial Use Modify Distribute @@ -28,7 +35,12 @@
- 必要的 +
+
+ +
+ 必要的 +
Include Copyright Include License State changes @@ -37,7 +49,12 @@
- 受限的 +
+
+ +
+ 受限的 +
Place Warranty Hold Liable Use Trademark @@ -73,25 +90,84 @@ const emit = defineEmits(['close']); display: flex; flex-direction: column; align-items: start; - gap: 8px; - padding: 12px; - - .dheader, .dcontent{ + .dheader { width: 100%; - border-bottom: 1px solid gray; - padding: 12px; } - .dfooter { + .dcontent { + border-radius: 8px; + border: 1px solid #EEF0F5; + margin: 20px 0; width: 100%; - padding: 12px; + &-title { + height: 40px; + background-color: $devui-area; + display: flex; + justify-content: left; + align-items: center; + h1 { + padding-left: 20px; + color: #252B3A; + font-weight: 800; + font-size: 14px; + line-height: 22px; + letter-spacing: 0px; + } + } + + &-body { + padding: 20px; + + &-col-title { + width: 100%; + height: 23px; + border-radius: 14px; + border: 1px solid; + display: flex; + align-items: center; + img { + width: 14px; + height: 14px; + } + &-icon { + height: 100%; + width: 32px; + display: flex; + justify-content: center; + align-items: center; + border-radius: 14px 0 0 14px; + margin-right: 8px; + } + + &-1 { + border-color: #24B286; + .dcontent-body-col-title-icon { + background-color: #24B286; + } + } + &-2 { + border-color: #FAC20A; + .dcontent-body-col-title-icon { + background-color: #FAC20A; + } + } + &-3 { + border-color: $devui-danger; + .dcontent-body-col-title-icon { + background-color: $devui-danger; + } + } + } + } } .title { font-size: 20px; font-weight: bold; display: flex; + width: 100%; justify-content: space-between; + align-items: center; d-icon { cursor: pointer; } @@ -111,6 +187,10 @@ const emit = defineEmits(['close']); } .dfooter { + border-radius: 8px; + border: 1px solid #EEF0F5; + padding: 20px; + width: 100%; display: flex; flex-direction: column; align-items: start; @@ -118,20 +198,7 @@ const emit = defineEmits(['close']); } .side-panel { - padding: 20px; border: 1px solid #ccc; border-radius: 4px; } - -.color-danger { - color: $devui-danger; -} - -.color-info { - color: $devui-warning; -} - -.color-allow { - color: $devui-success; -} \ No newline at end of file diff --git a/src/views/Jyh/LicenseInfo/index.vue b/src/views/Jyh/LicenseInfo/index.vue index 7cf7322..cdb69fe 100644 --- a/src/views/Jyh/LicenseInfo/index.vue +++ b/src/views/Jyh/LicenseInfo/index.vue @@ -1,42 +1,60 @@