diff --git a/src/components/CaseShow.vue b/src/components/CaseShow.vue index 87d8949..0f72c76 100644 --- a/src/components/CaseShow.vue +++ b/src/components/CaseShow.vue @@ -32,6 +32,8 @@ import HeadLine from 'cpns/HeadLine' grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 1fr); column-gap: 7px; + padding: 0 7px; + box-sizing: border-box; row-gap: 7px; .card { height: 132px; diff --git a/src/components/HeadLine.vue b/src/components/HeadLine.vue index 7f0d742..602a1e7 100644 --- a/src/components/HeadLine.vue +++ b/src/components/HeadLine.vue @@ -4,8 +4,10 @@ {{ themeTitle }}{{ title }} -

{{ line1 }}

-

{{ line2 }}

+
+

{{ line1 }}

+

{{ line2 }}

+
@@ -46,22 +48,25 @@ const props = defineProps({ .theme { color: #f94622; } - .line1 { - font-size: 7px; - font-family: Source Han Sans CN; - font-weight: 300; - color: #595959; - line-height: 16px; - text-align: center; - } - .line2 { - font-size: 7px; - font-family: Alibaba PuHuiTi; - font-weight: 300; - color: #595959; - text-align: center; - line-height: 9px; - margin-top: 4px; + .scale { + font-size: 14px; + transform: scale(0.5); + width: 200%; + .line1 { + font-family: Source Han Sans CN; + font-weight: 300; + color: #595959; + line-height: 16px; + text-align: center; + } + .line2 { + font-family: Alibaba PuHuiTi; + font-weight: 300; + color: #595959; + text-align: center; + line-height: 9px; + margin-top: 4px; + } } } diff --git a/src/components/MechanicalDrive.vue b/src/components/MechanicalDrive.vue index a73d369..24c447b 100644 --- a/src/components/MechanicalDrive.vue +++ b/src/components/MechanicalDrive.vue @@ -49,6 +49,7 @@ import HeadLine from 'cpns/HeadLine' flex: 1; height: 107px; background: #ffffff; + border-radius: 3px; } } } diff --git a/src/components/OneStop.vue b/src/components/OneStop.vue index 9008ded..f601d6e 100644 --- a/src/components/OneStop.vue +++ b/src/components/OneStop.vue @@ -2,9 +2,10 @@
@@ -20,7 +21,7 @@ import HeadLine from 'cpns/HeadLine'