价格符号伪元素样式提取

2021-02-27 22:07:53 +08:00 · 2021-02-27 22:07:53 +08:00 · 92d8bbbfcd
commit 92d8bbbfcd
parent 1f2b9bebd7
2 changed files with 7 additions and 6 deletions
--- a/src/App.vue
+++ b/src/App.vue
@ -46,4 +46,11 @@
        height: 100%;
      }
    }
+
+    // 通过伪元素处理符号
+    .price::before {
+        content: "¥";
+        font-size: 100%;
+        margin-right: 3rpx;
+      }
 </style>
--- a/src/pages/goods_detail/goods_detail.vue
+++ b/src/pages/goods_detail/goods_detail.vue
@ -179,12 +179,6 @@ export default {
      flex: 1;
      font-size: 36rpx;
      color: #eb4450;
-      // 通过伪元素处理符号
-      &::before {
-        content: "¥";
-        font-size: 80%;
-        margin-right: 3rpx;
-      }
    }

    .iconfont {