|
|
|
@ -16,54 +16,54 @@ |
|
|
|
<view class="userId">ID:{{ dccode }}</view> |
|
|
|
</view> |
|
|
|
<view class="msg-right"> |
|
|
|
<image class="image-attendance" src="/static/my/Check-in.png" /> |
|
|
|
<image class="image-attendance" src="/static/my/Check-in.png"/> |
|
|
|
<span style="font-size:10px;">签到</span> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="settings-buttons"> |
|
|
|
<view class="setting-btn" @click="goToMarket"> |
|
|
|
<image src="/static/my/MarketSettings.png" class="setting-icon" /> |
|
|
|
<image src="/static/my/MarketSettings.png" class="setting-icon"/> |
|
|
|
<text>行情设置</text> |
|
|
|
</view> |
|
|
|
<view class="setting-btn" @click="goToGeneral"> |
|
|
|
<image src="/static/my/Settings.png" class="setting-icon" /> |
|
|
|
<image src="/static/my/Settings.png" class="setting-icon"/> |
|
|
|
<text>通用设置</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="share" @click="goToShare"> |
|
|
|
<image class="img-share" src="/static/my/share.png" mode="widthFix" /> |
|
|
|
<image class="img-share" src="/static/my/share.png" mode="widthFix"/> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="bottom"> |
|
|
|
<view class="list-item" @click="goToAccount"> |
|
|
|
<image src="/static/my/security.png" class="list-icon" /> |
|
|
|
<image src="/static/my/security.png" class="list-icon"/> |
|
|
|
<text>账号与安全</text> |
|
|
|
<uni-icons type="arrowright" size="16" class="arrow" /> |
|
|
|
<uni-icons type="arrowright" size="16" class="arrow"/> |
|
|
|
</view> |
|
|
|
<view class="list-item"> |
|
|
|
<image src="/static/my/connection.png" class="list-icon" /> |
|
|
|
<image src="/static/my/connection.png" class="list-icon"/> |
|
|
|
<text>联系我们</text> |
|
|
|
<uni-icons type="arrowright" size="16" class="arrow" /> |
|
|
|
<uni-icons type="arrowright" size="16" class="arrow"/> |
|
|
|
</view> |
|
|
|
<view class="list-item" @click="goToNewVersion"> |
|
|
|
<image src="/static/my/update.png" class="list-icon" /> |
|
|
|
<image src="/static/my/update.png" class="list-icon"/> |
|
|
|
<text>新版本更新</text> |
|
|
|
<view class="update-tip">有新版本可更新 |
|
|
|
<view class="circle"></view> |
|
|
|
</view> |
|
|
|
<uni-icons type="arrowright" size="16" class="arrow" /> |
|
|
|
<uni-icons type="arrowright" size="16" class="arrow"/> |
|
|
|
</view> |
|
|
|
<view class="list-item"> |
|
|
|
<image src="/static/my/opinion.png" class="list-icon" /> |
|
|
|
<image src="/static/my/opinion.png" class="list-icon"/> |
|
|
|
<text>意见反馈</text> |
|
|
|
<uni-icons type="arrowright" size="16" class="arrow" /> |
|
|
|
<uni-icons type="arrowright" size="16" class="arrow"/> |
|
|
|
</view> |
|
|
|
<view class="list-item" @click="goToAbout"> |
|
|
|
<image src="/static/my/about.png" class="list-icon" /> |
|
|
|
<image src="/static/my/about.png" class="list-icon"/> |
|
|
|
<text>关于DeepChart</text> |
|
|
|
<uni-icons type="arrowright" size="16" class="arrow" /> |
|
|
|
<uni-icons type="arrowright" size="16" class="arrow"/> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<footerBar class="static-footer" :type="type"></footerBar> |
|
|
|
@ -71,148 +71,159 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup> |
|
|
|
import { |
|
|
|
import { |
|
|
|
ref, |
|
|
|
onMounted |
|
|
|
} from 'vue' |
|
|
|
import { |
|
|
|
} from 'vue' |
|
|
|
import { |
|
|
|
ArrowRight |
|
|
|
} from '@element-plus/icons-vue' |
|
|
|
import footerBar from '../../components/footerBar.vue' |
|
|
|
|
|
|
|
const type = ref('member') |
|
|
|
const iSMT = ref(0) |
|
|
|
const username = ref('演示机EVA') |
|
|
|
const dccode = ref('90047681') |
|
|
|
const goToGeneral = () => { |
|
|
|
} from '@element-plus/icons-vue' |
|
|
|
import footerBar from '../../components/footerBar.vue' |
|
|
|
import {getUserInfo} from "@/api/member"; |
|
|
|
|
|
|
|
const type = ref('member') |
|
|
|
const iSMT = ref(0) |
|
|
|
const username = ref('') |
|
|
|
const dccode = ref('') |
|
|
|
|
|
|
|
const userInfoRes = ref() |
|
|
|
userInfoRes.value = getUserInfo() |
|
|
|
userInfoRes.value.then(res => { |
|
|
|
username.value = res.data.username |
|
|
|
dccode.value = res.data.dccode |
|
|
|
console.log('用户信息', res.data) |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
const goToGeneral = () => { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/setting/general' |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
const goToMarket = () => { |
|
|
|
const goToMarket = () => { |
|
|
|
uni.navigateTo({ |
|
|
|
url: '../setting/market' |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
const goToAccount = () => { |
|
|
|
const goToAccount = () => { |
|
|
|
uni.navigateTo({ |
|
|
|
url:'../setting/account' |
|
|
|
url: '../setting/account' |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
const goToNewVersion = () =>{ |
|
|
|
const goToNewVersion = () => { |
|
|
|
uni.navigateTo({ |
|
|
|
url:'../setting/newVersion' |
|
|
|
url: '../setting/newVersion' |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
const goToAbout = () =>{ |
|
|
|
const goToAbout = () => { |
|
|
|
uni.navigateTo({ |
|
|
|
url:'../setting/about' |
|
|
|
url: '../setting/about' |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
const goToShare = () =>{ |
|
|
|
const goToShare = () => { |
|
|
|
uni.navigateTo({ |
|
|
|
url:'../setting/share' |
|
|
|
url: '../setting/share' |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
onMounted(() => { |
|
|
|
// 状态栏高度 |
|
|
|
iSMT.value = uni.getSystemInfoSync().statusBarHeight |
|
|
|
console.log('??????????????', iSMT.value) |
|
|
|
}) |
|
|
|
}) |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
.static-footer { |
|
|
|
.static-footer { |
|
|
|
position: fixed; |
|
|
|
bottom: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.top { |
|
|
|
.top { |
|
|
|
height: 47vh; |
|
|
|
background-color: white; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bell { |
|
|
|
.bell { |
|
|
|
height: 9.6vh; |
|
|
|
display: flex; |
|
|
|
align-items: flex-end; |
|
|
|
justify-content: flex-end; |
|
|
|
padding-right: 50rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.image-bell { |
|
|
|
.image-bell { |
|
|
|
width: 13px; |
|
|
|
height: 16px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.msg { |
|
|
|
.msg { |
|
|
|
height: 10.7vh; |
|
|
|
display: flex; |
|
|
|
margin-top: 3vh; |
|
|
|
margin-bottom: 3vh; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.msg-left { |
|
|
|
.msg-left { |
|
|
|
width: 33.6vw; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.avatar { |
|
|
|
.avatar { |
|
|
|
width: 175rpx; |
|
|
|
height: 175rpx; |
|
|
|
border-radius: 50%; |
|
|
|
background-color: black; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.msg-center { |
|
|
|
.msg-center { |
|
|
|
width: 51.7vw; |
|
|
|
padding-left: 2.5vh; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.userInfo { |
|
|
|
.userInfo { |
|
|
|
font-size: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.userId { |
|
|
|
.userId { |
|
|
|
font-size: 14px; |
|
|
|
margin-top: 1vh; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.image-editName { |
|
|
|
.image-editName { |
|
|
|
width: 40rpx; |
|
|
|
height: 40rpx; |
|
|
|
margin-left: 2vw; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.msg-right { |
|
|
|
.msg-right { |
|
|
|
width: 14.7vw; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.image-attendance { |
|
|
|
.image-attendance { |
|
|
|
width: 43rpx; |
|
|
|
height: 43rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.settings-buttons { |
|
|
|
.settings-buttons { |
|
|
|
display: flex; |
|
|
|
justify-content: space-around; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.setting-btn { |
|
|
|
.setting-btn { |
|
|
|
width: 349rpx; |
|
|
|
height: 135rpx; |
|
|
|
display: flex; |
|
|
|
@ -220,75 +231,75 @@ |
|
|
|
justify-content: center; |
|
|
|
background-color: rgb(243, 243, 243); |
|
|
|
border-radius: 8%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.setting-icon { |
|
|
|
.setting-icon { |
|
|
|
width: 64.7rpx; |
|
|
|
height: 64.7rpx; |
|
|
|
margin-right: 25rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.setting-btn text { |
|
|
|
.setting-btn text { |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: bold; |
|
|
|
color: #333; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.share { |
|
|
|
.share { |
|
|
|
height: 12.6vh; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.img-share { |
|
|
|
.img-share { |
|
|
|
width: 720rpx; |
|
|
|
height: 160rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bottom { |
|
|
|
.bottom { |
|
|
|
height: 44.5vh; |
|
|
|
margin-top: 1vh; |
|
|
|
background-color: rgb(255, 255, 255); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.list-item { |
|
|
|
.list-item { |
|
|
|
width: 670rpx; |
|
|
|
height: 7vh; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
margin: 0rpx 40rpx; |
|
|
|
border-bottom: 1rpx solid #eee; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.list-item:last-child{ |
|
|
|
.list-item:last-child { |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.list-icon { |
|
|
|
.list-icon { |
|
|
|
width: 42rpx; |
|
|
|
height: 42rpx; |
|
|
|
margin-right: 18rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.arrow { |
|
|
|
.arrow { |
|
|
|
margin-left: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.update-tip { |
|
|
|
.update-tip { |
|
|
|
display: flex; |
|
|
|
color: #999; |
|
|
|
font-size: 24rpx; |
|
|
|
align-items: center; |
|
|
|
margin-left: 200rpx; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.circle { |
|
|
|
.circle { |
|
|
|
width: 10rpx; |
|
|
|
height: 10rpx; |
|
|
|
border-radius: 50%; |
|
|
|
background-color: red; |
|
|
|
margin-left: 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
lihui
4 weeks ago