登录封装

src/pages/details/index.module.scss

@@ -62,9 +62,16 @@
         .con{
             display: grid;
             grid-template-columns: 260px auto;
-            grid-template-rows: 50px 50px;
             font-size: $font_size_medium;
             color: $color_font_three;
+            .des_text{
+                display: flex;
+                margin-bottom: 16px;
+                text{
+                    flex:1;
+                    @include common_ellipsis(1);
+                }
+            }
         }
     }
     .product_color{

src/pages/details/index.tsx

@@ -1,5 +1,5 @@
 
-import { Button, Image, RichText, Swiper, SwiperItem, View } from '@tarojs/components'
+import { Button, Image, RichText, Swiper, SwiperItem, Text, View } from '@tarojs/components'
 import Taro, { useDidShow, useRouter, useShareAppMessage } from '@tarojs/taro';
 import classnames from "classnames";
 import DesSwiper from './components/swiper';
@@ -103,6 +103,10 @@ export default (props:params) => {
     }
   })
 
+  useDidShow(() => {
+    Taro.getCurrentPages()
+  })
+
 
   return (
     <View className={styles.main}>
@@ -127,10 +131,10 @@ export default (props:params) => {
       <View className={styles.des_data}>
         <View className={styles.title}>详情参数</View>
         <View className={styles.con}>
-          <View>编号:0770</View>
-          <View>幅宽:160cm</View>
-          <View>克重:160g</View>
-          <View>成分:67.6%棉24%涤纶6.4%氨纶%氨纶</View>
+          <View className={styles.des_text}>编号：<Text>0770</Text></View>
+          <View className={styles.des_text}>幅宽：<Text>160cm</Text></View>
+          <View className={styles.des_text}>克重：<Text>160g</Text></View>
+          <View className={styles.des_text}>成分：<Text>67.6%棉24%涤纶6.4%氨纶%氨纶氨纶%氨纶</Text></View>
         </View>
       </View>
       <View className={styles.product_color}>