商城测试版v5

src/components/amountShow/index.module.scss

@@ -0,0 +1,35 @@
+.order_price_num{
+    color: $color_main;
+    font-weight: 700;
+    text{
+        &:nth-child(1) {
+            font-size: $font_size_min;
+        }
+        &:nth-child(2) {
+            font-size: $font_size;
+        }
+        &:nth-child(3) {
+            font-size: $font_size_medium;
+        }
+    }
+}
+.emphasis_num{
+    .price_text{
+        &:nth-child(2) {
+            font-size: $font_size_big;
+        }
+    }
+}
+.emphasis_num_big{
+    .price_text{
+        &:nth-child(1) {
+            font-size: $font_size_big;
+        }
+        &:nth-child(2) {
+            font-size: 60px;
+        }
+        &:nth-child(1) {
+            font-size: $font_size_big;
+        }
+    }
+}

src/components/amountShow/index.tsx

@@ -0,0 +1,28 @@
+import { Text, View } from "@tarojs/components";
+import { memo, useCallback } from "react";
+import styles  from './index.module.scss'
+import classnames from "classnames";
+
+type Param = {
+    number: number, //数字
+    status: 0|1|2 //0 小型，1中型，2大
+}
+export default memo(({number = 0, status = 1}:Param) => {
+    const priceDom = useCallback(() => {
+        let res = number.toFixed(2).split('.')
+        let int_num  = parseInt(res[0]) + ''
+        let decimals_num = res[1]
+        return (
+            <>
+                <Text className={styles.price_text}>¥</Text>
+                <Text className={styles.price_text}>{Number(int_num).toLocaleString()}</Text>
+                <Text className={styles.price_text}>.{decimals_num}</Text>
+            </>
+        )
+    }, [number])
+    return (
+        <View className={classnames(styles.order_price_num, status==1&&styles.emphasis_num, status==2&&styles.emphasis_num_big)} >
+            {priceDom()}
+        </View>
+    )
+})