第一排样式完成

2024-09-04 15:22:48 +08:00
parent 4e33b3ae02
commit 6b2906fb53
5 changed files with 208 additions and 11 deletions
--- a/project/biaopin/dv/weiyang/comps/valueUnit.vue
+++ b/project/biaopin/dv/weiyang/comps/valueUnit.vue
@@ -0,0 +1,43 @@
+<script>
+export default {
+  name: "valueUnit",
+  props: ["value", "unit"]
+}
+</script>
+
+<template>
+  <section class="valueUnit" :class="[$attrs.size]" :style="{color:$attrs.color}">
+    {{ value }}<p v-text="unit"/>
+  </section>
+</template>
+
+<style scoped lang="scss">
+.valueUnit {
+  font-family: DINAlternate-Bold;
+  font-weight: 700;
+  font-size: 22px;
+  color: #02FEFF;
+  display: flex;
+  letter-spacing: 0;
+  line-height: 36px;
+  align-items: baseline;
+
+  & > p {
+    margin-left: 2px;
+    font-size: 14px;
+    font-weight: 400;
+  }
+
+  &.mini {
+    font-size: 16px;
+
+    & > p {
+      font-size: 12px;
+    }
+  }
+
+  &.large {
+    font-size: 32px;
+  }
+}
+</style>