现场会样式调整

main
king 1 year ago
parent 308294be5b
commit ae9de5d810
  1. 5
      src/components/popPut/popPut.tsx
  2. 5
      src/pages/manage/spotMeeting/spotMeeting.config.ts
  3. 13
      src/pages/manage/spotMeeting/spotMeeting.module.scss
  4. 37
      src/pages/manage/spotMeeting/spotMeeting.tsx
  5. 3
      src/static/css/module.scss

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

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

@ -26,6 +26,19 @@
position: relative; 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{ .failure{
width: 180rpx; width: 180rpx;
height: 180rpx; height: 180rpx;

@ -1,5 +1,5 @@
import {FC, useCallback, useEffect, useState} from "react"; 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 Taro, {getSetting, authorize} from "@tarojs/taro";
import {curriculum, Meeting, meetingAPi} from "@/api"; import {curriculum, Meeting, meetingAPi} from "@/api";
import {formatDate} from "@/utils/time"; import {formatDate} from "@/utils/time";
@ -227,14 +227,23 @@ const SpotMeeting: FC = () => {
<View className={styles.page}> <View className={styles.page}>
<View className={styles.box}> <View className={styles.box}>
<View></View> <View></View>
{process.env.TARO_ENV === 'h5' && <View className='text-center text-muted'></View>} {process.env.TARO_ENV === 'h5' && <View className='text-center text-muted'></View>}
<View className={styles.code}> <View className={styles.code}>
{ {
imgUrl imgUrl
? <Image src={imgUrl} mode='aspectFit' onLoad={imagLoad} onError={imagLoad} fadeIn/> ? <Image
: <Image src={code} mode='aspectFit'/> 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}/>} {status === 2 && <Image src={failure} className={styles.failure}/>}
</View> </View>
@ -279,16 +288,16 @@ const SpotMeeting: FC = () => {
<PopPut title='选择部门' content={manages?.find(x => x.id == depid)?.name}/> <PopPut title='选择部门' content={manages?.find(x => x.id == depid)?.name}/>
</Picker> </Picker>
<Textarea {/*<Textarea*/}
value={description} {/* value={description}*/}
className='Textarea' {/* className='Textarea'*/}
disabled={!!params.id || status === 1} {/* disabled={!!params.id || status === 1}*/}
placeholder='请输入描述' {/* placeholder='请输入描述'*/}
maxlength={255} {/* maxlength={255}*/}
name='description' {/* name='description'*/}
onInput={(e) => setDescription(e.detail.value)} {/* onInput={(e) => setDescription(e.detail.value)}*/}
style={{height: '60px'}}> {/* style={{height: '60px'}}>*/}
</Textarea> {/*</Textarea>*/}
{ {
id !== undefined && <> id !== undefined && <>

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

Loading…
Cancel
Save