126 lines
3.4 KiB
Vue
126 lines
3.4 KiB
Vue
<template>
|
|
<view class="container" :class="[`${themeInfo.theme}-theme`]">
|
|
<view class="orderInfo sflist card">
|
|
<ul>
|
|
<li @click="goOrder">
|
|
<view class="left"><text class="font28 fontb">订单详情</text></view>
|
|
<view class="right font36 fontb textGary">
|
|
<uv-icon color="#000000" blod name="arrow-right" size="24rpx" />
|
|
</view>
|
|
</li>
|
|
<li @click="goVaild">
|
|
<view class="left"><text class="font28 fontb">信息验证</text></view>
|
|
<view class="right font36 fontb textGary">
|
|
<uv-icon color="#000000" blod name="arrow-right" size="24rpx" />
|
|
</view>
|
|
</li>
|
|
<!-- <li>
|
|
<view class="left"><text class="font28 fontb">发票申请</text></view>
|
|
<view class="right font36 fontb textGary">
|
|
<uv-icon color="#000000" blod name="arrow-right" size="32" />
|
|
</view>
|
|
</li> -->
|
|
<li @click="makePhoneCall">
|
|
<view class="left"><text class="font28 fontb">客服咨询</text></view>
|
|
<view class="right font36 fontb textGary">
|
|
<uv-icon color="#000000" blod name="arrow-right" size="24rpx" />
|
|
</view>
|
|
</li>
|
|
</ul>
|
|
</view>
|
|
<div class="footer">
|
|
<myCustomtTabBar direction="horizontal" :show-icon="true" :selected="2" @onTabItemTap="onTabItemTap">
|
|
</myCustomtTabBar>
|
|
</div>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue';
|
|
import {
|
|
onTabItemTap,
|
|
makePhoneCall,
|
|
} from '/utils/common.js'
|
|
import { navigateTo } from '@/utils/navigateTo';
|
|
import myCustomtTabBar from '@/components/myCustomtTabBar.vue';
|
|
import myModal from "@/components/myModal.vue";
|
|
import { useLoginApi } from "@/Apis/login.js";
|
|
import { useOrderApi } from '@/Apis/order.js';
|
|
import { authInfoApi } from "@/Apis/validInfo.js";
|
|
import { shareParam } from "@/utils/common.js";
|
|
import { useI18n } from 'vue-i18n';
|
|
// 主题色配置
|
|
import { useMainStore } from "@/store/index.js"
|
|
import { onLoad,onShow,onShareAppMessage} from '@dcloudio/uni-app'
|
|
import coupon from '@/components/coupon.vue';
|
|
import inviteDetail from '@/components/inviteDetail.vue';
|
|
import MediatorinviteDetail from '@/components/MediatorinviteDetail.vue';
|
|
|
|
import { useRecommend } from "@/Apis/recommend.js";
|
|
import { baseImageUrl, projectInfo, isKingKong,envVersion } from '@/config/index.js';
|
|
const { themeInfo, storeState, getUserInfo,logOut } = useMainStore();
|
|
const getLoginApi = useLoginApi();
|
|
const getApi = useOrderApi();
|
|
const couponRef = ref();
|
|
const getRecommendApi = useRecommend();
|
|
const getAuthApi = authInfoApi();
|
|
const { t } = useI18n();
|
|
onShow(() => {
|
|
uni.hideTabBar();
|
|
})
|
|
|
|
const goVaild = () => {
|
|
navigateTo('/pagesb/validationInfo/index');
|
|
}
|
|
const goOrder = () => {
|
|
navigateTo('/pages/unlock/index');
|
|
}
|
|
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@import '@/static/style/theme.scss';
|
|
|
|
.container {
|
|
width: 100%;
|
|
min-height: 100vh;
|
|
padding-bottom: 400rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
|
|
.orderInfo {
|
|
padding: 0;
|
|
|
|
ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
|
|
li {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 28rpx;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid #a8aaac69;
|
|
|
|
&:active {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
&:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.right {
|
|
display: flex;
|
|
|
|
text {
|
|
padding-right: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
</style>
|