feats

src/components/Spin/index.jsx

@@ -1,31 +1,44 @@
 import React from 'react'
 import { View } from '@tarojs/components'
-import './index.less'
+// import './index.less'
 
 const cubeLen = 9
 
+const inCenter = {
+  display: 'block',
+  width: '40vw',
+  height: '40vw',
+  margin: '15vh auto'
+}
+
 export default props => {
 
   const color = props.color || '#9e1068'
   const tipText = props.tips || 'LOADING'
   const cubeStyle = { backgroundColor: color }
-  const tipStyle = { color }
+  const tipStyle = { color, textAlign: 'center', marginTop: '-18vh' }
 
   return (
     <>
       {
         props.loading ? (
-          <View className='cubes-box'>
-            <View className='cubes'>
-              {
-                new Array(cubeLen).fill(0).map((_, inx) => (
-                  <View key={inx} class={`sk-cube sk-cube${inx + 1}`} style={cubeStyle}></View>
-                ))
-              }
-            </View>
-            <View className='cubes-tip' style={tipStyle}>{tipText}</View>
-          </View>
+          <view style={inCenter}>
+            <image style={{width: '100%'}} src={require('@/assets/img/loading.gif').default} mode="aspectFit" alt=""/>
+            <view style={tipStyle}>{tipText}</view>
+          </view>
         ) : props.children
+        // (
+        //   <View className='cubes-box'>            
+        //     <View className='cubes'>
+        //       {
+        //         new Array(cubeLen).fill(0).map((_, inx) => (
+        //           <View key={inx} class={`sk-cube sk-cube${inx + 1}`} style={cubeStyle}></View>
+        //         ))
+        //       }
+        //     </View>
+        //     <View className='cubes-tip' style={tipStyle}>{tipText}</View>
+        //   </View>
+        // ) : props.children
       }
     </>
   )

src/pages/ShouYe/index.jsx

@@ -9,6 +9,7 @@ import useUserMounted from '@/utils/hooks/useUserMounted'
 import Taro from '@tarojs/taro'
 import Page from '@/layouts'
 import nav2detail from '@/utils/nav2detail'
+import { getShareObject } from '@/utils/share'
 import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
@@ -144,6 +145,11 @@ export default function Index (props) {
     }
   }
 
+  // 分享转发
+  Taro.useShareAppMessage(() => {
+    return getShareObject({ title: '远道智慧社区' }, user)
+  })
+
   return (
     <Page>
       <view className='ShouYe flex-v'>