fix: 恢复分享函数+demo列表页class格式修改

irisSong · irisSong · commit 820286a6f159 · 2024-07-24T19:15:44.000+08:00
diff --git a/packages/nutui-taro-demo/src/pages/index/index.scss b/packages/nutui-taro-demo/src/pages/index/index.scss
@@ -62,29 +62,30 @@ body {
   height: 100%;
   width: 100%;
   padding-top: 30px;
-  &_header {
+  &-header {
     display: flex;
     align-items: center;
     flex-direction: row;
     padding: 0 34px;
     height: 117px;
-    &_img {
+    &-img {
       width: 67px;
       height: 67px;
       margin-right: 18px;
       flex-shrink: 0;
     }
-    &_info {
+    &-info {
       display: flex;
       flex-direction: column;
-      &_h1 {
+      &-h1 {
         height: 48px;
         line-height: 48px;
         font-weight: 500;
         font-size: 24px;
         color: rgba(51, 51, 51, 1);
       }
-      &_p {
+      &-p,
+      &-text {
         height: 18px;
         line-height: 18px;
         font-size: 13px;
@@ -93,21 +94,21 @@ body {
       }
     }
   }
-  &_components {
+  &-components {
     background: #f7f8fa;
     border-radius: 30px 30px 0 0;
     padding: 30px 25px;
-    &_item {
+    &-item {
       margin-bottom: 17px;
-      &_title {
+      &-title {
         line-height: 20px;
         font-size: 14px;
         color: rgba(144, 156, 164, 1);
         margin-bottom: 10px;
       }
     }
-    &_sublist {
-      &_item {
+    &-sublist {
+      &-item {
         display: flex;
         align-items: center;
         justify-content: flex-start;
@@ -118,7 +119,7 @@ body {
         border-radius: 22px;
         box-shadow: 0px 1px 4px 0px rgba(102, 102, 102, 0.06);
         margin-bottom: 13px;
-        &_content {
+        &-content {
           width: 100%;
           height: 100%;
           font-size: 15px;
@@ -135,19 +136,19 @@ body {
 
 [dir='rtl'] .index,
 .nut-rtl .index {
-  &_header {
-    &_img {
+  &-header {
+    &-img {
       margin-right: 0;
       margin-left: 18px;
     }
   }
-  &_components {
+  &-components {
     .nut-icon {
       transform: rotate(180deg);
     }
   }
 }
-.index_header .info .h5-h1 {
+.index-header .info .h5-h1 {
   font-weight: 500;
   font-size: 48rpx;
 }
diff --git a/packages/nutui-taro-demo/src/pages/index/index.tsx b/packages/nutui-taro-demo/src/pages/index/index.tsx
@@ -19,38 +19,53 @@ const Index = () => {
     })
   }
 
+  const onShareAppMessage = (res) => {
+    return {
+      title: 'NutUI React 小程序',
+      path: 'pages/index/index',
+    }
+  }
+
+  const onShareTimeline = () => {
+    console.log('onShareTimeline')
+    return {
+      title: 'NutUI React 小程序',
+      path: 'pages/index/index',
+    }
+  }
+
   return (
     <ScrollView className='index'>
-      <View className='index_header'>
+      <View className='index-header'>
         <Image
-          className='index_header_img'
+          className='index-header-img'
           src='https://img14.360buyimg.com/imagetools/jfs/t1/117879/25/28831/6279/6329723bE66715a2f/5f099b8feca9e8cc.png'
         />
-        <View className='index_header_info'>
-          <View className='index_header_info_h1'>NutUI React</View>
-          <View className='index_header_info_p'>
+        <View className='index-header-info'>
+          <View className='index-header-info-h1'>NutUI React</View>
+          <View className='index-header-info-p'>
             京东风格的轻量级小程序组件库 React 版
           </View>
-          <View className='index_header_info_p'>
-            <Text>v{packageJson?.version}</Text>
+          <View className='index-header-info-p'>
+            <Text className='index-header-info-text'>v{packageJson?.version}</Text>
           </View>
         </View>
       </View>
-      <View className='index_components'>
+      <View className='index-components'>
         {navs.map((nav) => (
-          <View key={nav.enName} className='index_components_item'>
+          <View key={nav.enName} className='index-components-item'>
             {nav.enName === 'dataentry' ? null : (
-              <View className='index_components_item_title'>{nav.name}</View>
+              <View className='index-components-item-title'>{nav.name}</View>
             )}
-            <View className='index_components_sublist'>
+            <View className='index-components-sublist'>
               {nav.packages.map((com) =>
                 com.show && com.taro && com.version === '3.0.0' ? (
                   <View
                     key={com.name}
-                    className='index_components_sublist_item'
+                    className='index-components-sublist-item'
                   >
                     <View
-                      className='index_components_sublist_item_content'
+                      className='index-components-sublist-item-content'
                       key={com.name}
                       onClick={() => gotoNext(com.name, nav.enName)}
                     >
