现场会样式调整

src/components/popPut/popPut.tsx

@@ -1,9 +1,8 @@
 import {FC, ReactNode, useEffect, useState} from "react";
-import {View, Image, Text} from "@tarojs/components";
+import {View, Image} from "@tarojs/components";
 import Icon from "@/components/icon";
 import CustomPageContainer from "@/components/custom-page-container/custom-page-container";
 
-
 interface Props {
   height?: number | string
   title: string
@@ -51,7 +50,7 @@ const PopPut: FC<Props> = ({title, chevron, content, image, isProp, children, sh
           <View>{title}</View>
         </View>
         <View className='card-content'>
-          <Text>{content}</Text>
+          <View>{content}</View>
           {!chevron && <Icon name='chevron-right'/>}
           {image && <Image src={image} mode='scaleToFill' className='image'/>}
         </View>

src/pages/manage/spotMeeting/spotMeeting.config.ts

@@ -1,4 +1,7 @@
 export default definePageConfig({
   navigationBarTitleText: '现场会',
-  enableShareAppMessage: true
+  enableShareAppMessage: true,
+  navigationBarBackgroundColor: '#00d6ac',
+  backgroundColor: '#00d6ac',
+  navigationBarTextStyle: 'white',
 })

src/pages/manage/spotMeeting/spotMeeting.module.scss

@@ -26,6 +26,19 @@
   position: relative;
 }
 
+.empty{
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  width: 300rpx;
+  height: 40rpx;
+  text-align: center;
+  font-weight: bold;
+}
+
 .failure{
   width: 180rpx;
   height: 180rpx;

src/pages/manage/spotMeeting/spotMeeting.tsx

@@ -1,5 +1,5 @@
 import {FC, useCallback, useEffect, useState} from "react";
-import {Form, Image, Input, Picker, Textarea, View} from "@tarojs/components";
+import {Form, Image, Input, Picker, View} from "@tarojs/components";
 import Taro, {getSetting, authorize} from "@tarojs/taro";
 import {curriculum, Meeting, meetingAPi} from "@/api";
 import {formatDate} from "@/utils/time";
@@ -227,14 +227,23 @@ const SpotMeeting: FC = () => {
     <View className={styles.page}>
 
       <View className={styles.box}>
-        <View>填完信息才能生成二维码</View>
+        <View>现场会</View>
         {process.env.TARO_ENV === 'h5' && <View className='text-center text-muted'>微信公众号，浏览器中请截图保存</View>}
 
         <View className={styles.code}>
           {
             imgUrl
-              ? <Image src={imgUrl} mode='aspectFit' onLoad={imagLoad} onError={imagLoad} fadeIn/>
-              : <Image src={code} mode='aspectFit'/>
+              ? <Image
+                src={imgUrl}
+                mode='aspectFit'
+                style={{width: '150px'}}
+                onLoad={imagLoad}
+                onError={imagLoad}
+                fadeIn/>
+              : <>
+                <View className={styles.empty}>填完写完整信息</View>
+                <Image src={code} mode='aspectFit' style={{width: '150px'}}/>
+              </>
           }
           {status === 2 && <Image src={failure} className={styles.failure}/>}
         </View>
@@ -279,16 +288,16 @@ const SpotMeeting: FC = () => {
               <PopPut title='选择部门' content={manages?.find(x => x.id == depid)?.name}/>
             </Picker>
 
-            <Textarea
-              value={description}
-              className='Textarea'
-              disabled={!!params.id || status === 1}
-              placeholder='请输入描述'
-              maxlength={255}
-              name='description'
-              onInput={(e) => setDescription(e.detail.value)}
-              style={{height: '60px'}}>
-            </Textarea>
+            {/*<Textarea*/}
+            {/*  value={description}*/}
+            {/*  className='Textarea'*/}
+            {/*  disabled={!!params.id || status === 1}*/}
+            {/*  placeholder='请输入描述'*/}
+            {/*  maxlength={255}*/}
+            {/*  name='description'*/}
+            {/*  onInput={(e) => setDescription(e.detail.value)}*/}
+            {/*  style={{height: '60px'}}>*/}
+            {/*</Textarea>*/}
 
             {
               id !== undefined && <>

src/static/css/module.scss

@@ -49,7 +49,7 @@ taro-button-core::after {
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid #F5F8F7;
-  padding: 10px 20rpx;
+  padding: 20rpx;
   font-size: 30rpx;
 
   &-content {
@@ -74,6 +74,7 @@ taro-button-core::after {
   box-sizing: border-box;
   border: 1px solid #ddd;
   height: 200px;
+  text-align: left;
 }
 
 .button {