一杯沧海 1 year ago
commit 3e5190d0bd
  1. 2
      src/pages/home/components/feature.tsx
  2. 50
      src/pages/home/home.module.scss
  3. 11
      src/pages/home/home.tsx
  4. 17
      src/pages/manage/spotMeeting/spotMeeting.tsx
  5. 2
      src/pages/preview/videoFull/videoFull.tsx
  6. 5
      src/static/css/module.scss
  7. BIN
      src/static/img/brandTop.png
  8. BIN
      src/static/img/logo.png

@ -20,7 +20,7 @@ const Feature: FC = () => {
} }
return ( return (
<View className='flex justify-around' style={{marginBottom: '25px'}}> <View className='flex justify-around' style={{marginBottom: '20px'}}>
{ {
list.map(d => <View className='text-center' onClick={() => jump(d.url)}> list.map(d => <View className='text-center' onClick={() => jump(d.url)}>
<Image src={d.image} style={{width: '48px', height: '48px'}}/> <Image src={d.image} style={{width: '48px', height: '48px'}}/>

@ -15,18 +15,32 @@
font-weight: 500; font-weight: 500;
} }
.header{ .header {
position: fixed;
} top: 0;
left: 0;
right: 0;
width: 100%;
padding-left: 20rpx;
z-index: 99999999999;
overflow: hidden;
.logo{ &:after {
width: 80rpx; min-height: 100vh;
height: 80rpx; position: absolute;
top: 0;
left: -10%;
width: 120%;
content: '';
display: block;
background: linear-gradient(to right, #DBF3F5, #B9ECD7, #C1EEDA) no-repeat;
min-height: 100vh;
background-size: 100% 600rpx;
z-index: -1;
}
} }
.content { .content {
position: relative;
padding: 0 20px; padding: 0 20px;
min-height: 90vh; min-height: 90vh;
box-sizing: border-box; box-sizing: border-box;
@ -41,8 +55,9 @@
height: 400rpx; height: 400rpx;
content: ''; content: '';
display: block; display: block;
background: linear-gradient(to bottom, #92ecc5, #f1f8f6) no-repeat; background: linear-gradient(to right, #DBF3F5, #B9ECD7, #C1EEDA) no-repeat;
z-index: -1; z-index: -1;
filter: blur(50px);
} }
} }
@ -72,8 +87,8 @@
.featureList { .featureList {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC-Medium, PingFang SC; font-family: PingFang SC-Bold, PingFang SC;
font-weight: 500; font-weight: bold;
color: #323635; color: #323635;
margin-top: 10px; margin-top: 10px;
} }
@ -90,14 +105,14 @@
color: #323635; color: #323635;
background: #fff; background: #fff;
padding: 30rpx 0 30rpx 30rpx; padding: 30rpx 0 30rpx 30rpx;
margin-bottom: 50rpx; margin-bottom: 40rpx;
border-radius: 30rpx; border-radius: 30rpx;
} }
.featureTitle { .featureTitle {
max-width: 212px; max-width: 212px;
height: 42rpx; height: 50rpx;
padding-bottom: 30rpx; padding-bottom: 20rpx;
} }
.featureText { .featureText {
@ -105,7 +120,7 @@
} }
.featureTextTitle { .featureTextTitle {
font-size: 30rpx; font-size: 32rpx;
font-family: PingFang SC-Medium, PingFang SC; font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #323635; color: #323635;
@ -113,11 +128,10 @@
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
-o-text-overflow: ellipsis; -o-text-overflow: ellipsis;
line-height: 2;
} }
.featureTextDescription { .featureTextDescription {
font-size: 24rpx; font-size: 28rpx;
font-family: PingFang SC-Medium, PingFang SC; font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #909795; color: #909795;
@ -125,6 +139,7 @@
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
-o-text-overflow: ellipsis; -o-text-overflow: ellipsis;
line-height: 2;
} }
.ranking { .ranking {
@ -142,4 +157,5 @@
border-radius: 12rpx; border-radius: 12rpx;
overflow: hidden; overflow: hidden;
margin-right: 20rpx; margin-right: 20rpx;
vertical-align: middle;
} }

@ -15,9 +15,11 @@ import Spin from "@/components/spinner";
const Home: FC = () => { const Home: FC = () => {
const globalData = Taro.getApp().globalData const globalData = Taro.getApp().globalData
const {bottom, top} = Taro.getMenuButtonBoundingClientRect()
const {token} = Profile.useContainer() const {token} = Profile.useContainer()
const [data, setData] = useState<null | HomeData>(null) const [data, setData] = useState<null | HomeData>(null)
const [enable, setEnable] = useState(true) const [enable, setEnable] = useState(true)
const titleBarHeight = bottom + top - (globalData.statusBarHeight * 2)
function unLogin() { function unLogin() {
Taro.clearStorage() Taro.clearStorage()
@ -34,10 +36,13 @@ const Home: FC = () => {
}) })
return ( return (
<View className={styles.content}> <View className={styles.content} style={{paddingTop: `${globalData.statusBarHeight + 60}px`}}>
<Spin enable={enable} overlay/> <Spin enable={enable} overlay/>
<View className={styles.header} style={{padding: `${globalData.statusBarHeight}px 0 10px 0`}}> <View className={styles.header}
<Image src={logo} className={styles.logo} mode='aspectFit'/> style={{padding: `${globalData.statusBarHeight + 5}px 0 5px 20rpx`, height: `${titleBarHeight - 10}px`}}>
<Image style={{width: `${titleBarHeight - 10}px`, height: `${titleBarHeight - 10}px`}}
src={logo}
mode='aspectFit'/>
</View> </View>
<Adware data={data?.adverts || []} only_flag='routine_home_top_banner' width={710}/> <Adware data={data?.adverts || []} only_flag='routine_home_top_banner' width={710}/>
<Feature/> <Feature/>

@ -25,6 +25,7 @@ const SpotMeeting: FC = () => {
const [loading, setLoading] = useState(false) const [loading, setLoading] = useState(false)
const [status, setStatus] = useState(0) // 状态 const [status, setStatus] = useState(0) // 状态
const [id, setId] = useState<number | undefined>(params.id ? Number(params.id) : undefined) const [id, setId] = useState<number | undefined>(params.id ? Number(params.id) : undefined)
const pathUrl = process.env.TARO_ENV === 'h5' ? '/official/qrcode' : '/wechat/link'
const {company} = Profile.useContainer() const {company} = Profile.useContainer()
function setData(res: Meeting | null) { function setData(res: Meeting | null) {
@ -119,6 +120,9 @@ const SpotMeeting: FC = () => {
//存储二维码 //存储二维码
handleWriteFile() handleWriteFile()
}, },
fail() {
Taro.showToast({title: '保存授权失败', icon: "error"})
}
}); });
} else { } else {
handleWriteFile() handleWriteFile()
@ -133,7 +137,7 @@ const SpotMeeting: FC = () => {
/** 获取二维码地址 */ /** 获取二维码地址 */
const downUrl = (id: number, down = true) => { const downUrl = (id: number, down = true) => {
Taro.showLoading({title: '加载二维码'}) Taro.showLoading({title: '加载二维码'})
const url = process.env.TARO_APP_API + '/official/qrcode?' + 'meeting_id=' + id + '&path=' + path const url = process.env.TARO_APP_API + pathUrl + '?meeting_id=' + id + '&path=' + path
if (process.env.TARO_ENV !== 'h5') { if (process.env.TARO_ENV !== 'h5') {
Taro.downloadFile({ Taro.downloadFile({
@ -302,17 +306,6 @@ 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*/}
{/* value={description}*/}
{/* className='Textarea'*/}
{/* disabled={!!params.id || status === 1}*/}
{/* placeholder='请输入描述'*/}
{/* maxlength={255}*/}
{/* name='description'*/}
{/* onInput={(e) => setDescription(e.detail.value)}*/}
{/* style={{height: '60px'}}>*/}
{/*</Textarea>*/}
<View className='flex justify-between'> <View className='flex justify-between'>
{ {
id !== undefined && <> id !== undefined && <>

@ -54,7 +54,7 @@ const VideoFull: FC = () => {
onClick={click} onClick={click}
className={styles.video} className={styles.video}
controls controls
poster={params.poster} // poster={params.poster}
src={params.url} src={params.url}
autoplay autoplay
showCenterPlayBtn showCenterPlayBtn

@ -1,13 +1,10 @@
page, page,
.taro_router .taro_page { .taro_router .taro_page {
background-color: #f1f8f6 !important; background-color: #f2f8f6 !important;
font-family: PingFang SC-Bold, PingFang SC; font-family: PingFang SC-Bold, PingFang SC;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
box-sizing: border-box; box-sizing: border-box;
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
}
body {
font-size: 32rpx; font-size: 32rpx;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Loading…
Cancel
Save