parent
9d1518eb8a
commit
10fc0dd24e
19 changed files with 291 additions and 14 deletions
|
Before Width: | Height: | Size: 2.1 KiB |
@ -0,0 +1,6 @@ |
||||
.gift_icon { |
||||
position: fixed; |
||||
bottom: 5rem; |
||||
right: 2rem; |
||||
width: 4rem; |
||||
} |
||||
@ -0,0 +1,16 @@ |
||||
import { Image } from '@tarojs/components' |
||||
import Taro from '@tarojs/taro'; |
||||
import './index.less' |
||||
import giftIcon from '../../assets/images/gift.svg' |
||||
|
||||
export default function Gift() { |
||||
const toCustomer = () => { |
||||
Taro.navigateTo({ |
||||
url: '/pages/Customer/index', |
||||
}) |
||||
} |
||||
|
||||
return ( |
||||
<Image src={giftIcon} mode='widthFix' className='gift_icon' onClick={toCustomer}></Image> |
||||
) |
||||
} |
||||
@ -0,0 +1,5 @@ |
||||
export default { |
||||
navigationBarTitleText: '添加客服', |
||||
enableShareAppMessage: true, |
||||
enableShareTimeline: true, |
||||
} |
||||
@ -0,0 +1,7 @@ |
||||
page { |
||||
overflow: hidden; |
||||
} |
||||
.pic { |
||||
width: 100vw; |
||||
height: 100vh; |
||||
} |
||||
@ -0,0 +1,14 @@ |
||||
import { Image } from '@tarojs/components' |
||||
import './index.less' |
||||
import customerPic from '../../assets/images/customer.svg' |
||||
|
||||
export default function Customer() { |
||||
|
||||
return ( |
||||
<Image |
||||
src={customerPic} |
||||
className='pic' |
||||
mode='aspectFill' |
||||
></Image> |
||||
) |
||||
} |
||||
@ -1,9 +1,7 @@ |
||||
page { |
||||
overflow: hidden; |
||||
} |
||||
.pic { |
||||
width: 100vw; |
||||
height: 100vh; |
||||
// background: url(../../assets/images/share.svg) 0 0/100% 100% no-repeat; |
||||
|
||||
// background-image: url(../../assets/images/share.svg); |
||||
// background-repeat: no-repeat; |
||||
// background-size: cover; |
||||
} |
||||
|
||||
@ -0,0 +1,5 @@ |
||||
export default { |
||||
navigationBarTitleText: '熏听会员', |
||||
enableShareAppMessage: true, |
||||
enableShareTimeline: true, |
||||
} |
||||
@ -0,0 +1,39 @@ |
||||
.vip { |
||||
padding: 1rem; |
||||
} |
||||
.vip_card { |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 1.5rem; |
||||
border: 2px solid #ffd0c6; |
||||
border-radius: 1.5rem; |
||||
background: linear-gradient(to right, #fcc1b5 20%, #f8c8bd 50%, #fce4df 100%); |
||||
.vip_avatar{ |
||||
width: 3.75rem; |
||||
height: 3.75rem; |
||||
margin-right: 1rem; |
||||
border: .0625rem solid #ccc; |
||||
border-radius: 50%; |
||||
} |
||||
.vip_name { |
||||
margin-bottom: .5rem; |
||||
font-size: 1rem; |
||||
font-weight: 600; |
||||
color: #714135; |
||||
} |
||||
.vip_status { |
||||
font-size: .8rem; |
||||
color: #935d4f; |
||||
} |
||||
.vip_open { |
||||
position: absolute; |
||||
top: 4rem; |
||||
right: 3rem; |
||||
padding: .3rem .8rem; |
||||
font-size: .9rem; |
||||
font-weight: 600; |
||||
color: #68392d; |
||||
border: 2px solid; |
||||
border-radius: 1.5rem; |
||||
} |
||||
} |
||||
@ -0,0 +1,37 @@ |
||||
import { View, Text, Image } from '@tarojs/components' |
||||
import Taro, { useLoad } from '@tarojs/taro' |
||||
import React, { useState } from 'react' |
||||
import './index.less' |
||||
|
||||
export default function Share() { |
||||
const [userAvator, setuserAvator] = useState('') |
||||
|
||||
const [userNickName, setuserNickName] = useState('') |
||||
|
||||
const handleShare = () => { |
||||
|
||||
} |
||||
|
||||
|
||||
useLoad((query)=> { |
||||
if(Taro.getStorageSync('UserToken')){ |
||||
setuserAvator(Taro.getStorageSync('UserAvatar')) |
||||
setuserNickName(Taro.getStorageSync('UserNickName')) |
||||
} |
||||
}) |
||||
|
||||
return ( |
||||
<View className='vip'> |
||||
<View className='vip_card'> |
||||
<Image className='vip_avatar' |
||||
src={userAvator === '' ? 'https://oss.jm-kid.com/wx_5colorflower/header.svg' : userAvator} |
||||
></Image> |
||||
<View className='vip_info'> |
||||
<View className='vip_name'>{userNickName}</View> |
||||
<View className='vip_status'>未开通</View> |
||||
</View> |
||||
<View className='vip_open'>立即开通</View> |
||||
</View> |
||||
</View> |
||||
) |
||||
} |
||||
Loading…
Reference in new issue